@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800;900&family=Space+Mono:wght@400;700&display=swap";
:root{--paper:#faf8f1;--ink:#302e2b;--muted:#929086;--line:#deddd3;--orange:#f1794e;--purple:#b5a2d8;--mono:"Space Mono",monospace;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #9876c8}a{color:inherit;text-decoration:none}button,a{transition:background .15s,color .15s,transform .15s,box-shadow .15s}button:not(:disabled):active{transform:translateY(1px)}.header{border-bottom:1px solid var(--line);align-items:center;gap:64px;max-width:1440px;height:85px;margin:auto;padding:0 48px;display:flex}.brand{letter-spacing:-1.8px;align-items:center;gap:10px;font-size:30px;font-weight:900;display:inline-flex}.brand-dot{color:var(--orange);align-self:flex-start;margin-top:4px;margin-left:-5px;font-size:19px}.brand-icon{grid-template-rows:10px 10px;grid-template-columns:10px 10px;gap:3px;width:26px;height:26px;display:grid;transform:rotate(-6deg)}.brand-icon i{background:var(--ink)}.brand-icon i:last-child{background:var(--orange);transform:translate(2px,2px)}nav{align-items:center;gap:32px;font-size:13px;font-weight:600;display:flex}nav a{align-items:center;height:85px;display:flex;position:relative}nav a:after{content:"";background:var(--orange);height:3px;position:absolute;bottom:-1px;left:0;right:0}nav button{color:#827e74;padding:10px 0;font-size:13px}nav button:hover{color:var(--ink)}nav button span{margin-left:6px}.header-end{font:9px var(--mono);letter-spacing:.5px;align-items:center;gap:8px;margin-left:auto;display:flex}.status-dot{background:#88a378;width:6px;height:6px;display:inline-block}.version{border:1px solid var(--line);color:#8d897d;margin-left:10px;padding:5px 7px}main{max-width:1440px;margin:auto;padding:0 48px}.intro{padding:41px 0 36px;position:relative}.eyebrow{font:9px var(--mono);letter-spacing:1.15px;color:#78776c;align-items:center;gap:8px;margin-bottom:13px;display:flex}.tiny-spark{color:var(--orange);font-size:16px}h1{letter-spacing:-2.6px;margin:0 0 13px;font-size:clamp(35px,3.7vw,54px);font-weight:750;line-height:1.13}h1>span{color:#8d7baf}h1 .heading-spark{color:var(--orange);vertical-align:top;margin-top:-8px;margin-left:15px}.intro p{color:#858175;margin:0;font-size:14px}.intro-badge{clip-path:polygon(7% 0,93% 0,93% 7%,100% 7%,100% 93%,93% 93%,93% 100%,7% 100%,7% 93%,0 93%,0 7%,7% 7%);background:#e8eddc;border:1px solid #cdd7b9;flex-wrap:wrap;align-items:center;width:118px;height:99px;padding:15px;display:flex;position:absolute;top:44px;right:14px;transform:rotate(7deg)}.intro-badge>span{font:bold 23px var(--mono);letter-spacing:-2px;width:100%;line-height:1}.intro-badge small{font:8px/1.5 var(--mono);margin-top:7px}.intro-badge svg{margin-left:auto}.mobile-break{display:none}.studio{background:#fffdf7;border:1.5px solid #403c35;scroll-margin-top:15px;box-shadow:5px 5px #dedbcf}.studio-topbar{height:37px;font:8px var(--mono);letter-spacing:1px;background:#eeeae0;border-bottom:1px solid #403c35;align-items:center;gap:15px;padding:0 15px;display:flex;position:relative}.window-dots{gap:5px;display:flex}.window-dots i{background:#c8c2b5;border:1px solid #aea798;width:7px;height:7px}.window-dots i:first-child{background:#e29e81;border-color:#c3866e}.local-badge{color:#77786c;font:9px var(--sans);letter-spacing:0;align-items:center;gap:5px;margin-left:auto;display:flex}.studio-body{grid-template-columns:246px minmax(300px,1fr) 290px;min-height:596px;display:grid}.source-panel{border-right:1px solid var(--line);padding:24px 20px 16px}.panel-heading{align-items:center;gap:8px;display:flex}.panel-heading h2{letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:14px;font-weight:750}.step-number{font:8px var(--mono);background:#f3dfce;border:1px solid #e2c3b0;justify-content:center;align-items:center;width:22px;height:20px;display:flex}.step-number.lilac{background:#ece4f4;border-color:#d3c6e3}.panel-subtitle{color:#959084;white-space:nowrap;margin:9px 0 18px;font-size:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-zone{background:#f8f5ec;border:1px dashed #b9b2a3;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:155px;display:flex}.upload-zone:hover,.upload-zone.dragging{border-color:var(--orange);background:#f4e9d7}.upload-icon{color:#756d5d;place-items:center;width:36px;height:35px;margin:0 0 9px;display:grid;position:relative}.upload-icon>span{color:var(--orange);font-size:15px;position:absolute;top:-3px;right:-2px}.upload-zone strong{font-size:12px;font-weight:650}.upload-zone>span:not(.upload-icon){color:#898272;font-size:10px}.upload-zone u{text-underline-offset:3px;color:#bc694b}.upload-zone small{font:7px var(--mono);color:#a0998b;letter-spacing:.2px;margin-top:10px}.source-label{font:8px var(--mono);letter-spacing:.7px;color:#817c71;justify-content:space-between;align-items:center;margin:22px 0 10px;display:flex}.small-chip{font:6px var(--mono);color:#898375;background:#eee9df;padding:3px 4px}.original-preview{background:#dde5cb;justify-content:center;align-items:center;height:131px;display:flex;position:relative;overflow:hidden}.original-preview img{object-fit:contain;width:118px;height:118px;image-rendering:pixelated;z-index:2;position:relative}.original-preview.custom{background:#ebe7df}.original-preview.custom img{object-fit:contain;image-rendering:auto;width:100%;height:100%}.original-preview.custom .scene-sun,.original-preview.custom .scene-floor{display:none}.scene-floor{background:#c2cda6;border-top:4px solid #d0dabb;height:32%;position:absolute;bottom:0;left:0;right:0}.scene-sun{background:#f2e8bb;width:24px;height:24px;position:absolute;top:20px;right:28px;box-shadow:-6px 6px #f2e8bb,6px 6px #f2e8bb,0 12px #f2e8bb}.corner-mark{z-index:4;border-style:solid;border-color:#6a75574d;width:8px;height:8px;position:absolute}.tl{border-width:1px 0 0 1px;top:8px;left:8px}.tr{border-width:1px 1px 0 0;top:8px;right:8px}.bl{border-width:0 0 1px 1px;bottom:8px;left:8px}.br{border-width:0 1px 1px 0;bottom:8px;right:8px}.file-row{font:8px var(--mono);color:#837d71;justify-content:space-between;align-items:center;gap:5px;margin-top:8px;display:flex}.file-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-row button{padding:2px;display:flex}.sample-label{color:#8b867c;justify-content:space-between;margin:22px 0 10px;font-size:9px;display:flex}.sample-label>span{font-size:17px;line-height:10px}.samples{gap:9px;display:flex}.samples button{border:2px solid #0000;flex:1;min-width:0;height:54px;padding:2px;position:relative}.samples img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.samples .selected{border-color:var(--ink);box-shadow:2px 2px #302e2b}.sample-check{background:var(--ink);color:#fff;padding:2px;display:flex;position:absolute;bottom:-1px;right:-1px}.left-note{border-top:1px solid #e6e1d6;align-items:center;gap:9px;margin-top:23px;padding-top:13px;display:flex}.left-note>span{color:#a294bc;font-size:20px}.left-note p{color:#9b9486;margin:0;font-size:9px;line-height:1.6}.canvas-panel{background:#f6f3eb;flex-direction:column;min-width:0;display:flex;overflow:hidden}.canvas-toolbar{justify-content:space-between;align-items:center;gap:8px;height:57px;padding:0 17px;display:flex}.view-tabs{background:#ebe7dd;border:1px solid #d9d3c7;padding:3px;display:flex}.view-tabs button{color:#8f897d;white-space:nowrap;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:flex}.view-tabs button.active{color:var(--ink);background:#fffdf6;box-shadow:0 1px 2px #29251e12}.four-pixels{font-size:14px;line-height:12px}.canvas-tools{color:#80796d;gap:9px;display:flex}.canvas-tools button{padding:3px;display:flex}.canvas-tools button:hover{color:var(--orange)}.artboard{border:1px solid #e4ded3;flex:1;justify-content:center;align-items:center;min-height:440px;margin:0 16px;display:flex;position:relative;overflow:hidden}.checkerboard{background-color:#faf8f3;background-image:linear-gradient(45deg,#eeeae1 25%,#0000 25%),linear-gradient(-45deg,#eeeae1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eeeae1 75%),linear-gradient(-45deg,#0000 75%,#eeeae1 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.board-label{font:7px var(--mono);letter-spacing:.7px;color:#969082;z-index:3;align-items:center;gap:6px;display:flex;position:absolute;top:18px;left:18px}.board-label .status-dot{width:4px;height:4px}.canvas-image-wrap{aspect-ratio:1;place-items:center;width:86%;max-width:400px;transition:transform .2s;display:grid;position:relative}.canvas-image-wrap canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.hidden-canvas{visibility:hidden}.compare-image{object-fit:contain;z-index:2;width:85%;height:85%;position:absolute}.crop-corner{z-index:2;border-style:solid;border-color:#b5aa98;width:12px;height:12px;position:absolute}.crop-corner.a{border-width:1px 0 0 1px;top:14%;left:12%}.crop-corner.b{border-width:1px 1px 0 0;top:14%;right:12%}.crop-corner.c{border-width:0 0 1px 1px;bottom:14%;left:12%}.crop-corner.d{border-width:0 1px 1px 0;bottom:14%;right:12%}.spark{color:#ac9bca;font-size:26px;position:absolute}.board-spark-one{top:26%;right:12%}.board-spark-two{color:#c6aa77;font-size:20px;bottom:27%;left:11%}.canvas-size{font:7px var(--mono);letter-spacing:.3px;color:#8f897c;position:absolute;bottom:18px;left:18px}.canvas-size>span{color:#b9b1a2;margin:0 5px}.zoom-controls{height:27px;font:8px var(--mono);background:#fffdf6;border:1px solid #d8d2c5;align-items:center;display:flex;position:absolute;bottom:12px;right:12px}.zoom-controls button{padding:5px 7px;display:flex}.zoom-controls span{text-align:center;min-width:40px}.canvas-bottom{justify-content:space-between;align-items:center;gap:6px;height:43px;padding:0 17px;display:flex}.canvas-bottom>span{color:#9c9588;align-items:center;gap:5px;font-size:8px;display:flex}.canvas-bottom button{white-space:nowrap;align-items:center;gap:6px;padding:5px 0;font-size:9px;display:flex}.canvas-bottom button:hover,.canvas-bottom button.comparing{color:#9963b0}.settings-panel{border-left:1px solid var(--line);flex-direction:column;padding:24px 20px 16px;display:flex}.settings-panel .panel-heading>svg{color:#a591be;margin-left:auto}.setting-group{border-bottom:1px solid #e7e2d8;padding:19px 0 17px}.subject-settings{padding-top:25px;padding-bottom:14px}.group-label{font:8px var(--mono);letter-spacing:.8px;color:#888071;align-items:center;gap:6px;margin-bottom:12px;display:flex}.demo-tag{font:6px var(--mono);letter-spacing:.2px;color:#9b85af;background:#eee8f4;margin-left:auto;padding:3px 4px}.toggle-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;display:flex}.toggle-row label{cursor:pointer;align-items:center;gap:5px;font-size:11px;display:flex}.toggle{background:#dfd9ce;border:1px solid #d8d1c4;flex:none;width:27px;height:15px;padding:0;position:relative}.toggle:after{content:"";background:#fffdf6;width:9px;height:9px;transition:left .16s;position:absolute;top:2px;left:2px;box-shadow:1px 1px #302e2b12}.toggle.on{background:#9da888;border-color:#8e9b78}.toggle.on:after{left:14px}.ai-tag{font:6px var(--mono);color:#9782ad;background:#eee8f4;padding:2px 4px}.control-hint{color:#a29a8d;margin:1px 0 0;font-size:8px}.info-icon{color:#b1aa9b;display:inline-flex}.size-options{gap:6px;display:flex}.size-options button{background:#fffdf7;border:1px solid #ded8cb;flex-direction:column;flex:1;align-items:center;gap:6px;padding:9px 0 7px;display:flex}.size-options button>span{font:12px var(--mono);font-weight:700}.size-options button>span small{color:#968c7c;font-size:8px;font-weight:400}.size-options button>small{font:6px var(--mono);color:#a39a8a;letter-spacing:.3px}.size-options button.chosen{background:#eee7f5;border:1.5px solid #a393bc;box-shadow:2px 2px #c9bbd9}.size-options button.chosen>small,.size-options button.chosen>span small{color:#8d75a6}.size-options button:hover{background:#f3eee3}.setting-value{color:#a19485;margin-left:auto;font-size:6px}.color-segments{background:#f0ece3;border:1px solid #ddd7cb;height:27px;padding:2px;display:flex}.color-segments button{color:#9a9080;flex:1;font-size:9px}.color-segments button.active{color:#534b40;background:#fffdf7;box-shadow:0 1px 2px #0000000d}.palette{gap:3px;height:19px;margin-top:10px;display:flex}.palette span{border:1px solid #0000000b;flex:1;transition:opacity .2s}.outline-row{margin:15px 0 0}.background-group{border:0;padding-bottom:17px}.background-options{align-items:center;gap:7px;display:flex}.background-options button{background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #d5cdbf;place-items:center;width:23px;height:23px;padding:0;display:grid}.background-options button.selected{outline-offset:2px;outline:1px solid #686050}.background-options>span{color:#9b9283;margin-left:4px;font-size:8px}.export-box{margin-top:auto;padding-top:6px}.export-caption{font:6px var(--mono);letter-spacing:1px;color:#a18e7a;justify-content:space-between;margin-bottom:8px;display:flex}.export-caption>span:last-child{color:#bb875c;font-size:13px;line-height:8px}.download-row{gap:5px;display:flex}.download-button{background:var(--orange);border:1px solid #cf633d;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:11px 8px;font-size:11px;font-weight:700;display:flex;box-shadow:2px 2px #884a30}.download-button:hover{background:#f58e65;transform:translate(-1px,-1px);box-shadow:3px 3px #884a30}.download-button>svg:last-child{width:13px;margin-left:auto}.scale-select{background:#f0e9db;border:1px solid #d1c6b5;justify-content:center;align-items:center;width:39px;display:flex;position:relative}.scale-select select{appearance:none;font:10px var(--mono);cursor:pointer;width:100%;height:100%;color:var(--ink);background:0 0;border:0;padding-left:5px}.scale-select svg{pointer-events:none;position:absolute;right:3px}.export-box>p{color:#a29683;text-align:center;margin:10px 0 0;font-size:7px}.export-box>p span{margin:0 5px}.under-studio{border-bottom:1px solid var(--line);align-items:center;gap:25px;padding:26px 0;scroll-margin-top:25px;display:flex}.made-for{font:7px var(--mono);letter-spacing:.5px;white-space:nowrap;align-items:center;gap:8px;display:flex}.pixel-heart{color:#db775d;font-size:16px}.use-cases{color:#888173;align-items:center;gap:14px;font-size:10px;display:flex}.divider-spark{color:#b8aa92;font-size:8px}.no-signup{color:#8a8072;white-space:nowrap;margin-left:auto;font-size:10px}.no-signup>span{margin-left:7px}.how-strip{justify-content:space-between;align-items:center;padding:34px 10px 37px;display:flex}.how-strip>div{padding-left:32px;position:relative}.how-strip>div>span{font:8px var(--mono);color:#baab94;position:absolute;top:3px;left:0}.how-strip h3{margin:0 0 6px;font-size:12px;font-weight:600}.how-strip p{color:#999080;margin:0;font-size:10px}.how-strip>svg{color:#c7bca9;width:15px}footer{border-top:1px solid var(--line);align-items:center;gap:18px;max-width:1344px;margin:0 auto;padding:20px 0 25px;display:flex}.footer-brand{letter-spacing:-1px;gap:4px;font-size:18px}.footer-brand>span{color:var(--orange);font-size:12px}footer>span{color:#a59a89;font-size:9px}footer>button{font:7px var(--mono);color:#9a8e7e;align-items:center;gap:7px;margin-left:auto;display:flex}.toast{z-index:100;border:1px solid var(--ink);background:#fffdf5;gap:12px;width:calc(100% - 32px);max-width:470px;padding:17px;animation:.2s ease-out arrive;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:4px 4px #aca18f}.toast-icon{color:#9477ae;background:#ece3f3;align-self:flex-start;padding:7px;display:flex}.toast strong{font-size:12px}.toast p{color:#8c8070;margin:4px 0 0;font-size:11px;line-height:1.6}.toast>button{align-self:flex-start;margin-left:auto;padding:0}.fullscreen{z-index:50;border:2px solid var(--ink);position:fixed;inset:20px;box-shadow:0 0 0 50px #302e2bcc}.fullscreen .canvas-image-wrap{max-width:600px}.fullscreen .artboard{min-height:0}.fullscreen .canvas-toolbar,.fullscreen .canvas-bottom{flex-shrink:0}@keyframes arrive{0%{opacity:0;bottom:14px}to{opacity:1;bottom:24px}}@media (min-width:1441px){footer{max-width:1344px}.intro{padding-top:49px;padding-bottom:42px}.studio-body{min-height:635px}.artboard{min-height:490px}.source-panel,.settings-panel{padding-top:26px}.original-preview{height:151px}.original-preview img{width:134px;height:134px}.upload-zone{min-height:167px}.left-note{margin-top:28px}}@media (max-width:1200px){.header{gap:45px;padding:0 28px}main{padding:0 28px}.studio-body{grid-template-columns:210px minmax(265px,1fr) 252px}.source-panel,.settings-panel{padding-left:15px;padding-right:15px}.panel-heading h2{font-size:12px}.panel-subtitle{font-size:8px}.source-panel .step-number{width:19px;height:18px}.canvas-toolbar{padding:0 12px}.artboard{margin:0 11px}.canvas-bottom{padding:0 12px}.canvas-bottom>span{max-width:100px;line-height:1.4}.canvas-bottom>span svg{display:none}.under-studio{gap:15px}.use-cases{gap:8px;font-size:9px}.made-for{font-size:6px}.no-signup{font-size:9px}.how-strip{padding-left:0;padding-right:0}.how-strip p{font-size:9px}footer{margin:0 28px}.intro-badge{right:4px}}@media (max-width:960px){.header,.header nav a{height:72px}.header-end{font-size:7px}.intro{padding:35px 0 30px}h1{letter-spacing:-2px;font-size:40px}.intro-badge{display:none}.studio-body{grid-template-columns:195px minmax(200px,1fr) 230px}.source-panel,.settings-panel{padding-left:12px;padding-right:12px}.panel-heading{gap:5px}.panel-heading h2{font-size:11px}.settings-panel .panel-heading>svg{width:12px}.demo-tag{font-size:5px}.canvas-toolbar{flex-wrap:wrap;align-content:center;gap:8px;height:72px;padding:10px}.canvas-tools{gap:5px;margin-left:auto}.view-tabs button{padding:5px;font-size:9px}.board-label{font-size:5px;top:13px;left:10px}.canvas-size{font-size:5px;bottom:48px;left:9px}.canvas-bottom{height:49px}.canvas-bottom>span{display:none}.canvas-bottom button{margin:auto}.group-label{font-size:7px}.under-studio{flex-wrap:wrap;justify-content:space-between;gap:12px}.no-signup,.how-strip>svg{display:none}.how-strip{gap:20px}.how-strip>div{padding-left:0}.how-strip>div>span{margin-bottom:9px;display:block;position:static}.how-strip p{line-height:1.6}.background-options{gap:6px}.background-options>span{font-size:7px}}@media (max-width:760px){.header{gap:20px;padding:0 20px}.brand{font-size:26px}.brand-icon{transform:scale(.85)}nav{gap:18px;margin-left:auto}nav button,nav a{font-size:11px}.header-end{display:none}main{padding:0 18px}.intro{padding:29px 0 27px}.eyebrow{letter-spacing:.7px;font-size:7px}h1{letter-spacing:-2px;font-size:42px;line-height:1.08}.mobile-break{display:block}.heading-spark{width:25px;height:29px}.intro p{margin-top:14px;font-size:12px}.studio-topbar{letter-spacing:.6px;gap:8px;padding:0 10px;font-size:6px}.local-badge{gap:3px;font-size:7px}.local-badge svg{width:10px}.studio-body{grid-template-columns:1fr 1fr;min-height:0}.source-panel{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 126px;gap:0 16px;padding:17px;display:grid}.source-panel .panel-heading{grid-column:1}.panel-heading h2{font-size:13px}.panel-subtitle{grid-column:1;margin:7px 0 14px;font-size:9px}.upload-zone{grid-area:3/1/6;min-height:128px}.upload-zone strong{font-size:11px}.upload-zone small{margin-top:6px;font-size:6px}.upload-icon{height:25px;margin-bottom:4px}.source-label{grid-area:1/2;margin:0;font-size:6px}.original-preview{grid-area:2/2/5;height:102px;margin-top:10px}.original-preview img{width:100px;height:100px}.file-row{grid-column:2;margin-top:7px;font-size:6px}.sample-label{grid-column:1;align-self:center;margin:16px 0 0;font-size:9px}.sample-label>span{display:none}.samples{grid-column:2;gap:6px;margin-top:12px}.samples button{height:35px}.left-note{display:none}.canvas-panel{grid-column:1/-1;min-height:410px}.canvas-toolbar{flex-wrap:nowrap;height:54px;padding:0 14px}.view-tabs button{padding:6px 10px;font-size:10px}.artboard{min-height:330px;margin:0 13px}.canvas-image-wrap{max-width:315px}.canvas-bottom{height:42px;padding:0 15px}.canvas-bottom>span{max-width:none;font-size:8px;display:flex}.canvas-bottom>span svg{display:block}.canvas-bottom button{margin:0;font-size:9px}.board-label{font-size:6px;top:15px;left:14px}.canvas-size{font-size:6px;bottom:19px;left:13px}.settings-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px 17px;display:grid}.settings-panel .panel-heading{grid-column:1/-1;margin-bottom:6px}.settings-panel .panel-heading>svg{margin-left:0}.setting-group{min-width:0;padding-top:20px;padding-bottom:18px}.subject-settings,.setting-group:nth-of-type(3){grid-row:2}.group-label{letter-spacing:.3px;font-size:7px}.toggle-row label{font-size:10px}.control-hint{font-size:7px;line-height:1.5}.demo-tag{letter-spacing:0;padding:2px;font-size:5px}.size-options{gap:4px}.size-options button>span{font-size:10px}.size-options button>span small{font-size:7px}.size-options button>small{font-size:5px}.background-group{border-bottom:1px solid #e7e2d8;grid-column:2;padding-top:20px}.background-options{flex-wrap:wrap;gap:8px}.background-options>span{width:100%;margin:4px 0 0;font-size:8px}.export-box{grid-column:1/-1;margin-top:0;padding-top:23px}.export-caption{font-size:7px}.download-button{padding:13px 15px;font-size:12px}.download-button>svg:last-child{width:15px;margin-left:0}.scale-select{width:47px}.scale-select select{padding-left:10px}.scale-select svg{right:7px}.export-box>p{font-size:8px}.under-studio{justify-content:center;gap:12px;padding:22px 0}.made-for{font-size:7px}.use-cases{gap:10px;font-size:9px}.how-strip{gap:18px;padding:25px 0}.how-strip h3{font-size:10px;line-height:1.4}.how-strip p{font-size:8px}.how-strip>div{flex:1}footer{gap:12px;margin:0 18px;padding-top:18px}footer>span{max-width:140px;font-size:8px;line-height:1.5}footer>button{gap:2px;font-size:5px}.fullscreen{min-height:0;inset:8px}.fullscreen .artboard{min-height:0}.fullscreen .canvas-image-wrap{max-width:600px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:360px){.header{gap:10px;padding:0 16px}.header nav{gap:10px}.header nav button,.header nav a{font-size:9px}.brand{gap:5px;font-size:23px}h1{font-size:35px}.eyebrow{letter-spacing:.3px;font-size:6px}.intro p{font-size:11px}.source-panel{grid-template-columns:minmax(0,1fr) 94px;gap:0 10px;padding:13px}.source-panel .panel-heading h2{font-size:10px}.panel-subtitle{white-space:normal;font-size:7px}.upload-zone strong{font-size:9px}.upload-zone small{font-size:5px}.sample-label{font-size:8px;line-height:1.5}.original-preview img{max-width:100%}.file-row{min-width:0}.local-badge{font-size:6px}.studio-topbar{font-size:5px}.settings-panel{grid-template-columns:1fr}.settings-panel .setting-group{grid-area:auto/1}.settings-panel .size-options button>span{font-size:13px}.settings-panel .size-options button>small{font-size:7px}.demo-tag{font-size:6px}.background-options>span{width:auto;margin:0 0 0 5px}.canvas-toolbar{padding:0 9px}.view-tabs button{padding:6px;font-size:9px}.canvas-tools{gap:4px}.canvas-bottom>span{display:none}.canvas-bottom button{margin-left:auto}.how-strip{flex-direction:column;align-items:stretch;gap:20px}.how-strip h3{font-size:12px}.how-strip p{font-size:10px}.use-cases{gap:6px;font-size:8px}.footer-brand{font-size:16px}footer>span{font-size:7px}footer>button{max-width:60px;font-size:5px}.background-group{border-bottom:1px solid #e7e2d8}}.real-photo-button{color:#967348;text-align:left;border-bottom:1px solid #cdb99c;grid-column:1/-1;margin-top:15px;padding:5px 0;font-size:10px}.real-photo-button:hover{color:#d7754d}.refine-button{text-align:center;background:#eee6f5;border:1px solid #cfc1df;width:100%;margin-top:12px;padding:8px;font-size:10px}.refine-button:hover{background:#e3d7ee}.subject-settings .control-hint{line-height:1.5}.model-error{color:#985340;background:#fff0e7;margin-top:10px;padding:9px;font-size:10px;line-height:1.5}.model-error p{margin:0 0 5px}.model-error button{padding:0;font-weight:700;text-decoration:underline}.clean-row{margin:14px 0 0}.palette{gap:2px}.palette span{min-width:0}.processing-overlay{z-index:10;text-align:center;background:#faf8f1ef;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:25px;display:flex;position:absolute;inset:0}.processing-overlay strong{font-size:14px}.processing-overlay p{color:#8a8070;max-width:260px;margin:0;font-size:10px;line-height:1.6}.processing-overlay button{background:#fffdf6;border:1px solid #c5baa7;margin-top:8px;padding:7px 20px;font-size:11px}.processing-pixel{background:#b8a3d5;width:20px;height:20px;margin:0 24px 28px 0;animation:1s steps(2,end) infinite pixelPulse;box-shadow:23px 0 #ecd8c2,0 23px #f0a27c,23px 23px #d6dfc5}@keyframes pixelPulse{50%{transform:rotate(90deg)}}.mask-backdrop{z-index:80;background:#242020a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mask-dialog{background:var(--paper);border:2px solid var(--ink);outline:none;flex-direction:column;width:min(960px,100%);max-height:calc(100dvh - 48px);display:flex;overflow:auto;box-shadow:6px 6px #968675}.mask-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:20px 24px;display:flex}.mask-header h2{letter-spacing:-1px;margin:0 0 5px;font-size:23px}.mask-header p{color:#918471;margin:0;font-size:11px}.mask-header>button{align-self:flex-start;padding:5px}.brush-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:13px 24px;display:flex}.brush-toolbar>button{background:#fffdf7;border:1px solid #d7cbbb;padding:7px 14px;font-size:11px}.brush-toolbar>button.active{background:#e5d9f1;border-color:#ad91c6}.brush-toolbar label{align-items:center;gap:9px;margin:0 auto;font-size:10px;display:flex}.brush-toolbar input{accent-color:#a182bb;width:120px}.brush-toolbar label span{font:9px var(--mono);min-width:40px}.mask-workspace{border:1px solid #d3c7b8;flex-shrink:0;justify-content:center;align-items:center;height:min(52vh,530px);min-height:120px;margin:0 24px;display:flex;overflow:hidden}.mask-workspace canvas{touch-action:none;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.mask-options{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;font-size:10px;display:flex}.mask-options label{align-items:center;gap:6px;margin-right:auto;display:flex}.mask-options input{accent-color:#9f8db5}.mask-options button{text-underline-offset:3px;padding:4px;font-size:10px;text-decoration:underline}.mask-footer{border-top:1px solid var(--line);align-items:center;gap:10px;padding:16px 24px;display:flex}.mask-footer p{color:#a1917c;margin-right:auto;font-size:9px}.mask-footer button{white-space:nowrap;border:1px solid #d1c4b3;padding:10px 17px;font-size:11px}.mask-footer .apply-mask{background:var(--orange);border-color:#bf623c;box-shadow:2px 2px #945735}.mask-footer .apply-mask:hover{background:#ff966a}@media (max-width:760px){.clean-row,.settings-panel .background-group{grid-column:1/-1}.background-options>span{width:auto}.real-photo-button{margin-top:16px}.mask-backdrop{padding:8px}.mask-dialog{max-height:calc(100dvh - 16px)}.mask-header{padding:16px}.mask-header h2{font-size:21px}.brush-toolbar{padding:12px 16px}.brush-toolbar label{order:3;width:100%;margin:0}.brush-toolbar input{flex:1;width:auto}.mask-workspace{height:42vh;margin:0 16px}.mask-options{padding:12px 16px;font-size:9px}.mask-footer{flex-wrap:wrap;padding:14px 16px}.mask-footer p{width:100%;margin:0 0 6px}.mask-footer button{flex:1;padding:10px}.mask-header p{font-size:10px}.processing-overlay strong{font-size:12px}}.mask-workspace.zoomed{justify-content:flex-start;align-items:flex-start;overflow:auto}.brush-toolbar select{color:var(--ink);background:#fffdf7;border:1px solid #d7cbbb;padding:6px;font-size:11px}.rerun-button{color:#968377;text-underline-offset:3px;margin:8px auto 0;font-size:8px;text-decoration:underline;display:block}.sample-license{color:#998875;text-underline-offset:2px;grid-column:1/-1;margin-top:6px;font-size:7px;text-decoration:underline;display:block}