.optimizer-shell{--optimizer-accent:var(--brand);--optimizer-accent-soft:color-mix(in oklch, var(--brand) 18%, transparent);--optimizer-text:#0b3850;--optimizer-muted:#537689;--optimizer-panel:#f7fcfed6;--optimizer-panel-strong:#fffffff0;--optimizer-panel-soft:#e3f2f7c7;--optimizer-border:#1f6f8938;--optimizer-divider:#1f6f892e;--optimizer-tool:#44768d;--optimizer-tool-muted:#3e6c7f7a;width:100%;height:calc(100dvh - 3rem);min-height:680px;color:var(--optimizer-text);background-image:var(--sidebar-overlay),var(--optimizer-texture);border:1px solid var(--optimizer-border);-webkit-user-select:none;user-select:none;isolation:isolate;background-position:50%;background-size:cover;border-radius:8px;grid-template-rows:56px auto minmax(0,1fr) auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;display:grid;overflow:hidden;box-shadow:0 24px 70px -34px #042a3e75}.optimizer-shell--dark{--optimizer-text:#eefcff;--optimizer-muted:#9fc5cf;--optimizer-panel:#042739c7;--optimizer-panel-strong:#083448eb;--optimizer-panel-soft:#0a3f52a8;--optimizer-border:color-mix(in oklch, var(--brand) 34%, transparent);--optimizer-divider:#85c4e433;--optimizer-tool:#b9e7ef;--optimizer-tool-muted:#b9e7ef70;background-image:var(--sidebar-overlay),var(--optimizer-texture);box-shadow:0 28px 90px -35px #000000d1,0 0 28px color-mix(in oklch,var(--brand) 8%,transparent)}.optimizer-tabbar{z-index:4;background:var(--optimizer-panel-strong);border-bottom:1px solid var(--optimizer-border);align-items:center;gap:12px;min-width:0;padding:6px 8px 6px 10px;display:flex;position:relative;box-shadow:0 10px 28px -24px #0009}.optimizer-tab{border:1px solid var(--optimizer-border);background:var(--optimizer-panel-soft);border-radius:8px;align-self:stretch;align-items:center;gap:9px;min-width:0;padding:0 14px;font-size:13px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff1f,0 8px 20px -16px #000000b3}.optimizer-tab:after{content:"";background:var(--optimizer-accent);width:6px;height:6px;box-shadow:0 0 12px color-mix(in oklch,var(--brand) 80%,transparent);border-radius:999px;margin-left:3px}.optimizer-tab svg{width:17px;height:17px;color:var(--optimizer-accent)}.optimizer-theme-switch{border:1px solid var(--optimizer-border);background:var(--optimizer-panel-soft);border-radius:12px;align-items:center;gap:3px;margin-left:auto;padding:3px;display:flex}.optimizer-theme-switch button{height:30px;color:var(--optimizer-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font:600 11px/1 Inter,sans-serif;transition:color .16s,background .16s,box-shadow .16s;display:flex}.optimizer-theme-switch button:hover{color:var(--optimizer-text)}.optimizer-theme-switch button.is-active{color:var(--optimizer-text);background:var(--optimizer-panel-strong);box-shadow:0 5px 14px -10px #000000bf,inset 0 0 0 1px var(--optimizer-accent-soft)}.optimizer-theme-switch svg{width:14px;height:14px}.optimizer-close-tab{width:34px;height:34px;color:var(--optimizer-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;place-items:center;margin-left:auto;transition:color .16s,background .16s,border-color .16s;display:grid}.optimizer-close-tab:hover{color:var(--optimizer-text);border-color:var(--optimizer-border);background:var(--optimizer-panel-soft)}.optimizer-close-tab svg{width:17px;height:17px}.optimizer-header{z-index:3;background:var(--optimizer-panel);border-bottom:1px solid var(--optimizer-border);position:relative;box-shadow:0 12px 34px -28px #000000b8}.optimizer-menu{background:var(--optimizer-panel-soft);border-bottom:1px solid var(--optimizer-divider);white-space:nowrap;align-items:center;gap:2px;min-height:31px;padding:4px 8px;display:flex;overflow:hidden}.optimizer-menu button{height:23px;color:var(--optimizer-text);opacity:.82;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 10px;font:500 11px/1 Inter,sans-serif}.optimizer-ribbon{border-bottom:1px solid var(--optimizer-divider);background:#ffffff06;align-items:stretch;gap:4px;min-height:52px;padding:5px 7px;display:flex}.optimizer-ribbon--secondary{background:var(--optimizer-panel-soft);min-height:50px}.optimizer-tool-group{border-right:1px solid var(--optimizer-divider);align-items:center;gap:3px;padding:0 8px 0 4px;display:flex}.optimizer-tool{width:40px;height:40px;color:var(--optimizer-tool);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid;position:relative}.optimizer-tool:disabled{color:var(--optimizer-tool-muted);opacity:1;cursor:default}.optimizer-tool svg{stroke-width:1.55px;width:24px;height:24px}.optimizer-tool--accent{border-color:var(--optimizer-border)}.optimizer-tool--accent:disabled{color:var(--optimizer-accent);background:var(--optimizer-accent-soft);border-color:color-mix(in oklch,var(--brand) 30%,transparent);box-shadow:inset 0 1px #ffffff1f,0 0 18px color-mix(in oklch,var(--brand) 12%,transparent)}.optimizer-scale-tools{color:var(--optimizer-tool-muted);align-items:center;gap:8px;padding:0 11px;font-size:17px;font-weight:700;display:flex}.optimizer-workspace-shell{background:0 0;grid-template-columns:58px minmax(0,1fr);min-height:0;display:grid}.optimizer-side-toolbar{background:var(--optimizer-panel);border-right:1px solid var(--optimizer-border);flex-direction:column;align-items:center;gap:4px;min-height:0;padding:8px 6px;display:flex;overflow:hidden;box-shadow:10px 0 28px -26px #000000b3}.optimizer-side-toolbar .optimizer-tool{border-bottom-color:var(--optimizer-divider);border-radius:9px;width:44px;height:43px}.optimizer-side-toolbar .optimizer-tool:nth-child(5){margin-top:9px}.optimizer-canvas{background:var(--background);isolation:isolate;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 1px 1px #ffffff14}.optimizer-canvas:after{content:"";z-index:-1;pointer-events:none;background-image:var(--optimizer-canvas-photo);filter:none;background-position:50%;background-size:cover;position:absolute;inset:-24px}.optimizer-canvas:before{content:"";pointer-events:none;background-image:linear-gradient(var(--optimizer-divider) 1px,transparent 1px),linear-gradient(90deg,var(--optimizer-divider) 1px,transparent 1px);opacity:.2;background-size:48px 48px;position:absolute;inset:0}.optimizer-watermark-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:72px;place-items:center;gap:10px 20px;padding:12px 20px;display:grid;position:absolute;inset:0;overflow:hidden}.optimizer-watermark-grid img{object-fit:contain;opacity:1;filter:none;pointer-events:none;width:150px;max-width:100%;max-height:62px}.optimizer-shell--light .optimizer-watermark-grid img{opacity:1}.optimizer-footer{z-index:3;background:var(--optimizer-panel-strong);border-top:1px solid var(--optimizer-border);position:relative;box-shadow:0 -12px 28px -26px #000000b3}.optimizer-command-area{grid-template-columns:minmax(250px,54%) minmax(145px,1fr) minmax(30px,18%);align-items:center;gap:14px;min-height:47px;padding:5px 7px;display:grid}.optimizer-command-fields{gap:4px;display:grid}.optimizer-command-fields div{background:var(--optimizer-panel-soft);border:1px solid var(--optimizer-border);border-radius:5px;height:16px;box-shadow:inset 0 1px 3px #00000014}.optimizer-command-area>img{filter:none;opacity:1;object-fit:contain;background:0 0;justify-self:center;width:160px;max-width:100%;height:auto;max-height:44px;padding:0;display:block}.optimizer-status-bar{height:25px;color:var(--optimizer-muted);border-top:1px solid var(--optimizer-divider);background:var(--optimizer-panel-soft);grid-template-columns:34px 66px 40px 52px 1fr;align-items:stretch;display:grid}.optimizer-status-bar span{border-right:1px solid var(--optimizer-divider);align-items:center;padding:0 6px;font-size:10px;display:flex}.optimizer-theme-switch button:focus-visible,.optimizer-close-tab:focus-visible{outline:2px solid var(--optimizer-accent);outline-offset:2px}@media(max-width:1180px){.optimizer-tool{width:36px}.optimizer-ribbon .optimizer-tool-group:nth-of-type(2) .optimizer-tool:nth-child(n+7){display:none}.optimizer-watermark-grid{gap-inline:18px;grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.optimizer-shell{min-height:640px}.optimizer-theme-switch button span{display:none}.optimizer-theme-switch button{justify-content:center;width:30px;padding:0}.optimizer-ribbon{overflow:hidden}.optimizer-ribbon .optimizer-tool-group:nth-of-type(2){display:none}.optimizer-watermark-grid{gap-inline:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:14px}.optimizer-command-area{grid-template-columns:minmax(180px,1fr) 112px;gap:8px}.optimizer-footer-spacer{display:none}.optimizer-command-area>img{width:105px}}@media(max-width:680px){.optimizer-shell{border-radius:8px;height:calc(100dvh - 1.5rem);min-height:600px}.optimizer-tabbar{padding-left:58px}.optimizer-tab{padding-inline:10px}.optimizer-tab span{text-overflow:ellipsis;white-space:nowrap;max-width:126px;overflow:hidden}.optimizer-menu{scrollbar-width:none;overflow-x:auto}.optimizer-ribbon--secondary .optimizer-tool-group:nth-of-type(2),.optimizer-scale-tools{display:none}.optimizer-workspace-shell{grid-template-columns:50px minmax(0,1fr)}.optimizer-side-toolbar{padding-inline:3px}.optimizer-side-toolbar .optimizer-tool{width:40px}.optimizer-watermark-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:60px;gap:8px}}.optimizer-canvas-logo{z-index:1;opacity:1;filter:none;pointer-events:none;width:180px;max-width:40%;height:auto;position:absolute;bottom:24px;right:24px}.optimizer-tool{cursor:pointer;transition:color .2s,background .2s,box-shadow .2s,transform .2s,opacity .2s,filter .2s}.optimizer-tool--idle{color:var(--optimizer-accent);opacity:.42;filter:saturate(.55)}.optimizer-tool--idle:hover{opacity:.7;filter:saturate(.9);background:var(--optimizer-accent-soft);transform:translateY(-1px)}.optimizer-tool--live{color:var(--optimizer-accent);background:var(--optimizer-accent-soft);border-color:color-mix(in oklch,var(--brand) 45%,transparent);box-shadow:0 0 16px color-mix(in oklch,var(--brand) 35%,transparent)}.optimizer-tool--live:hover{box-shadow:0 0 24px color-mix(in oklch,var(--brand) 60%,transparent);transform:translateY(-1px)scale(1.05)}.optimizer-shell,.optimizer-shell--dark,.optimizer-shell--light{--optimizer-accent:#1a9ea3;--optimizer-accent-soft:#f6b98a8c;--optimizer-text:#1b2a44;--optimizer-muted:#4a5d7e;--optimizer-panel:linear-gradient(180deg, #f5f8ff 0%, #dfe8f8 55%, #c8d7f1 100%);--optimizer-panel-strong:linear-gradient(180deg, #e9effb 0%, #cfdcf3 100%);--optimizer-panel-soft:linear-gradient(180deg, #e4ecfa 0%, #d3dff4 100%);--optimizer-border:#9fb4d8;--optimizer-divider:#b4c5e3;--optimizer-tool:#1a9ea3;--optimizer-tool-muted:#9aaecd;color:var(--optimizer-text);border-color:#9fb4d8;box-shadow:0 18px 50px -30px #1e3c6e80}.optimizer-shell .optimizer-tabbar{background:linear-gradient(#dbe6f8,#c3d3ef)}.optimizer-shell .optimizer-tab{color:#1b2a44;background:linear-gradient(#fff,#e2ebfa)}.optimizer-shell .optimizer-tab:after{box-shadow:none;background:#e07b39}.optimizer-shell .optimizer-tab svg{color:#e07b39}.optimizer-shell .optimizer-close-tab{color:#4a5d7e}.optimizer-shell .optimizer-close-tab:hover{color:#c0392b;background:#fff}.optimizer-shell .optimizer-header{background:#c9d8f1}.optimizer-shell .optimizer-menu{background:linear-gradient(#e6eefc,#cfdcf5)}.optimizer-shell .optimizer-menu button{color:#1b2a44;opacity:1}.optimizer-shell .optimizer-menu button:hover{background:#fff;border-color:#9fb4d8}.optimizer-shell .optimizer-ribbon{background:#c9d8f1;gap:6px;padding:4px 6px}.optimizer-shell .optimizer-tool-group{background:linear-gradient(#f7faff,#dde7f8 60%,#c5d5f0);border:1px solid #a9bde0;border-radius:5px;box-shadow:inset 0 1px #fff}.optimizer-shell .optimizer-side-toolbar{background:linear-gradient(90deg,#eef3fd,#d3dff4)}.optimizer-shell .optimizer-tool{color:#1a9ea3;border-radius:4px}.optimizer-shell .optimizer-tool--idle{color:#1a9ea3;opacity:.5;filter:saturate(.7)}.optimizer-shell .optimizer-tool--idle:hover{opacity:.85;filter:none;background:#fff;border-color:#9fb4d8}.optimizer-shell .optimizer-tool--live,.optimizer-shell .optimizer-tool--accent:disabled{color:#1b2a44;background:linear-gradient(#fbd2ae,#f3a96f);border-color:#e07b39;box-shadow:inset 0 1px #fff9}.optimizer-shell .optimizer-tool--live:hover{box-shadow:0 0 10px #e07b398c}.optimizer-shell .optimizer-scale-tools{color:#9aaecd}.optimizer-shell .optimizer-footer{background:linear-gradient(#dfe8f8,#c8d7f1)}.optimizer-shell .optimizer-command-fields div{background:#fff;border-color:#9fb4d8}.optimizer-shell .optimizer-status-bar{color:#1b2a44;background:#d3dff4}.optimizer-shell .optimizer-tool,.optimizer-shell .optimizer-tool--idle{color:var(--tool-color,#1a9ea3);opacity:1;filter:none}.optimizer-shell .optimizer-tool--idle:hover{background:#fff;border-color:#9fb4d8}.optimizer-shell .optimizer-tool svg{stroke-width:1.9px;filter:drop-shadow(0 1px #fffc)}.optimizer-shell .optimizer-tool--live{color:var(--tool-color)}