.card{color:#1a1a1a;caret-color:#1a1a1a;color-scheme:light;border-radius:15px;background-color:#fff;box-shadow:0 4px 8px #0000001a;position:relative;overflow:hidden;margin:20px}.card-element{display:flex;align-items:center;justify-content:center;font-size:16px;padding:5px;border:1px dashed var(--brand-red);cursor:text;background-color:#f0f0f0}.card-element[contenteditable=true]:empty:before{content:attr(placeholder);color:#aaa}.card .MuiSvgIcon-root{color:#616161}.card-element svg{width:32px;height:32px;color:#616161}.card-button{min-width:64px}.save-status{margin-left:8px}input[type=radio]{margin:0;min-width:32px}.card-background-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.card-background-row select{max-width:260px}.draggable-element{display:flex;align-items:center;margin:10px 0;padding:10px;border:1px solid var(--brand-border);border-radius:8px;background-color:var(--brand-surface-raised);cursor:pointer}.sidebar-element{width:32px;height:32px;padding:0;justify-content:center}.sidebar-element svg{width:100%;height:100%;fill:var(--brand-red)}.draggable-element-sidebar{width:32px;height:64vh;border-right:1px solid var(--brand-border);padding:10px}.properties-sidebar{padding:10px;border:1px solid var(--brand-border);background:var(--brand-surface-card);border-radius:10px;width:256px;box-sizing:border-box;height:auto;top:0;bottom:0}.properties-sidebar input{width:80%;margin-top:5px}.properties-sidebar input[type=file]::file-selector-button{display:none}.properties-sidebar select{width:60%;margin-top:5px}.pens-sidebar{width:256px;box-sizing:border-box;height:auto;overflow-y:auto;background-color:var(--brand-surface-card);border:1px solid var(--brand-border);border-radius:10px;padding:10px}.pens-sidebar input{min-width:90%;margin-top:5px}.pens-sidebar input[type=checkbox]{width:16px;height:16px;min-width:16px;margin-left:0;margin-top:0}input[type=checkbox]{min-width:16px;max-width:16px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.modal-content{background:var(--brand-surface-card);padding:20px;border-radius:8px;width:400px;text-align:center}.form-group{margin-bottom:20px}.modal-actions button{margin:0 10px}.advanced-pen-panel{width:256px;box-sizing:border-box;background-color:var(--brand-surface-card);border:1px solid var(--brand-border);border-left:3px solid var(--brand-red);border-radius:10px;padding:10px}.advanced-pen-panel-header{display:flex;align-items:center;justify-content:space-between}.advanced-pen-panel-header h2{margin:0}button.advanced-pen-panel-close{border:none;background:transparent;font-size:1.4rem;line-height:1;padding:2px 8px}.advanced-pen-panel-pen{margin:4px 0 8px;font-size:.875rem;color:var(--brand-text-muted)}.advanced-pen-panel label{display:block;margin-top:6px}.advanced-pen-panel input{min-width:90%;margin-top:5px}.advanced-pen-panel-actions{display:flex;gap:8px;margin-top:12px}:root{--brand-red: #ff5a5f;--brand-red-accent: #ff7a7e;--brand-red-dark: #e0474c;--brand-black: #000;--brand-surface: #1a1a1a;--brand-surface-card: #333333;--brand-surface-raised: #4d4d4d;--brand-border: #4d4d4d;--brand-hairline: #404040;--brand-text: #fff;--brand-text-muted: #a6a6a6;font-family:Mulish,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color:var(--brand-text);background-color:var(--brand-black);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}h1,h2,h3{font-family:inherit;color:var(--brand-text)}h2{font-size:1.15rem;font-weight:800}a{font-weight:700;color:var(--brand-red);text-decoration:none}a:hover{color:var(--brand-red-accent)}button:not([class*=Mui]){font:inherit;font-size:.875rem;font-weight:700;padding:7px 18px;border-radius:6px;border:1px solid var(--brand-border);background-color:var(--brand-surface-raised);color:var(--brand-text);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}button:not([class*=Mui]):hover{border-color:var(--brand-red);color:var(--brand-red)}button:not([class*=Mui])[type=submit],button:not([class*=Mui]).card-button{background-color:var(--brand-red);border-color:var(--brand-red);color:#fff}button:not([class*=Mui])[type=submit]:hover,button:not([class*=Mui]).card-button:hover{background-color:var(--brand-red-accent);border-color:var(--brand-red-accent);color:#fff}button:not([class*=Mui]):disabled{opacity:.45;cursor:default}input:not([class*=Mui]):not([type=checkbox]):not([type=radio]):not([type=file]),select:not([class*=Mui]){font:inherit;font-size:.875rem;padding:6px 10px;border:1px solid var(--brand-border);border-radius:6px;background-color:var(--brand-surface);color:var(--brand-text)}input:not([class*=Mui]):focus,select:not([class*=Mui]):focus{outline:2px solid rgba(255,90,95,.3);border-color:var(--brand-red)}input[type=checkbox],input[type=radio]{accent-color:var(--brand-red)}.modal-overlay{background:#000000b3!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1300!important}.modal-content{background:var(--brand-surface-card)!important;color:var(--brand-text);border-radius:10px!important;padding:24px 28px!important;box-shadow:0 20px 50px #00000080;text-align:left!important}.modal-content h2{margin-top:0}.modal-content label{display:block;font-size:.8rem;font-weight:700;color:var(--brand-text-muted);margin-bottom:4px}.modal-content input:not([type=checkbox]):not([type=radio]),.modal-content select{width:100%;box-sizing:border-box}.modal-actions{display:flex;flex-direction:row-reverse;gap:8px;margin-top:8px}.modal-actions button{margin:0!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff57}