.sl-app{--sl-bg:#101010;--sl-card:#181818;--sl-line:#333;--sl-text:#f3f0e9;--sl-muted:#aaa398;--sl-accent:#d1ea86;background:var(--sl-bg);color:var(--sl-text);min-height:90vh;padding:30px clamp(14px,3vw,52px) 65px;font-family:Arial,Helvetica,sans-serif}.sl-app *{box-sizing:border-box}.sl-app button,.sl-app input,.sl-app select{font:inherit}.sl-app button{cursor:pointer}.sl-app button:disabled{opacity:.35;cursor:not-allowed}.sl-hero{border-bottom:1px solid #494949;justify-content:space-between;gap:22px;padding:20px 0 36px;display:flex}.sl-overline,.sl-panel-head,.sl-control-label,.sl-image-frame+.sl-canvas-caption,.sl-small,.sl-status,.sl-footer-note,.sl-workspace-foot,.sl-hero-aside{letter-spacing:.12em;font-size:10px;font-weight:600}.sl-overline{color:var(--sl-accent)}.sl-hero h1{letter-spacing:-.085em;margin:15px 0 18px;font-size:clamp(55px,7vw,112px);font-weight:900;line-height:.95}.sl-hero h1 em{color:var(--sl-accent);font-weight:400}.sl-hero p{color:#cdc8be;max-width:490px;font-size:14px;line-height:1.6}.sl-hero-aside{text-align:right;color:var(--sl-muted);flex-direction:column;justify-content:space-between;align-items:flex-end;padding:12px 0;display:flex}.sl-hero-aside strong{color:var(--sl-accent);font-size:90px;font-weight:400;line-height:.85}.sl-workspace{grid-template-columns:minmax(230px,295px) minmax(0,1fr) minmax(235px,270px);align-items:start;gap:11px;padding-top:15px;display:grid}.sl-panel,.sl-preview{border:1px solid var(--sl-line);background:var(--sl-card);min-width:0}.sl-panel{flex-direction:column;gap:14px;padding:20px 17px;display:flex}.sl-panel-head{color:var(--sl-muted);justify-content:space-between;align-items:center;gap:10px;display:flex}.sl-panel-head>span:first-child{color:var(--sl-text)}.sl-dot{color:var(--sl-accent)}.sl-upload{cursor:pointer;text-align:center;border:1px dashed #888;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:90px;display:flex;position:relative}.sl-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sl-upload span{letter-spacing:.08em;font-size:12px;font-weight:800}.sl-upload small{color:var(--sl-muted);letter-spacing:.1em;font-size:8px}.sl-control-label{color:var(--sl-muted);flex-direction:column;gap:8px;display:flex}.sl-text-input{color:#fff;letter-spacing:normal;background:#111;border:1px solid #525252;border-radius:0;width:100%;height:39px;padding:0 10px;font-size:13px}.sl-divider{background:var(--sl-line);height:1px;margin:2px 0}.sl-preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sl-preset,.sl-tool-row button,.sl-preview-modes button{color:#d8d5cd;letter-spacing:.04em;background:#121212;border:1px solid #444;min-height:37px;padding:11px 5px;font-size:10px;font-weight:700}.sl-preset.is-active,.sl-tool-row button.is-active,.sl-preview-modes button.is-active{background:var(--sl-accent);color:#111;border-color:var(--sl-accent)}.sl-range{display:block}.sl-range>span{color:#c6c0b5;letter-spacing:.07em;justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.sl-range b{color:var(--sl-accent);font-size:11px}.sl-range input[type=range]{width:100%;accent-color:var(--sl-accent);cursor:pointer}.sl-toggle{letter-spacing:.05em;color:#d0c9bb;align-items:center;gap:9px;font-size:10px;display:flex}.sl-toggle input{accent-color:var(--sl-accent)}.sl-tool-row{gap:4px;display:flex}.sl-tool-row button{flex:1;padding:9px 3px;font-size:10px}.sl-small{color:var(--sl-muted);letter-spacing:.02em;margin:4px 0;font-weight:400;line-height:1.8}.sl-preview{background:#1b1b1b;min-height:660px;padding:18px}.sl-preview-top{justify-content:space-between;align-items:end;gap:12px;padding-bottom:18px;display:flex}.sl-preview-top h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(17px,2vw,28px);line-height:1.1}.sl-preview-modes{gap:4px;display:flex}.sl-preview-modes button{padding:10px;font-size:9px}.sl-canvas-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sl-canvas-grid.sl-stencil,.sl-canvas-grid.sl-reference{grid-template-columns:1fr}.sl-canvas-card{min-width:0}.sl-image-frame{aspect-ratio:1;background:#eee9de linear-gradient(45deg,#ece8dc 25%,#f8f5ee 25% 50%,#ece8dc 50% 75%,#f8f5ee 75%,#f8f5ee) 0 0/22px 22px;border:1px solid #565656;justify-content:center;align-items:center;width:100%;min-height:250px;display:flex;position:relative;overflow:hidden}.sl-image-frame canvas{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:100%;display:block}.sl-processed .sl-image-frame{background:#fff}.sl-processed canvas.sl-base-canvas{width:100%}.sl-processed canvas.sl-ink-canvas{object-fit:contain;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.sl-canvas-caption{color:#c5bdaf;letter-spacing:.1em;justify-content:space-between;gap:8px;margin-top:10px;font-size:9px;display:flex}.sl-status{color:var(--sl-muted);min-height:40px;padding:12px 0}.sl-workspace-foot{border-top:1px solid var(--sl-line);color:#827d77;justify-content:space-between;gap:10px;padding-top:12px;line-height:1.5;display:flex}.sl-format-icon{height:130px;color:var(--sl-accent);background:#111;justify-content:center;align-items:center;gap:20px;font-size:68px;display:flex}.sl-format-icon span{color:#eee9de;letter-spacing:.09em;font-size:15px;font-weight:800;line-height:1.4}.sl-download{width:100%;min-height:44px;color:var(--sl-text);letter-spacing:.07em;text-align:left;background:0 0;border:1px solid #79756a;padding:11px;font-size:10px;font-weight:800}.sl-download:hover{border-color:var(--sl-accent)}.sl-primary{background:var(--sl-accent);color:#111;border-color:var(--sl-accent)}.sl-footer-note{color:var(--sl-muted);justify-content:space-between;gap:20px;margin-top:27px;line-height:1.5;display:flex}@media (max-width:1250px){.sl-workspace{grid-template-columns:250px minmax(0,1fr)}.sl-export{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;display:grid}.sl-export .sl-panel-head,.sl-export .sl-divider,.sl-export .sl-small{grid-column:1/-1}.sl-export .sl-format-icon{height:85px}.sl-export .sl-download{min-height:55px}}@media (max-width:800px){.sl-app{padding:15px 13px 50px}.sl-hero{padding:15px 0 25px}.sl-hero h1{font-size:64px}.sl-hero-aside{display:none}.sl-workspace{grid-template-columns:1fr}.sl-preview{order:-1;min-height:0;padding:12px}.sl-controls{order:1}.sl-export{order:2;display:flex}.sl-canvas-grid{gap:8px}.sl-image-frame{min-height:0}.sl-preview-top{flex-direction:column;align-items:start}.sl-footer-note{flex-wrap:wrap}.sl-workspace-foot{font-size:8px}}@media (max-width:430px){.sl-hero h1{font-size:52px}.sl-hero p{font-size:12px}.sl-preview-modes{width:100%}.sl-preview-modes button{flex:1}.sl-canvas-grid{grid-template-columns:1fr}.sl-canvas-grid.sl-split{grid-template-columns:1fr 1fr}.sl-canvas-caption{font-size:7px}.sl-workspace-foot{display:none}.sl-panel{padding:16px 13px}}.sl-app{min-height:100dvh;padding-bottom:max(65px,env(safe-area-inset-bottom,0px));-webkit-text-size-adjust:100%;overscroll-behavior-x:none}.sl-app button,.sl-app input,.sl-app select,.sl-upload{touch-action:manipulation}.sl-ink-canvas{touch-action:none!important}@media (max-width:800px){.sl-preview{position:relative}.sl-preview-modes button,.sl-tool-row button{min-height:44px}.sl-app .sl-workspace{gap:12px}}.sl-app .sl-topbar{letter-spacing:.07em;color:#d3cfc5;border-bottom:1px solid #4d4b45;justify-content:space-between;align-items:center;gap:15px;padding:10px 0 17px;font:700 10px/1.5 Courier New,monospace;display:flex}.sl-app .sl-topbar a{color:#d1ea86;border-bottom:1px solid #d1ea86;text-decoration:none}.sl-app .sl-topbar strong{color:#e8e5df}.sl-app .sl-topbar span{color:#b6b3ac;text-align:right;font-size:9px}.sl-app .sl-hero{padding-top:22px}.sl-zoom-toolbar{color:#c0bcb3;border-top:1px solid #3c3c38;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 0 13px;font:700 10px Courier New,monospace;display:flex}.sl-zoom-toolbar>span:first-child{min-width:90px;margin-right:auto}.sl-zoom-toolbar>button{color:#f4f1e9;background:#262723;border:1px solid #73736a;min-width:40px;min-height:39px;padding:8px;font:700 12px Courier New,monospace}.sl-zoom-toolbar>button:hover:enabled{color:#111;background:#d1ea86}.sl-zoom-toolbar>button:disabled{opacity:.4}.sl-zoom-toolbar .sl-zoom-guide{color:#9f9b8e;text-align:right;flex-basis:100%;font-size:8px}.sl-image-scroll{overscroll-behavior:contain;scrollbar-color:#727367 #252525;width:100%;max-width:100%;max-height:min(68vh,670px);overflow:auto}.sl-image-scroll .sl-image-frame{flex:none;max-width:none;min-height:0}.sl-image-scroll .sl-image-frame canvas{width:100%;max-width:none;height:auto}.sl-image-scroll .sl-processed .sl-ink-canvas{touch-action:none}@media (max-width:800px){.sl-app .sl-topbar{flex-wrap:wrap;gap:9px;font-size:9px}.sl-app .sl-topbar span{text-align:center;width:100%}.sl-app .sl-hero{padding-top:12px}.sl-zoom-toolbar>span:first-child{min-width:70px}.sl-image-scroll{max-height:60svh}}@media (max-width:430px){.sl-app .sl-topbar strong{font-size:10px}.sl-zoom-toolbar .sl-zoom-guide{font-size:8px}.sl-tool-row button{font-size:9px}}@media (prefers-reduced-motion:reduce){.sl-image-scroll{scroll-behavior:auto}}body>.sl-app{z-index:2;isolation:isolate;color:#f3f0e9;background:#101010;min-height:100dvh;position:relative}body:has(>.sl-app):before{display:none!important}body:has(>.sl-app):after{display:none!important}.zg-site .sl-app{z-index:2;position:relative}.sl-workspace-foot{color:#c6c9c1}.sl-live-dock{display:none}@media (max-width:800px){.sl-app{padding:10px 10px max(74px,env(safe-area-inset-bottom,0px))}.sl-app .sl-topbar{gap:5px;padding:6px 0 8px}.sl-app .sl-topbar span{display:none}.sl-app .sl-hero{gap:0;padding:5px 0 9px}.sl-app .sl-hero h1{margin:3px 0 5px;font-size:clamp(29px,8vw,42px);line-height:.9}.sl-app .sl-hero p{max-width:none;margin:0;font-size:11px;line-height:1.4}.sl-app .sl-hero .sl-overline{letter-spacing:.065em;font-size:8px}.sl-live-dock{z-index:90;-webkit-backdrop-filter:blur(16px);background:#0e1111fa;border:1px solid #d7ea9bb8;border-radius:5px;grid-template-columns:minmax(105px,39%) minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:148px;max-height:164px;margin:7px 0 10px;padding:9px;display:grid;position:sticky;top:0;box-shadow:0 5px 22px #0000008c}.sl-live-dock-image{background:#fff;border:1px solid #6c7473;border-radius:2px;justify-content:center;align-items:center;width:100%;min-width:0;height:132px;display:flex;overflow:hidden}.sl-live-dock-image canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.sl-live-dock-tools{flex-direction:column;gap:9px;min-width:0;display:flex}.sl-live-title{letter-spacing:.07em;color:#d5e6a4;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;font-weight:800;line-height:1.1;display:flex}.sl-live-title small{color:#c6ccc9;letter-spacing:.01em;width:100%;font-size:9px;font-weight:500}.sl-live-mode{grid-template-columns:1fr 1fr;gap:3px;min-width:0;display:grid}.sl-live-mode button{color:#dfdfd8;background:#202524;border:1px solid #68716b;min-width:0;min-height:35px;padding:8px 2px;font-size:9px;font-weight:700}.sl-live-mode button.is-active{color:#121414;background:#d1ea86;border-color:#d1ea86}.sl-live-expand{color:#edf2e8;letter-spacing:.015em;background:0 0;border:1px solid #9ba59e;min-height:36px;padding:9px 4px;font:800 9px Arial,sans-serif}.sl-live-expand:hover{color:#d1ea86;border-color:#d1ea86}.sl-app .sl-workspace{gap:8px;padding-top:0}.sl-app .sl-preview:not(.sl-preview-is-open){display:none}.sl-app .sl-preview.sl-preview-is-open{order:-1;min-height:0;margin:0;padding:10px;display:block}.sl-app .sl-preview-top{padding-bottom:9px}.sl-app .sl-controls{gap:9px;padding:13px 12px}.sl-app .sl-controls .sl-panel-head{font-size:10px}.sl-app .sl-upload{gap:4px;min-height:67px}.sl-app .sl-upload span{font-size:11px}.sl-app .sl-upload small{font-size:8px}.sl-app .sl-control-label{gap:5px;font-size:10px}.sl-app .sl-text-input{height:35px}.sl-app .sl-preset-grid{gap:6px}.sl-app .sl-preset{min-height:39px;padding:7px 5px;font-size:11px}.sl-app .sl-range{margin:2px 0}.sl-app .sl-range>span{margin-bottom:4px;font-size:10px}.sl-app .sl-range input[type=range]{height:24px;margin:2px 0 6px;display:block}.sl-app .sl-controls .sl-divider{margin:0}.sl-app .sl-small{margin:0;font-size:10px;line-height:1.45}.sl-app .sl-tool-row button{min-height:38px}.sl-app .sl-export{gap:8px}.sl-app .sl-footer-note{margin-top:15px;font-size:9px}}@media (min-width:801px) and (max-width:1100px){.sl-preview{position:sticky;top:76px}}@media (max-width:800px){body:has(.zg-site) .sl-live-dock{z-index:85;top:58px}}@media (max-width:365px){.sl-live-dock{grid-template-columns:minmax(90px,35%) minmax(0,1fr);gap:6px;min-height:138px;padding:6px}.sl-live-dock-image{height:126px}.sl-live-mode button,.sl-live-expand{font-size:8px}.sl-app .sl-controls{padding:11px 10px}}@media (prefers-reduced-motion:reduce){.sl-live-dock{transition:none}}