body.editor-body{height:100vh;overflow:hidden;background:#060509}.editor-shell{height:100vh;display:grid;grid-template-rows:62px minmax(0,1fr)}.editor-topbar{display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--line);background:rgba(8,7,11,.96);backdrop-filter:blur(18px);z-index:40}.editor-topbar .brand{margin-right:6px}.editor-project-name{width:190px;border:1px solid transparent;background:transparent;color:#eee;border-radius:9px;padding:8px 10px;font-weight:700;outline:none}.editor-project-name:hover,.editor-project-name:focus{border-color:var(--line);background:#0d0a12}.editor-spacer{flex:1}.editor-main{min-height:0;display:grid;grid-template-columns:286px minmax(420px,1fr) 298px;background:#050407}.editor-sidebar,.editor-inspector{min-height:0;overflow:auto;background:#09070d}.editor-sidebar{border-right:1px solid var(--line)}.editor-inspector{border-left:1px solid var(--line)}.editor-tools{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.tool-tab{height:58px;border:0;border-right:1px solid rgba(255,255,255,.04);background:transparent;color:#817b8a;display:grid;place-items:center;gap:2px;cursor:pointer;font-size:9px;font-weight:700}.tool-tab svg{width:17px}.tool-tab.active,.tool-tab:hover{color:#fff;background:linear-gradient(180deg,rgba(133,80,255,.14),rgba(133,80,255,.04))}.tool-panel{display:none;padding:14px}.tool-panel.active{display:block}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8e8797;margin:0}.editor-search{width:100%;height:39px;border:1px solid var(--line);background:#0d0a12;color:#fff;border-radius:10px;padding:0 11px;outline:none;margin-bottom:12px}.editor-search:focus{border-color:rgba(158,95,255,.42)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-card{border:1px solid var(--line);background:#0d0a12;color:#bdb6c7;border-radius:12px;min-height:78px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;cursor:pointer;transition:.2s}.tool-card:hover{border-color:rgba(166,103,255,.34);background:#120e19;transform:translateY(-2px);color:#fff}.tool-card svg{width:19px;color:#b78aff}.tool-card span{font-size:11px;font-weight:700}.preset-grid{display:grid;gap:9px}.preset-card{aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;cursor:pointer;background:#121018;transition:.22s}.preset-card:hover{border-color:#8f5cff;transform:scale(1.015)}.preset-card .mini{position:absolute;inset:0;padding:12px;display:flex;align-items:flex-end;font-size:16px;font-weight:1000;letter-spacing:-.05em}.mini.gaming{background:linear-gradient(135deg,#05070c,#2939f2)}.mini.vlog{background:linear-gradient(135deg,#39173d,#ff5a82)}.mini.tech{background:linear-gradient(135deg,#03090d,#05aefa)}.mini.dark{background:linear-gradient(135deg,#080808,#6e34a6)}.mini.green{background:linear-gradient(135deg,#03150c,#19a95f)}.mini.sunset{background:linear-gradient(135deg,#2f0e17,#ff784b)}.upload-drop{border:1px dashed rgba(175,120,255,.36);border-radius:14px;padding:24px 13px;text-align:center;background:rgba(126,75,255,.05);cursor:pointer}.upload-drop:hover{background:rgba(126,75,255,.09)}.upload-drop svg{width:26px;color:#b184ff}.upload-drop b{display:block;font-size:12px;margin:8px 0 3px}.upload-drop span{color:#77717e;font-size:10px}.asset-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.asset-chip{border:1px solid var(--line);background:#0c0910;border-radius:10px;padding:9px 10px;cursor:pointer;font-size:18px}.asset-chip:hover{background:#15101e}.bg-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.bg-swatch{height:54px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.bg-swatch:hover{box-shadow:0 0 0 2px rgba(152,91,255,.33)}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr) 36px;background:#0a0910;position:relative}.workspace-toolbar{display:flex;align-items:center;justify-content:center;gap:7px;border-bottom:1px solid var(--line);background:#08070b}.mini-btn{height:32px;min-width:32px;border:1px solid var(--line);background:#0e0b13;color:#9e98a7;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;cursor:pointer;font-size:10px}.mini-btn svg{width:14px}.mini-btn:hover{background:#17121e;color:#fff}.canvas-viewport{min-height:0;overflow:auto;display:grid;place-items:center;padding:70px;background-image:radial-gradient(circle at center,rgba(132,80,255,.07),transparent 50%),linear-gradient(45deg,#0b0a0f 25%,transparent 25%),linear-gradient(-45deg,#0b0a0f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0b0a0f 75%),linear-gradient(-45deg,transparent 75%,#0b0a0f 75%);background-size:auto,22px 22px,22px 22px,22px 22px,22px 22px;background-position:0 0,0 0,0 11px,11px -11px,-11px 0}.canvas-wrap{position:relative;transform-origin:center;box-shadow:0 35px 110px rgba(0,0,0,.55);transition:.15s transform}.canvas-wrap canvas{display:block;max-width:none;background:#111;cursor:default}.workspace-status{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid var(--line);color:#6f6978;font-size:10px;background:#08070b}.zoom-group{display:flex;align-items:center;gap:7px}.zoom-range{width:100px}.editor-inspector .inspect-head{height:48px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#898391}.inspect-section{padding:14px;border-bottom:1px solid var(--line)}.inspect-section h4{font-size:10px;text-transform:uppercase;color:#746f7c;letter-spacing:.09em;margin:0 0 11px}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prop-row{display:grid;gap:6px;margin-bottom:10px}.prop-row label{font-size:10px;color:#8b8592}.prop-row input,.prop-row select,.prop-row textarea{width:100%;border:1px solid var(--line);background:#0d0a12;color:#fff;border-radius:9px;min-height:34px;padding:0 9px;outline:none;font-size:11px}.prop-row textarea{min-height:70px;padding:8px;resize:vertical}.prop-row input[type=color]{padding:3px;height:36px}.prop-row input[type=range]{padding:0}.layer-list{display:grid;gap:6px}.layer-item{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:9px;padding:5px 7px;color:#958f9e;cursor:pointer;font-size:10px}.layer-item:hover{background:#100d15}.layer-item.active{border-color:rgba(156,95,255,.34);background:rgba(130,78,255,.1);color:#fff}.layer-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#17121e;color:#b98cff}.layer-icon svg{width:13px}.layer-item .name{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-actions{display:flex;gap:3px}.layer-actions button{width:24px;height:24px;border:0;background:transparent;color:#67616f;border-radius:6px;display:grid;place-items:center;cursor:pointer}.layer-actions button:hover{background:rgba(255,255,255,.06);color:#fff}.layer-actions svg{width:12px}.empty-inspector{padding:35px 18px;text-align:center;color:#77717f}.empty-inspector svg{width:30px;margin-bottom:9px;color:#5b5563}.empty-inspector b{display:block;font-size:12px;color:#a39dac;margin-bottom:5px}.empty-inspector span{font-size:10px;line-height:1.5}.kbd{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 5px;border:1px solid rgba(255,255,255,.12);border-bottom-width:2px;border-radius:5px;background:#0f0d13;color:#7c7584;font-size:9px}.save-state{display:inline-flex;align-items:center;gap:6px;color:#817b89;font-size:10px}.save-state i{width:6px;height:6px;border-radius:50%;background:#91ff15;box-shadow:0 0 9px rgba(145,255,21,.45)}.editor-mobile-warning{display:none}.context-menu{position:fixed;z-index:500;display:none;width:180px;padding:6px;border:1px solid var(--line);background:#100d15;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.5)}.context-menu.show{display:block}.context-menu button{width:100%;border:0;background:transparent;color:#c2bcc9;padding:8px 9px;border-radius:8px;text-align:left;font-size:10px;cursor:pointer}.context-menu button:hover{background:rgba(255,255,255,.06);color:#fff}@media(max-width:1050px){.editor-main{grid-template-columns:240px minmax(420px,1fr)}.editor-inspector{display:none}}@media(max-width:760px){.editor-shell{display:none}.editor-mobile-warning{display:grid;place-items:center;min-height:100vh;padding:30px;text-align:center;background:#060509}.editor-mobile-warning img{width:90px;filter:drop-shadow(0 0 30px rgba(130,78,255,.6))}.editor-mobile-warning h1{font-size:28px;letter-spacing:-.04em;margin:20px 0 8px}.editor-mobile-warning p{color:#938d9a;line-height:1.6}.editor-mobile-warning .btn{margin-top:14px}}

/* V5 editor enhancements */
.studio-intro{padding:14px 14px 10px;margin-bottom:12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}.studio-intro h3{margin:10px 0 6px;font-size:20px}.studio-intro p{margin:0;color:#aca7b5;font-size:12px;line-height:1.55}.preset-grid-rich .preset-card{display:grid;gap:8px;padding:10px}.preset-grid-rich .preset-card small{font-size:11px;color:#bdb7c9;text-align:left}.tip-box{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:16px;background:rgba(145,255,21,.07);border:1px solid rgba(145,255,21,.13);color:#eef8db;font-size:12px;line-height:1.55}.tip-box svg{width:16px;color:#91ff15;flex:none;margin-top:2px}.editor-sidebar{gap:14px}.workspace-toolbar{flex-wrap:wrap}.workspace-toolbar .mini-btn{transition:.25s}.workspace-toolbar .mini-btn:hover{transform:translateY(-2px)}.editor-inspector .btn.sm{min-height:40px}.canvas-wrap{transition:transform .18s ease}.layer-item .name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-panel .panel-title h3{font-size:17px}.asset-chip{transition:.2s}.asset-chip:hover{transform:translateY(-2px) scale(1.02)}

/* V9 editor refinements */
.editor-sidebar{padding-top:16px}.preset-grid-rich{gap:10px}.preset-grid-rich .preset-card{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);padding:10px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.preset-grid-rich .preset-card:hover{transform:translateY(-2px);border-color:rgba(170,112,255,.28);background:rgba(255,255,255,.045)}.preset-grid-rich .mini{display:flex;align-items:flex-end;justify-content:flex-start;min-height:86px;border-radius:14px;padding:10px;font-size:18px;font-weight:1000;letter-spacing:-.05em}.preset-grid-rich .mini.gaming{background:linear-gradient(135deg,#05070b,#2538ee)}.preset-grid-rich .mini.vlog{background:linear-gradient(135deg,#43213f,#ff5d88)}.preset-grid-rich .mini.tech{background:linear-gradient(135deg,#07111c,#00a9ff)}.preset-grid-rich .mini.dark{background:linear-gradient(135deg,#111015,#7631bc)}.preset-grid-rich .mini.green{background:linear-gradient(135deg,#03110a,#20d873)}.preset-grid-rich .mini.sunset{background:linear-gradient(135deg,#2d0d17,#ff794c)}

/* V12 serious editor layout */
.editor-main{grid-template-columns:340px minmax(520px,1fr) 300px}.editor-sidebar{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr;padding-top:0;overflow:hidden}.editor-tools-v2{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:4px;padding:10px 7px;border-right:1px solid var(--line);border-bottom:0;background:#07060a;overflow:auto}.editor-tools-v2 .tool-tab{height:62px;min-height:62px;border:0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:5px}.editor-tools-v2 .tool-tab span{font-size:8px}.editor-sidebar>.tool-panel{grid-column:2;grid-row:1;overflow:auto;padding:16px 14px}.workspace{grid-template-rows:50px minmax(0,1fr) 36px}.canvas-viewport{padding:38px}.editor-inspector{width:auto}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.media-card{position:relative;aspect-ratio:16/10;border:1px solid var(--line);border-radius:15px;overflow:hidden;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:flex-end;justify-content:flex-start;font:inherit;font-size:10px;font-weight:800;transition:.2s}.media-card:hover{transform:translateY(-2px);border-color:rgba(156,95,255,.32)}.media-blue{background:linear-gradient(135deg,#0b1323,#2d5cff)}.media-purple{background:linear-gradient(135deg,#140a22,#8d45ff)}.media-green{background:linear-gradient(135deg,#06150b,#32ce72)}.media-orange{background:linear-gradient(135deg,#30130d,#ff8358)}.media-cyan{background:linear-gradient(135deg,#07161d,#20d6e8)}.media-dark{background:linear-gradient(135deg,#08080c,#252333)}.brand-preview{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:#0d0a12;border-radius:14px;margin-bottom:14px}.brand-preview img{width:36px;height:36px}.brand-preview b,.brand-preview small{display:block}.brand-preview b{font-size:11px}.brand-preview small{font-size:9px;color:#77717f;margin-top:3px}.brand-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.brand-swatches button{aspect-ratio:1;border-radius:9px;border:1px solid rgba(255,255,255,.1);cursor:pointer}.compact-upload{padding:16px 10px;margin-top:12px}.layer-drag{width:18px;height:24px;display:grid;place-items:center;color:#4f4a56;cursor:grab}.layer-drag svg{width:13px}.layer-item.dragging{opacity:.42}.layer-item.drag-over{border-color:#8f5cff!important;box-shadow:0 0 0 1px rgba(143,92,255,.16)}@media(max-width:1250px){.editor-main{grid-template-columns:310px minmax(480px,1fr) 278px}}@media(max-width:1080px){.editor-main{grid-template-columns:300px minmax(460px,1fr)}.editor-inspector{display:none}}@media(max-width:760px){.editor-sidebar{display:none}}

/* V14 Pro gates */
.tool-tab[data-pro-only="1"],.preset-card[data-pro-only="1"]{position:relative}.tool-tab[data-pro-only="1"]:after{content:"PRO";position:absolute;right:7px;top:7px;padding:2px 5px;border-radius:999px;background:rgba(130,82,255,.14);border:1px solid rgba(154,99,255,.18);color:#d8c5ff;font-size:7px;font-weight:900;letter-spacing:.06em}.preset-card[data-pro-only="1"]:after{content:"PRO";position:absolute;right:14px;top:14px;padding:3px 6px;border-radius:999px;background:rgba(10,8,15,.74);border:1px solid rgba(255,255,255,.12);color:#dfd1ff;font-size:7px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(8px)}

/* V15 uploads panel repair */
.upload-panel-v15{min-width:0!important;width:100%;box-sizing:border-box}.upload-panel-v15 .panel-title{align-items:flex-start}.upload-panel-v15 .panel-title>div{min-width:0}.upload-panel-v15 .panel-title p{margin:4px 0 0;color:#746e7b;font-size:9px;line-height:1.45}.upload-drop-v15{width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:170px;padding:20px 14px!important;border:1px dashed rgba(170,111,255,.4)!important;border-radius:18px!important;background:radial-gradient(circle at 50% 0%,rgba(126,75,255,.1),transparent 52%),rgba(126,75,255,.035)!important;text-align:center;overflow:hidden}.upload-drop-v15:hover,.upload-drop-v15.dragging{background:radial-gradient(circle at 50% 0%,rgba(126,75,255,.16),transparent 52%),rgba(126,75,255,.06)!important;border-color:rgba(184,132,255,.72)!important;box-shadow:inset 0 0 0 1px rgba(153,94,255,.1)}.upload-icon-v15{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(119,72,255,.18),rgba(179,108,255,.12));border:1px solid rgba(168,111,255,.2);margin-bottom:3px}.upload-icon-v15 svg{width:23px;color:#bd93ff}.upload-drop-v15 b{display:block!important;margin:2px 0 0!important;font-size:12px!important;color:#fff}.upload-drop-v15>span:not(.upload-icon-v15){display:block!important;font-size:9px!important;color:#7e7785!important;line-height:1.45}.upload-drop-v15 small{font-size:9px;color:#aa7bff}.upload-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 9px}.upload-library-head b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#958d9d}.upload-library-head span{font-size:9px;color:#625c69}.upload-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-empty{grid-column:1/-1;min-height:94px;border:1px solid rgba(255,255,255,.06);background:#0c0a0f;border-radius:14px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:#655f6b;padding:12px}.upload-empty svg{width:20px}.upload-empty span{font-size:9px;line-height:1.45}.upload-thumb-v15{position:relative;aspect-ratio:1.2;border:1px solid rgba(255,255,255,.07);background:#0b0a0e;border-radius:13px;overflow:hidden;padding:0;cursor:pointer}.upload-thumb-v15 img{width:100%;height:100%;object-fit:cover;display:block;transition:.2s}.upload-thumb-v15 span{position:absolute;left:5px;right:5px;bottom:5px;padding:5px 6px;border-radius:8px;background:rgba(5,5,8,.75);backdrop-filter:blur(8px);color:#ddd7e3;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-thumb-v15:hover img{transform:scale(1.04)}.upload-storage-note{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:10px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);color:#77717f;font-size:8px;line-height:1.55}.upload-storage-note svg{width:13px;flex:none;color:#a77bff;margin-top:1px}

/* V16 upload panel polish */
.upload-panel-v15{overflow-x:hidden!important;padding:18px 16px!important}.upload-panel-v15 .panel-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}.upload-drop-v15{min-height:188px!important;border-radius:20px!important;padding:24px 16px!important}.upload-drop-v15 b{font-size:13px!important;line-height:1.25!important;white-space:normal!important;text-align:center!important}.upload-drop-v15>span:not(.upload-icon-v15){max-width:210px!important;text-align:center!important;white-space:normal!important}.upload-drop-v15 small{display:inline-flex!important;margin-top:4px!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(143,92,255,.11)!important;border:1px solid rgba(143,92,255,.18)!important;color:#c49cff!important}.upload-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.upload-thumb-v15{min-width:0!important}.upload-storage-note{font-size:9px!important}


/* V17 editor overflow fixes */
.editor-sidebar>.tool-panel{min-width:0;box-sizing:border-box}.tool-grid-v17 .tool-card{min-width:0}.tool-grid-v17 .tool-card span{white-space:normal;line-height:1.25}.brand-swatches{grid-template-columns:repeat(4,minmax(0,1fr))!important}.brand-swatches button{min-width:0}.brand-upload-v17{box-sizing:border-box;max-width:100%;overflow:hidden}.media-grid-v17 .media-card{min-width:0}.asset-chips-v17 .asset-chip{min-width:0}.bg-swatches-v17 .bg-swatch{min-width:0}


/* V20 Studio upgrade */
.panel-subtitle-v20{margin:18px 0 9px;color:#746d7c;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tool-grid-v20{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-toggles-v20{display:grid;gap:8px}.guide-toggles-v20 label,.toggle-row-v20{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);color:#a39ca9;font-size:9px}.guide-toggles-v20 input,.toggle-row-v20 input{accent-color:#8f5cff}.canvas-guide-v20{position:absolute;z-index:4;pointer-events:none;opacity:0;transition:opacity .2s}.canvas-guide-v20.show{opacity:1}.grid-guide-v20{inset:0;background-image:linear-gradient(rgba(168,120,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(168,120,255,.08) 1px,transparent 1px);background-size:48px 48px}.safe-guide-v20{left:10%;right:10%;top:10%;bottom:10%;border:2px dashed rgba(145,255,21,.28);border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.04)}.text-advanced-v20{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.pattern-grid-v20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pattern-grid-v20 button{display:grid;place-items:center;gap:5px;min-height:62px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#0d0b11;color:#8f8897;font:inherit;font-size:8px;cursor:pointer}.pattern-grid-v20 button svg{width:15px}.pattern-grid-v20 button:hover,.pattern-grid-v20 button.active{color:#fff;border-color:rgba(157,98,255,.25);background:rgba(126,76,255,.06)}.fx-adjust-v20{display:grid;gap:9px;margin:0 0 14px;padding:11px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.layer-item .layer-actions{display:flex}.media-aurora{background:linear-gradient(135deg,#071018,#7449ff)}.media-glass{background:linear-gradient(135deg,#0b0d14,#b9e7ff)}.media-matrix{background:linear-gradient(135deg,#031008,#3ee17c)}.media-sunset2{background:linear-gradient(135deg,#321127,#ff7a59)}.media-violet{background:linear-gradient(135deg,#100821,#c16eff)}.media-aqua{background:linear-gradient(135deg,#06161b,#43e8dc)}.workspace-toolbar{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004))}.editor-inspector{background:linear-gradient(180deg,#0a080d,#070609)}.editor-topbar{backdrop-filter:blur(18px)}


/* V33 save success */
#saveProject{min-width:92px;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s,color .3s}
#saveProject.save-pop{animation:saveButtonMorph .56s cubic-bezier(.16,1,.3,1)}
#saveProject.save-success{background:linear-gradient(135deg,rgba(115,255,79,.22),rgba(78,226,183,.13));border-color:rgba(126,255,96,.28);color:#caffb6;box-shadow:0 0 28px rgba(115,255,79,.12)}
#saveProject .save-check{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#a1ff59;color:#0b1507;font-size:11px;font-weight:1000;animation:saveCheckIn .45s cubic-bezier(.16,1,.3,1)}
@keyframes saveButtonMorph{0%{transform:scale(1)}42%{transform:scale(.92)}72%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes saveCheckIn{0%{transform:scale(.2) rotate(-80deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}

/* V37 — mobile-friendly editor shell */
@media(max-width:760px){
  body.editor-body{height:100dvh;overflow:hidden}
  .editor-shell{display:grid!important;height:100dvh;grid-template-rows:58px minmax(0,1fr)}
  .editor-mobile-warning{display:none!important}
  .editor-topbar{height:58px;padding:0 8px;gap:6px;overflow:hidden}.editor-topbar .brand{font-size:17px}.editor-topbar .brand img{width:26px;height:26px}.editor-project-name{width:118px;padding:7px;font-size:11px}.editor-topbar .mini-btn{min-width:34px;padding:0 7px}.editor-topbar .mini-btn span,.editor-topbar .save-state{display:none}
  .editor-main{display:grid!important;grid-template-columns:1fr!important;min-width:0}.editor-sidebar,.editor-inspector{display:none!important}.workspace{min-width:0;grid-template-rows:44px minmax(0,1fr) 34px}.workspace-toolbar{justify-content:flex-start;overflow-x:auto;padding:0 8px;scrollbar-width:none}.workspace-toolbar::-webkit-scrollbar{display:none}.workspace-toolbar .mini-btn{flex:0 0 auto}.canvas-viewport{padding:22px 12px;place-items:center;overflow:auto}.canvas-wrap{max-width:none}.workspace-status{padding:0 8px}.zoom-range{width:76px}
}

/* V60 — Thumbnail Studio polish + strict mobile lock */
.thumbnail-editor-v60 .editor-topbar{box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
.thumbnail-editor-v60 .workspace{position:relative!important}
.thumbnail-quickdock-v60{position:absolute;z-index:28;left:50%;top:62px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:rgba(10,9,14,.88);backdrop-filter:blur(16px);box-shadow:0 16px 45px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.03)}
.thumbnail-quickdock-v60>button{height:36px;padding:0 11px;border:1px solid transparent;border-radius:12px;background:transparent;color:#928b9b;display:flex;align-items:center;gap:6px;font:700 9px/1 Inter,system-ui;cursor:pointer;transition:.2s cubic-bezier(.2,.8,.2,1)}
.thumbnail-quickdock-v60>button svg{width:14px;height:14px}
.thumbnail-quickdock-v60>button:hover{background:rgba(255,255,255,.05);color:#fff;transform:translateY(-2px)}
.thumbnail-quickdock-v60>button:active{transform:scale(.95)}
.thumbnail-quickdock-v60>button.accent{background:linear-gradient(180deg,#8f68ff,#7047ff);color:#fff;border-color:rgba(190,164,255,.25);box-shadow:0 8px 20px rgba(118,72,255,.25)}
.thumbnail-quickdock-v60>button.pulse{animation:thumbDockPulse .38s cubic-bezier(.2,.9,.2,1.3)}
@keyframes thumbDockPulse{45%{transform:scale(.9)}75%{transform:scale(1.06)}}
.thumbnail-palette-mini-v60{display:flex;align-items:center;gap:5px;margin-left:4px;padding-left:8px;border-left:1px solid rgba(255,255,255,.07)}
.thumbnail-palette-mini-v60 button{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:var(--c);cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--c) 24%,transparent);transition:.18s}
.thumbnail-palette-mini-v60 button:hover,.thumbnail-palette-mini-v60 button.active{transform:scale(1.16);border-color:#fff}
.thumbnail-editor-v60 .canvas-viewport{padding-top:90px!important}
.thumbnail-editor-v60 .preset-card[data-plan-min]{position:relative}
.thumbnail-editor-v60 .preset-tier-v60{position:absolute;z-index:5;right:7px;top:7px;padding:4px 6px;border-radius:999px;background:rgba(8,7,12,.76);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;font-size:7px;font-weight:900;letter-spacing:.04em}
.thumbnail-editor-v60 .editor-sidebar>.tool-panel{background:linear-gradient(180deg,rgba(12,9,16,.95),rgba(8,7,11,.98))}
.thumbnail-editor-v60 .editor-inspector{background:linear-gradient(180deg,#0b090e,#070609)!important}
.thumbnail-editor-v60 .inspect-section{transition:.2s ease}
.thumbnail-editor-v60 .inspect-section:hover{background:rgba(255,255,255,.012)}
.thumbnail-editor-v60 .tool-card,.thumbnail-editor-v60 .thumb-action,.thumbnail-editor-v60 .preset-card{transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s!important}
.thumbnail-editor-v60 .tool-card:active,.thumbnail-editor-v60 .thumb-action:active,.thumbnail-editor-v60 .preset-card:active{transform:scale(.975)!important}

@media(max-width:900px){
  body.editor-body.thumbnail-editor-v60{height:100dvh!important;overflow:hidden!important;background:#060509!important}
  body.editor-body.thumbnail-editor-v60 .editor-shell{display:none!important}
  body.editor-body.thumbnail-editor-v60 .editor-mobile-warning{position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;min-height:100dvh!important;padding:22px!important;background:radial-gradient(circle at 50% 20%,rgba(126,75,255,.18),transparent 30%),#060509!important}
  .mobile-studio-card-v60{width:min(100%,430px);padding:28px 22px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(180deg,rgba(17,13,23,.97),rgba(9,7,12,.98));box-shadow:0 30px 80px rgba(0,0,0,.52);text-align:center}
  .mobile-studio-card-v60>img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(127,76,255,.55))}
  .mobile-soon-v60{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:7px 10px;border-radius:999px;background:rgba(127,76,255,.12);border:1px solid rgba(127,76,255,.22);color:#d9c8ff;font-size:9px;font-weight:900;letter-spacing:.08em}
  .mobile-soon-v60 svg{width:13px;height:13px}
  .mobile-studio-card-v60 h1{font-size:27px;line-height:1.02;letter-spacing:-.045em;margin:15px 0 10px}
  .mobile-studio-card-v60 p{margin:0;color:#918999;font-size:13px;line-height:1.6}
  .mobile-studio-actions-v60{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
  .mobile-studio-actions-v60 .btn{min-height:44px;justify-content:center}
  .mobile-studio-card-v60 small{display:block;margin-top:14px;color:#5f5965;font-size:9px}
}

/* V66 — fully responsive Studio / Thumbnail editor */
@media(max-width:760px){
  body.editor-body{height:auto!important;min-height:100dvh!important;overflow:auto!important;background:#060509!important}
  .editor-mobile-warning{display:none!important}
  .editor-shell{display:grid!important;height:auto!important;min-height:100dvh!important;grid-template-rows:auto auto!important;overflow:visible!important}
  .editor-topbar{position:sticky!important;top:0!important;z-index:120!important;height:56px!important;min-height:56px!important;padding:0 7px!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;background:rgba(8,7,11,.96)!important}.editor-topbar::-webkit-scrollbar{display:none!important}
  .editor-topbar .brand{flex:0 0 auto!important;margin:0 2px 0 0!important;padding:6px 7px!important}.editor-topbar .brand span{display:none!important}.editor-topbar .brand img{width:26px!important;height:26px!important}
  .editor-project-name{flex:0 0 118px!important;width:118px!important;font-size:10px!important;padding:6px 7px!important}.save-state{display:none!important}.editor-spacer{display:none!important}
  .editor-topbar .mini-btn{flex:0 0 34px!important;min-width:34px!important;width:34px!important;height:34px!important;padding:0!important}.editor-topbar #saveProject,.editor-topbar #export{flex:0 0 38px!important;min-width:38px!important;width:38px!important;height:36px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important}.editor-topbar #saveProject svg,.editor-topbar #export svg{width:15px!important;height:15px!important;margin:0!important}.editor-topbar .user-menu-wrap{flex:0 0 auto!important}.editor-topbar .user-chip{height:36px!important;padding:0 8px!important}
  .editor-main{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:visible!important;background:#050407!important}
  .workspace{order:1!important;min-height:620px!important;height:72dvh!important;max-height:760px!important;display:grid!important;grid-template-rows:44px minmax(0,1fr) 34px!important;border-bottom:1px solid var(--line)!important}
  .workspace-toolbar{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 7px!important;gap:5px!important;scrollbar-width:none!important}.workspace-toolbar::-webkit-scrollbar{display:none!important}.workspace-toolbar .mini-btn{flex:0 0 auto!important;height:32px!important;font-size:9px!important}.workspace-toolbar select.mini-btn{max-width:180px!important}
  .canvas-viewport{height:auto!important;min-height:0!important;padding:74px 10px 18px!important;place-items:center!important;overflow:auto!important;overscroll-behavior:contain!important}.canvas-wrap{max-width:none!important;transform-origin:center center!important}.workspace-status{padding:0 8px!important;gap:6px!important;font-size:8px!important;white-space:nowrap!important;overflow-x:auto!important}.workspace-status>span:last-child{display:none!important}.zoom-range{width:70px!important}
  .editor-sidebar{order:2!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:68px 430px!important;min-height:498px!important;height:498px!important;border-right:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;overflow:hidden!important}
  .editor-tools-v2{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:row!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px 6px!important;border-right:0!important;border-bottom:1px solid var(--line)!important;scrollbar-width:none!important}.editor-tools-v2::-webkit-scrollbar{display:none!important}.editor-tools-v2 .tool-tab{flex:0 0 68px!important;height:56px!important;min-height:56px!important;border-radius:11px!important}.editor-tools-v2 .tool-tab span{font-size:7px!important}
  .editor-sidebar>.tool-panel{grid-column:1!important;grid-row:2!important;display:none!important;overflow:auto!important;padding:13px 12px 28px!important}.editor-sidebar>.tool-panel.active{display:block!important}.preset-grid-rich{grid-template-columns:1fr 1fr!important}.tool-grid,.tool-grid-v20{grid-template-columns:1fr 1fr!important}.media-grid{grid-template-columns:1fr 1fr!important}
  .editor-inspector{order:3!important;display:block!important;min-height:420px!important;height:auto!important;max-height:none!important;border-left:0!important;overflow:visible!important;background:linear-gradient(180deg,#0a080d,#070609)!important}.editor-inspector .inspect-head{position:sticky!important;top:56px!important;z-index:5!important;background:rgba(8,7,11,.95)!important;backdrop-filter:blur(12px)!important}.inspect-section{padding:13px!important}.prop-grid{grid-template-columns:1fr 1fr!important}
  .context-menu{max-width:calc(100vw - 24px)!important}
}
@media(max-width:480px){
  .workspace{height:66dvh!important;min-height:540px!important}.editor-sidebar{grid-template-rows:66px 400px!important;min-height:466px!important;height:466px!important}.preset-grid-rich{grid-template-columns:1fr 1fr!important;gap:7px!important}.preset-card small{font-size:9px!important}.thumb-actions{grid-template-columns:1fr 1fr!important}.thumb-action{min-height:74px!important}.prop-grid{grid-template-columns:1fr 1fr!important}.editor-inspector{min-height:380px!important}
}

/* V114 — match the newer account chip inside Studio */
.editor-topbar .user-chip.user-chip-v19{
  min-width:184px;
  height:50px;
  padding:6px 11px 6px 7px!important;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
.editor-topbar .user-chip.user-chip-v19 .user-avatar,
.editor-topbar .user-popover .user-avatar{
  width:34px;
  height:34px;
  border-radius:999px;
  background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.28),transparent 30%),linear-gradient(135deg,#8d52ff,#d76fff);
  border:2px solid rgba(22,18,30,.9);
  outline:2px solid rgba(167,104,255,.95);
  box-shadow:0 0 0 3px rgba(135,82,255,.2),0 10px 22px rgba(126,76,255,.28);
}
.editor-topbar .user-popover .user-avatar.user-avatar-lg{width:40px;height:40px}
.editor-topbar .user-chip-copy b{max-width:108px}
.editor-topbar .user-chip-copy small{gap:7px}