:root{--accent: #f97316;--accent-2: #fb923c;--accent-soft: rgba(249,115,22,.14);--accent-glow: rgba(249,115,22,.35);--radius: 10px;--ed-bg: var(--bg, #08080c);--ed-text: var(--text-primary, rgba(255,255,255,.85));--ed-canvas-bg: #16161c}html[data-theme=light]{--ed-bg: #fafafa;--ed-canvas-bg: #f0f0f0}html[data-theme=light] .action-btn{color:#00000073}html[data-theme=light] .action-btn:hover{background:#0000000a;color:#000000b3}html[data-theme=light] .tool-btn{color:#00000059}html[data-theme=light] .tool-btn:hover{background:#0000000a;color:#0000008c}html[data-theme=light] .tool-btn.active{color:var(--accent);background:var(--accent-soft)}html[data-theme=light] .mob-tool{color:#00000059}html[data-theme=light] .mob-tool:hover{background:#00000008}html[data-theme=light] .mob-tool.active{color:var(--accent);background:var(--accent-soft)}html[data-theme=light] .export-option{color:#0000008c}html[data-theme=light] .export-option:hover{color:var(--accent);background:var(--accent-soft)}html[data-theme=light] .rp-tab{color:#0000004d}html[data-theme=light] .rp-tab:hover{color:#00000080}html[data-theme=light] .rp-tab.active{color:var(--accent)}html[data-theme=light] .prop-label{color:#00000059}html[data-theme=light] .prop-input{background:#00000008;border-color:#00000014;color:#000000a6}html[data-theme=light] .prop-input:focus{border-color:var(--accent);background:var(--accent-soft)}html[data-theme=light] .prop-select{background:#00000008;border-color:#00000014;color:#000000a6}html[data-theme=light] .prop-range{background:#0000000f}html[data-theme=light] .prop-btn{border-color:#00000014;background:#00000005;color:#00000073}html[data-theme=light] .prop-btn:hover{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}html[data-theme=light] .prop-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}html[data-theme=light] .prop-divider{background:#0000000f}html[data-theme=light] .prop-color{border-color:#0000001f}html[data-theme=light] .layer-item:hover{background:#00000005}html[data-theme=light] .layer-item .layer-vis{color:#00000040;background:#00000008}html[data-theme=light] .layer-item .layer-vis:hover{color:#00000073;background:#0000000f}html[data-theme=light] .layer-item .layer-name{color:#00000080}html[data-theme=light] .layer-item.selected .layer-name{color:#000c}html[data-theme=light] .layer-item .layer-opacity,html[data-theme=light] .history-item{color:#00000040}html[data-theme=light] .history-item.current{color:var(--accent);background:var(--accent-soft)}html[data-theme=light] .history-item.future{color:#0000001a}html[data-theme=light] .shape-item{background:#00000005;border-color:#0000000f;color:#0000004d}html[data-theme=light] .shape-item:hover{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}html[data-theme=light] .shape-item.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}html[data-theme=light] .icon-item{background:#00000005;border-color:#0000000f}html[data-theme=light] .icon-item svg{color:#0000004d}html[data-theme=light] .icon-item:hover svg{color:var(--accent)}html[data-theme=light] .icon-item.active svg{color:var(--accent)}html[data-theme=light] #prop-bar-content .pb-label{color:#00000040}html[data-theme=light] #prop-bar-content .pb-color{border-color:#0000001a}html[data-theme=light] #prop-bar-content .pb-btn{border-color:#0000000f;background:#00000005;color:#0006}html[data-theme=light] #prop-bar-content .pb-btn:hover{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}html[data-theme=light] #prop-bar-content .pb-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}html[data-theme=light] #prop-bar-content .pb-range{background:#0000000f}html[data-theme=light] #prop-bar-content .pb-number{border-color:#0000000f;background:#00000005;color:#0006}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000014}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000024}html[data-theme=light] #empty-state p{color:#0006!important}html[data-theme=light] #empty-state span{color:#00000026!important}html[data-theme=light] #empty-state svg{stroke:#0000001f}html[data-theme=light] #empty-state>div{background:#00000005!important;border-color:#00000014!important}html[data-theme=light] #grid-bg{background-image:radial-gradient(rgba(0,0,0,.03) 1px,transparent 1px)!important}html[data-theme=light] #canvas-frame{box-shadow:0 4px 40px #0000001f,0 0 0 1px #0000000f!important}html[data-theme=light] #zoom-badge{color:#00000026!important}html[data-theme=light] header a[href="/"]{color:#0000004d!important}html[data-theme=light] header a[href="/"]:hover{color:#0009!important}html[data-theme=light] #zoom-label{color:#00000059!important}html[data-theme=light] .toast{box-shadow:0 4px 20px #00000014}html[data-theme=light] .toast-success{background:#22c55e14;color:#16a34a;border-color:#16a34a26}html[data-theme=light] .toast-error{background:#ef444414;color:#dc2626;border-color:#dc262626}html[data-theme=light] .toast-info{background:#f9731614;color:#c2410c;border-color:#f9731626}html[data-theme=light] #export-menu{background:#fffffffa!important;border-color:#00000014!important;box-shadow:0 8px 40px #0000001a!important}html[data-theme=light] #right-panel,html[data-theme=light] #left-toolbar{background:#00000005!important;border-color:#0000000f!important}html[data-theme=light] #right-panel>div,html[data-theme=light] #left-toolbar>div{border-color:#0000000f!important}html[data-theme=light] #prop-bar,html[data-theme=light] #secondary-bar{background:#00000003!important;border-color:#0000000f!important}html[data-theme=light] #prop-bar-label{color:#0000004d!important}html[data-theme=light] #prop-bar-content{color:#00000080!important}html[data-theme=light] #props-empty,html[data-theme=light] #props-empty p{color:#0000004d!important}html[data-theme=light] #props-empty p:only-child{color:#0003!important}html[data-theme=light] #mob-toolbar{border-top-color:#0000000f!important}html[data-theme=light] [class*="text-white/"]{color:#0006!important}html[data-theme=light] #layer-count,html[data-theme=light] #history-count{color:#0003!important}html[data-theme=light] #empty-state .underline{color:#f9731699!important}html[data-theme=light] #canvas-stage{background:var(--ed-bg)!important}html[data-theme=light] #mob-drawer{background:#fafafafa!important;border-top-color:#00000014!important;box-shadow:0 -8px 60px #00000014!important}html[data-theme=light] #mob-drawer-title,html[data-theme=light] #mob-drawer-tab-layers{color:#0000004d!important}html[data-theme=light] #mob-drawer-tab-layers:hover{color:#00000080!important}html[data-theme=light] #mob-drawer-close{color:#0000004d!important}html[data-theme=light] #mob-drawer-close:hover{background:#0000000d!important;color:#0009!important}html[data-theme=light] #qr-modal>div{background:#fafafafa!important;border-color:#00000014!important;box-shadow:0 8px 60px #0000001a!important}html[data-theme=light] #qr-modal-close{color:#0000004d!important}html[data-theme=light] #qr-modal-close:hover{background:#0000000d!important;color:#0009!important}html[data-theme=light] #qr-modal-title{color:#0006!important}html[data-theme=light] #loading-overlay{background:#fafafaf2!important;border-color:#0000000f!important}html[data-theme=light] #loading-text{color:#00000059!important}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background:var(--ed-bg);color:var(--ed-text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}#canvas-stage{min-height:0}#toast-container{position:fixed;top:12px;right:12px;z-index:999;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{pointer-events:auto;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:500;backdrop-filter:blur(16px);box-shadow:0 4px 24px #0006;animation:slideIn .25s ease-out;display:flex;align-items:center;gap:8px;min-width:180px}.toast-success{background:#22c55e26;border:1px solid rgba(34,197,94,.2);color:#86efac}.toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.toast-info{background:var(--accent-soft);border:1px solid var(--accent-glow);color:var(--accent)}@keyframes slideIn{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.action-btn{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;color:#ffffff59;background:transparent;border:none;cursor:pointer;font-size:11px;transition:all .15s;white-space:nowrap}.action-btn:hover{background:#ffffff0f;color:#fff9}.action-btn:active{transform:scale(.95)}.action-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.export-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;color:#fff9;font-size:12px;cursor:pointer;transition:all .12s;text-align:left}.export-option:hover{background:var(--accent-soft);color:var(--accent)}.tool-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:#ffffff40;background:transparent;border:none;cursor:pointer;transition:all .15s;position:relative}.tool-btn:hover{background:#ffffff0d;color:#ffffff80}.tool-btn.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-glow)}.tool-btn:disabled{opacity:.2;cursor:default;pointer-events:none}.tool-btn svg{width:15px;height:15px}.rp-tab{flex:1;padding:8px 4px;background:transparent;border:none;color:#fff3;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.05em;position:relative}.rp-tab:hover{color:#fff6}.rp-tab.active{color:var(--accent)}.rp-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.rp-content{display:none;flex:1;min-height:0}.rp-content.active{display:flex;flex-direction:column}.prop-group{display:flex;flex-direction:column;gap:4px}.prop-label{font-size:9px;color:#fff3;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.prop-row{display:flex;align-items:center;gap:6px}.prop-input{flex:1;padding:4px 6px;border-radius:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#fff9;font-size:11px;outline:none;transition:all .12s;min-width:0}.prop-input:focus{border-color:var(--accent);background:var(--accent-soft)}.prop-input-sm{width:48px}.prop-color{width:28px;height:28px;padding:0;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:none;cursor:pointer}.prop-color::-webkit-color-swatch-wrapper{padding:2px}.prop-color::-webkit-color-swatch{border-radius:4px;border:none}.prop-select{padding:4px 6px;border-radius:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#fff9;font-size:11px;outline:none;cursor:pointer}.prop-range{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff14;border-radius:2px;outline:none}.prop-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 8px var(--accent-glow)}.prop-btn{padding:4px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#fff6;font-size:10px;cursor:pointer;transition:all .12s}.prop-btn:hover{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}.prop-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.prop-divider{height:1px;background:#ffffff0a;margin:2px 0}.layer-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:all .12s;border:1px solid transparent;font-size:11px}.layer-item:hover{background:#ffffff08}.layer-item.selected{background:var(--accent-soft);border-color:var(--accent-glow)}.layer-item .layer-vis{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#ffffff26;cursor:pointer;transition:all .12s;flex-shrink:0;background:#ffffff05;border:none}.layer-item .layer-vis:hover{color:#fff6;background:#ffffff0d}.layer-item .layer-vis.hidden{opacity:.2}.layer-item .layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff6}.layer-item.selected .layer-name{color:#ffffffb3}.layer-item .layer-opacity{font-size:9px;color:#ffffff26;font-family:monospace}.layer-item.dragging{opacity:.4}.layer-item.drag-over{border-top-color:var(--accent)}.history-item{padding:4px 8px;border-radius:4px;font-size:10px;color:#fff3;transition:all .1s}.history-item.current{color:var(--accent);background:var(--accent-soft)}.history-item.future{color:#ffffff14}#mob-toolbar{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}#mob-toolbar::-webkit-scrollbar{display:none}.mob-tool{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;border-radius:8px;color:#fff3;background:transparent;border:none;cursor:pointer;transition:all .15s;font-size:9px;min-width:52px;min-height:44px;flex-shrink:0}.mob-tool:hover{background:#ffffff0a}.mob-tool.active{color:var(--accent);background:var(--accent-soft)}.mob-tool svg{width:18px;height:18px}.mob-tool span{white-space:nowrap}#prop-bar-content{display:flex;align-items:center;gap:6px}#prop-bar-content .pb-group{display:flex;align-items:center;gap:4px;padding:0 4px}#prop-bar-content .pb-label{font-size:9px;color:#ffffff26;white-space:nowrap}#prop-bar-content .pb-color{width:20px;height:20px;padding:0;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:none;cursor:pointer}#prop-bar-content .pb-color::-webkit-color-swatch-wrapper{padding:1px}#prop-bar-content .pb-color::-webkit-color-swatch{border-radius:3px;border:none}#prop-bar-content .pb-btn{padding:2px 6px;border-radius:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#ffffff4d;font-size:10px;cursor:pointer;transition:all .12s}#prop-bar-content .pb-btn:hover{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}#prop-bar-content .pb-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}#prop-bar-content .pb-range{width:48px;height:3px;-webkit-appearance:none;background:#ffffff0f;border-radius:2px;outline:none}#prop-bar-content .pb-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}#prop-bar-content .pb-number{width:32px;padding:1px 4px;border-radius:3px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#ffffff4d;font-size:10px;text-align:center;outline:none}.shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 0}.shape-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);color:#ffffff26;cursor:pointer;transition:all .12s}.shape-item:hover{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}.shape-item.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 0}.icon-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .12s}.icon-item svg{width:18px;height:18px;color:#ffffff40}.icon-item:hover{background:var(--accent-soft);border-color:var(--accent-glow)}.icon-item:hover svg{color:var(--accent)}.icon-item.active{background:var(--accent-soft);border-color:var(--accent)}.icon-item.active svg{color:var(--accent)}.crop-handle{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:2px;z-index:20}.crop-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.crop-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.crop-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.crop-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.crop-handle.n{top:-5px;left:50%;margin-left:-5px;cursor:n-resize}.crop-handle.s{bottom:-5px;left:50%;margin-left:-5px;cursor:s-resize}.crop-handle.w{top:50%;left:-5px;margin-top:-5px;cursor:w-resize}.crop-handle.e{top:50%;right:-5px;margin-top:-5px;cursor:e-resize}.sel-handle{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--accent);border-radius:2px;z-index:15;pointer-events:auto}.sel-handle.tl{top:-4px;left:-4px;cursor:nw-resize}.sel-handle.tr{top:-4px;right:-4px;cursor:ne-resize}.sel-handle.bl{bottom:-4px;left:-4px;cursor:sw-resize}.sel-handle.br{bottom:-4px;right:-4px;cursor:se-resize}.sel-handle.tc{top:-4px;left:50%;margin-left:-4px;cursor:n-resize}.sel-handle.bc{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.sel-handle.lm{top:50%;left:-4px;margin-top:-4px;cursor:w-resize}.sel-handle.rm{top:50%;right:-4px;margin-top:-4px;cursor:e-resize}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}#qr-modal-overlay{cursor:pointer}#qr-modal-overlay>div{cursor:default}#qr-preview{image-rendering:pixelated}.text-layer{white-space:pre-wrap;word-break:break-word;line-height:1.4}.loading-spinner{width:32px;height:32px;border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#empty-state svg{stroke:#ffffff1a}.drag-active #drop-overlay{display:flex!important}.drag-active #drop-overlay{background:var(--accent-soft)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}