.editor-shell{color:#eeeae4;background:#19191e;min-height:100vh}.editor-nav{border-bottom:1px solid #34343a;align-items:center;gap:28px;height:72px;padding:0 28px;display:flex}.editor-nav .wordmark{color:#f3f1eb}.editor-title{color:#85838a;flex-direction:column;gap:3px;font:9px DM Mono,monospace;display:flex}.editor-title b{color:#e9e5dd;font:500 13px DM Sans,sans-serif}.editor-nav-actions{align-items:center;gap:17px;margin-left:auto;font:11px DM Mono,monospace;display:flex}.capability-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.capability-dot.ok{background:#d8f174;box-shadow:0 0 0 4px #d8f17416}.capability-dot.warn{background:#ee9075;box-shadow:0 0 0 4px #ee907516}.editor-reset{color:#8f8d94;cursor:pointer;background:0 0;border:0}.editor-reset:hover{color:#fff}.editor-exit{color:#c2bec5;border:1px solid #44444b;padding:10px 13px}.editor-exit:hover{color:#fff;border-color:#aaa6ad}.editor-layout{grid-template-columns:285px minmax(0,1fr) 285px;min-height:calc(100vh - 72px);display:grid}.editor-sidebar,.export-sidebar{background:#202026;border-right:1px solid #34343a}.export-sidebar{border-left:1px solid #34343a;border-right:0;padding:25px 22px}.panel-tabs{border-bottom:1px solid #34343a;grid-template-columns:repeat(3,1fr);display:grid}.panel-tabs button{color:#77757c;cursor:pointer;background:0 0;border:0;padding:20px 5px;font:10px DM Mono,monospace}.panel-tabs button.active{color:#f5f1ea;box-shadow:inset 0 -2px #d8f174}.panel-tabs span{color:#d8f174;margin-left:3px}.panel-body{height:calc(100vh - 129px);padding:22px 18px;overflow-y:auto}.panel-heading,.export-heading{flex-direction:column;gap:5px;margin-bottom:20px;display:flex}.panel-heading span,.export-heading span{text-transform:uppercase;letter-spacing:.06em;color:#929097;font:10px DM Mono,monospace}.panel-heading strong,.export-heading strong{color:#eeeae4;font:500 19px DM Sans,sans-serif}.editor-filter-row{scrollbar-width:none;gap:5px;padding-bottom:14px;display:flex;overflow-x:auto}.editor-filter-row button{color:#88858d;cursor:pointer;background:0 0;border:1px solid #3b3b42;flex:none;padding:7px 9px;font:9px DM Mono,monospace}.editor-filter-row button.active,.editor-filter-row button:hover{color:#1d1d20;background:#d8f174;border-color:#d8f174}.editor-template-list{flex-direction:column;gap:5px;display:flex}.editor-template-list>button{text-align:left;color:#d8d5ce;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:45px 1fr 18px;align-items:center;gap:10px;padding:7px;display:grid}.editor-template-list>button:hover,.editor-template-list>button.selected{background:#2a2a30;border-color:#47474e}.editor-template-list>button.selected{box-shadow:inset 3px 0 #d8f174}.template-thumb{color:#d8f174;background:linear-gradient(140deg,#393940,#77658b);justify-content:center;align-items:center;height:45px;font:10px DM Mono,monospace;display:flex}.editor-template-list>button:nth-child(3n) .template-thumb{background:linear-gradient(140deg,#744a56,#cd846f)}.editor-template-list>button:nth-child(3n+1) .template-thumb{background:linear-gradient(140deg,#344962,#7ca0c9)}.editor-template-list small{color:#79777e;text-transform:uppercase;margin-bottom:3px;font:8px DM Mono,monospace;display:block}.editor-template-list b{font-size:12px;font-weight:500;display:block}.editor-template-list i{color:#6e6c73;font-style:normal}.drop-zone-editor{text-align:center;cursor:pointer;border:1px dashed #606067;flex-direction:column;align-items:center;gap:7px;padding:30px 12px;transition:all .2s;display:flex}.drop-zone-editor:hover,.drop-zone-editor.dragging{background:#2b3021;border-color:#d8f174}.drop-icon{color:#d8f174;border:1px dashed #d8f174;border-radius:4px;place-items:center;width:29px;height:29px;font-size:20px;display:grid}.drop-zone-editor b{font:500 13px DM Sans,sans-serif}.drop-zone-editor small{color:#77757d;font:9px DM Mono,monospace}.slot-list{flex-direction:column;gap:7px;margin-top:22px;display:flex}.slot-row{border-bottom:1px solid #35353c;align-items:center;gap:9px;min-height:34px;font:10px DM Mono,monospace;display:flex}.slot-row>span{color:#d8f174}.slot-row b{white-space:nowrap;text-overflow:ellipsis;color:#d7d4ce;font-weight:400;overflow:hidden}.slot-row em{color:#68666d;font-style:normal}.slot-row button{color:#87848c;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:18px}.privacy-note{color:#6e6c73;margin-top:28px;font:9px/1.55 DM Mono,monospace}.control-group{border-bottom:1px solid #35353c;padding:17px 0}.control-group>label{color:#aaa7ae;text-transform:uppercase;justify-content:space-between;margin-bottom:11px;font:10px DM Mono,monospace;display:flex}.control-group>label span{color:#66646c}.segmented,.format-buttons,.background-options{gap:4px;display:flex}.segmented button,.format-buttons button,.background-options button{color:#9e9aa2;cursor:pointer;background:#27272d;border:1px solid #44444b;flex:1;padding:9px 4px;font:10px DM Mono,monospace}.segmented button.active,.format-buttons button.active,.background-options button.active{color:#232329;background:#d8f174;border-color:#d8f174}.range-row{grid-template-columns:1fr 47px;align-items:center;gap:8px;display:grid}.range-row input{accent-color:#d8f174;width:100%}.range-row output{color:#dad7cf;text-align:right;font:10px DM Mono,monospace}.control-group select{color:#dedbd4;background:#29292f;border:1px solid #45454c;width:100%;padding:9px;font:10px DM Mono,monospace}.toggle{cursor:pointer;background:#44444a;border:0;border-radius:20px;width:40px;height:22px;padding:3px}.toggle span{background:#aaa;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.toggle.on{background:#d8f174}.toggle.on span{background:#1d1d21;transform:translate(18px)}.preview-stage{background:#17171c;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:42px 48px 28px;display:flex}.canvas-wrap{background:#101014;place-items:center;width:min(100%,960px);max-height:calc(100vh - 250px);display:grid;overflow:hidden;box-shadow:0 24px 60px #0000004a}.canvas-wrap.checker{background-color:#c9c7c7;background-image:linear-gradient(45deg,#b5b3b3 25%,#0000 25%),linear-gradient(-45deg,#b5b3b3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#b5b3b3 75%),linear-gradient(-45deg,#0000 75%,#b5b3b3 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.canvas-wrap canvas{object-fit:contain;width:100%;height:100%;display:block}.preview-controls{grid-template-columns:35px 1fr auto;align-items:center;gap:13px;width:min(100%,960px);margin-top:20px;display:grid}.preview-controls input{accent-color:#d8f174}.preview-controls span{color:#89878e;font:10px DM Mono,monospace}.play-button{color:#e9e5dd;cursor:pointer;background:0 0;border:1px solid #5b5a61;width:31px;height:31px}.preview-meta{color:#6f6d75;justify-content:space-between;width:min(100%,960px);margin-top:15px;font:9px DM Mono,monospace;display:flex}.preview-meta b{color:#d8f174;font-weight:400}.live-dot{background:#d8f174;border-radius:50%;width:5px;height:5px;margin-left:5px;display:inline-block}.export-heading{margin-bottom:30px}.export-control{border-bottom:1px solid #35353c;padding:18px 0}.export-control>label{text-transform:uppercase;color:#aaa7ae;justify-content:space-between;margin-bottom:12px;font:10px DM Mono,monospace;display:flex}.export-control>label span{color:#d8f174}.resolution-list{flex-direction:column;gap:4px;display:flex}.resolution-list button{text-align:left;color:#aaa7ae;cursor:pointer;background:#27272d;border:1px solid #3e3e45;grid-template-columns:53px 1fr auto;align-items:center;padding:10px;display:grid}.resolution-list button:hover,.resolution-list button.active{color:#f1eee6;background:#303426;border-color:#d8f174}.resolution-list b{font:500 12px DM Sans,sans-serif}.resolution-list small{color:#77757d;font:9px DM Mono,monospace}.resolution-list em{color:#e8a08a;font:8px DM Mono,monospace}.export-estimate{gap:9px;padding:22px 0;display:grid}.export-estimate div{justify-content:space-between;font:10px DM Mono,monospace;display:flex}.export-estimate span{color:#79777e}.export-estimate b{color:#ddd9d1;font-weight:400}.capability-message{color:#a7a4aa;min-height:30px;font:9px/1.55 DM Mono,monospace}.capability-message.good{color:#b9d363}.export-button{color:#202025;cursor:pointer;background:#d8f174;border:0;width:100%;padding:15px 10px;font:11px DM Mono,monospace}.export-button:hover{background:#ebff9a}.export-button:disabled{cursor:not-allowed;opacity:.55}.export-progress-label{color:#aaa7ae;justify-content:space-between;font:9px DM Mono,monospace;display:flex}.export-progress-label b{color:#d8f174;font-weight:400}.export-progress-track{background:#3a3a41;height:5px;margin:9px 0 7px}.export-progress-track span{background:#d8f174;height:100%;transition:width .15s;display:block}.export-eta{color:#7d7a82;font:9px DM Mono,monospace}.cancel-button{color:#ee9075;cursor:pointer;background:0 0;border:1px solid #744f47;width:100%;margin-top:16px;padding:12px;font:10px DM Mono,monospace}.download-again{text-align:center;color:#d8f174;border-bottom:1px solid #57642f;margin-top:13px;padding:15px 0 5px;font:9px DM Mono,monospace;display:block}.editor-message{color:#eea48f;margin-top:17px;font:9px/1.5 DM Mono,monospace}@media (max-width:1050px){.editor-layout{grid-template-columns:250px minmax(0,1fr)}.export-sidebar{border-top:1px solid #34343a;border-left:0;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px;display:grid}.export-heading{margin:0}.export-control{border:0;padding:0}.export-estimate{padding:0}.capability-message{margin:0}.export-button{align-self:end}.export-progress-label,.export-progress-track,.export-eta,.cancel-button,.download-again,.editor-message{grid-column:1/-1}}@media (max-width:700px){.editor-nav{padding:0 15px}.editor-title{display:none}.editor-layout{flex-direction:column;display:flex}.preview-stage{order:-1;min-height:440px;padding:28px 15px 20px}.editor-sidebar{border-bottom:1px solid #34343a;border-right:0}.panel-body{height:auto;max-height:470px}.export-sidebar{display:block}.export-heading{margin-bottom:20px}.export-control{border-bottom:1px solid #35353c;padding:14px 0}.export-estimate{padding:17px 0}.editor-exit{padding:8px}.editor-nav-actions{gap:9px}.preview-controls{grid-template-columns:34px 1fr;gap:10px}.preview-controls span{grid-column:2}.preview-meta{font-size:8px}.canvas-wrap{max-height:370px}}.export-tabs{z-index:2;background:#202026;border-bottom:1px solid #35353c;gap:5px;margin-bottom:4px;padding-bottom:18px;display:flex;position:sticky;top:0}.export-tabs button{color:#85828a;cursor:pointer;background:0 0;border:1px solid #3b3b42;flex:1;padding:9px 4px;font:10px DM Mono,monospace}.export-tabs button.active{color:#1d1d20;background:#d8f174;border-color:#d8f174}.export-tabs span{opacity:.75;margin-left:3px}.template-thumb{overflow:hidden;background:#101014!important;padding:0!important}.template-thumb .tpl-preview{width:45px;height:45px}.template-thumb .tpl-preview canvas{object-fit:cover;width:45px;height:45px}.template-search,.text-input{box-sizing:border-box;color:#dedbd4;background:#29292f;border:1px solid #3e3e45;width:100%;margin-bottom:12px;padding:9px 10px;font:10px DM Mono,monospace}.template-search:focus,.text-input:focus{outline-offset:1px;outline:2px solid #d8f174}.control-hint{color:#77757d;margin-top:7px;font:9px DM Mono,monospace;display:block}.safe-area-overlay{pointer-events:none;border:1px dashed #d8f174cc;position:absolute;inset:8%}.canvas-wrap{position:relative}@media (prefers-reduced-motion:reduce){.preview-controls input{accent-color:#d8f174}}.template-slot-placeholder{aspect-ratio:1;color:#d8f174;background:#19191e;border:1px dashed #77777f;place-items:center;width:100%;display:grid}.template-slot-placeholder:before{content:"+";border:1px solid;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font:400 1.5rem/1 DM Sans,sans-serif;display:grid}@media (prefers-reduced-motion:reduce){.template-slot-placeholder{transition:none}}@media (min-width:1051px){.editor-nav{height:48px;padding:0 20px}.editor-layout{grid-template-columns:240px minmax(0,1fr) 320px;min-height:calc(100vh - 48px)}.panel-body{height:calc(100vh - 105px)}.export-sidebar{padding:20px 16px}.editor-projects,.editor-header-export,.editor-signin{color:#aaa7ae;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:6px 10px;font:11px DM Mono,monospace;display:inline-flex}.editor-header-export{color:#fff;background:#3f6ff8;border-radius:999px;padding:8px 15px}.editor-signin{border:1px solid #44444b;border-radius:8px}}@media (max-width:1050px){.editor-projects,.editor-header-export,.editor-signin{display:none}}.slot-row{cursor:grab}.slot-row.dragging{opacity:.55;outline:1px dashed #d8f174}.slot-reorder{gap:2px;margin-left:auto;display:flex}.slot-reorder button{color:#a9a6ad;cursor:pointer;background:0 0;border:1px solid #3e3e45;border-radius:4px;width:22px;padding:0;font-size:12px;line-height:1}.slot-reorder button:disabled{opacity:.3;cursor:not-allowed}.slot-reorder button:not(:disabled):hover{color:#d8f174;border-color:#d8f174}.color-controls{color:#aaa7ae;grid-template-columns:auto auto auto;align-items:center;gap:8px;padding-top:12px;font:9px DM Mono,monospace;display:grid}.color-controls input[type=color]{cursor:pointer;background:#29292f;border:1px solid #45454c;width:32px;height:28px;padding:2px}.color-controls input[type=range]{accent-color:#d8f174;grid-column:span 2}.slot-transform{color:#aaa7ae;border:1px solid #3a3a41;margin-top:12px;padding:10px;font:9px DM Mono,monospace}.slot-transform summary{cursor:pointer;color:#d8f174;padding-bottom:8px}.slot-transform label{margin:8px 0 4px;display:block}.slot-transform select{color:#ddd;background:#29292f;border:1px solid #45454c;width:100%;padding:7px}.slot-transform input[type=range]{accent-color:#d8f174;width:100%}.logo-upload{color:#d8f174;cursor:pointer;background:#29292f;border:1px solid #46464d;width:100%;padding:9px;font:10px DM Mono,monospace}.logo-upload:hover{border-color:#d8f174}.logo-row{color:#ddd;justify-content:space-between;gap:8px;font:10px DM Mono,monospace;display:flex}.logo-row button{color:#ee9075;cursor:pointer;background:0 0;border:0}.canvas-wrap.media-positioning{cursor:grab}.canvas-wrap.media-positioning:active{cursor:grabbing}.pan-hint{color:#d8f174;opacity:0;pointer-events:none;background:#101014c0;border:1px solid #d8f17466;border-radius:999px;padding:5px 9px;font:9px DM Mono,monospace;transition:all .18s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.canvas-wrap.media-positioning:hover .pan-hint,.canvas-wrap.media-positioning:active .pan-hint{opacity:1}.slot-row.has-media{cursor:pointer}.slot-row.active{background:#2a2a30;box-shadow:inset 3px 0 #d8f174}.pan-row{grid-template-columns:1fr 34px;align-items:center;gap:8px;display:grid}.pan-row output{text-align:right;color:#d8f174;font:9px DM Mono,monospace}.center-image{color:#d8f174;cursor:pointer;background:0 0;border:1px solid #d8f174;width:100%;margin-top:12px;padding:8px;font:10px DM Mono,monospace}.center-image:hover{color:#1d1d20;background:#d8f174}.media-tray{border-top:1px solid #34343a;margin-top:18px;padding-top:14px}.tray-heading{color:#d8f174;justify-content:space-between;font:10px DM Mono,monospace;display:flex}.tray-hint{color:#6e6c73;margin:6px 0 8px;font:9px DM Mono,monospace}.tray-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tray-list li{grid-template-columns:1fr auto;gap:6px;display:grid}.tray-list button{color:#c9c6ce;text-align:left;cursor:pointer;background:#26262d;border:1px dashed #4a4a52;padding:7px 9px;font:10px DM Mono,monospace}.tray-list button:hover{color:#d8f174;border-color:#d8f174}.tray-list li>button:last-child{text-align:center;color:#ee9075;padding:0 9px}.editor-shell button:focus-visible,.editor-shell a:focus-visible,.editor-shell input:focus-visible,.editor-shell select:focus-visible,.editor-shell summary:focus-visible{outline-offset:2px;outline:2px solid #d8f174}.editor-header-export{color:#fff!important;background:#3563e0!important}.preview-meta{color:#a5a2ab}.editor-filter-row button:not(.active){color:#9a97a0}.editor-template-list small{color:#a5a2ab}.drop-zone-editor small,.slot-row em,.privacy-note{color:#9a97a0}.panel-heading span,.export-heading span{color:#a5a2ab}.capability-message{color:#c2bfc7}.export-eta,.export-estimate span,.editor-template-list i{color:#a5a2ab}.export-tabs button{color:#bcb9c2}.export-tabs button.active{color:#1d1d20}.audio-preview{width:100%;height:34px;margin:4px 0 12px}.audio-status{color:#d8f174;border:1px dashed #4a4a52;margin-bottom:10px;padding:10px;font:10px DM Mono,monospace}.editor-layout{grid-template-columns:var(--left-w,240px) minmax(0,1fr) var(--right-w,320px)}.resize-handle{cursor:col-resize;z-index:6;touch-action:none;background:0 0;width:7px;transition:background .15s;position:absolute;top:0;bottom:0}.resize-handle:hover,.resize-handle:focus-visible{background:#d8f174}.resize-left{right:-4px}.resize-right{left:-4px}.editor-sidebar,.export-sidebar{position:relative}@media (max-width:1050px){.editor-layout{grid-template-columns:var(--left-w,240px) minmax(0,1fr)!important}.resize-right{display:none}}@media (max-width:700px){.resize-handle{display:none}}