:root{--ink:#283d33;--muted:#747a71;--line:#dedfd7;--paper:#f6f5f1;--white:#fff;--sage:#e8ece4;--accent:#304e3e;--warm:#b97751;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(.94)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b87953;outline-offset:3px}a{color:inherit}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}input[type=range]{accent-color:var(--accent);min-width:0}input[type=color]{cursor:pointer}button,input,select{border-radius:6px}[hidden]{display:none!important}.header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:12px;background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;font-size:24px;letter-spacing:-1px}.brand-mark{font:italic 42px Georgia;line-height:1;letter-spacing:-7px;margin-right:8px}.brand-mark span{color:var(--warm)}.beta{font-size:9px;letter-spacing:1px;font-weight:600;border:1px solid #cbd2c6;padding:4px 5px;border-radius:3px;margin:4px 0 0 2px}.header-actions{display:flex;align-items:center;gap:18px}.secondary,.primary{border:1px solid var(--line);min-height:44px;padding:11px 15px;font-weight:550;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.secondary{background:#fff}.primary{background:var(--accent);border-color:var(--accent);color:white;min-height:48px}.primary span,.secondary span{margin-left:auto}.wide{width:100%;margin-top:12px}.text-button{font-size:12px;padding:8px 0;color:#586654}.icon-button{width:30px;height:30px;border:1px solid #b7bfb1;border-radius:50%;font:17px Georgia}.steps{max-width:730px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:18px;padding:23px 10px}.steps button{font-size:12px;font-weight:550;white-space:nowrap;display:flex;align-items:center;gap:8px;padding:0}.steps span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #cbd0c5;border-radius:50%;font-size:11px;color:var(--muted)}.steps .current span{background:var(--accent);color:white;border-color:var(--accent)}.steps .current{color:var(--accent)}.steps .done span{background:var(--sage)}.steps i{height:1px;flex:1;max-width:50px;background:var(--line)}main{max-width:1700px;margin:auto}.studio{display:grid;grid-template-columns:340px minmax(0,1fr);margin:0 28px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;min-height:0;height:calc(100dvh - 220px);max-height:1100px}.panel{border-right:1px solid var(--line);padding:26px 25px 0;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.panel-page{padding-bottom:20px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#7a816f;margin-bottom:15px}h1{font-family:Georgia,"Times New Roman",serif;font-size:46px;font-weight:400;letter-spacing:-1.9px;line-height:1.08;margin:0 0 16px}h2{font:400 31px/1.14 Georgia,serif;letter-spacing:-.8px;margin:0 0 14px}h3{font-size:14px;margin:23px 0 8px}p{font-size:12px;line-height:1.7;color:#72776e;margin:0 0 16px}.intro{font-size:13px;line-height:1.7;margin-bottom:24px}.upload{border:1px dashed #a7b49f;border-radius:7px;background:#f9faf6;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px 12px;gap:8px;cursor:pointer;text-align:center}.upload:hover,.upload.dragover{background:#edf1e7;border-color:var(--accent)}.upload-symbol{font-size:26px;color:#71866c;line-height:1;margin-bottom:7px}.upload strong{font-size:13px;font-weight:550}.upload>span:not(.upload-symbol){font-size:11px;color:var(--muted)}.upload small{font-size:10px;color:#93998e;margin-top:8px}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within{outline:3px solid var(--warm)}.example-button{font-size:10px;text-align:center;width:100%;line-height:1.8;margin:13px 0 8px;color:#868b7f}.example-button u{display:block;color:var(--ink);text-underline-offset:3px}.consent{display:flex;align-items:flex-start;gap:7px;margin-top:16px}.consent input{margin:2px 0}.consent label{font-size:10px;line-height:1.6;color:#787e72}.inline-button{font-size:inherit;text-decoration:underline;padding:0}.note{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.note>span{color:#8a9b77}.note p{font-size:10px;margin:0}.panel-footer{display:flex;align-items:center;gap:6px;margin-top:auto;padding:15px 0;border-top:1px solid var(--line);font-size:9px;color:#898f83;white-space:nowrap}.panel-footer>span:last-child{margin-left:auto}.live-dot,.ready-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8ca27b;flex-shrink:0}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fafaf7}.workspace-toolbar{height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.workspace-toolbar>div:first-child{font-size:11px;color:#7b8175;display:flex;gap:7px;align-items:center;min-width:0}.workspace-toolbar #workspaceTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{height:5px;width:5px;border-radius:50%;background:#adbaa1;flex-shrink:0}.image-area{position:relative;margin:0 20px;min-height:0;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px;background:#eaece5}.welcome{height:100%;width:100%;position:relative;min-height:350px}.welcome>img{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#19251dc4 100%)}.welcome-copy{position:absolute;bottom:60px;left:34px;color:#fff}.welcome-copy>span{font-size:8px;letter-spacing:2px;color:#e2e6d8}.welcome-copy h2{font:400 clamp(27px,3.1vw,49px)/1.12 Georgia,serif;letter-spacing:-1.2px;margin:14px 0 20px}.welcome-swatches{display:flex;align-items:center;gap:5px}.welcome-swatches i{width:23px;height:23px;background:#e8e1d1;border-radius:50%;border:1px solid #ffffff52}.welcome-swatches i:nth-child(2){background:#a4ad91}.welcome-swatches i:nth-child(3){background:#c08c70}.welcome-swatches i:nth-child(4){background:#596854}.welcome-swatches span{font-size:9px;color:#e4e6da;margin-left:9px}.photo-credit{position:absolute;bottom:10px;right:12px;color:#e0e2d5;font-size:8px}.workspace-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 21px;min-height:45px;font-size:10px;color:#7b8175;flex-shrink:0}.workspace-bottom label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px}.workspace-bottom input{width:13px;height:13px}.workspace-hint{display:flex;justify-content:center;gap:38px;font-size:10px;border-top:1px solid #e6e8df;margin:0 20px;padding:15px 0;color:#a2ab95;flex-shrink:0}.workspace-hint b{font-size:10px;font-weight:400;color:#858b7e;margin-left:5px}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 30px;font-size:9px;color:#8b9184}.footer button{font-size:9px}.stage{position:relative;flex-shrink:0;max-width:100%;max-height:100%;overflow:hidden}.stage canvas{display:block;width:100%;height:100%}#maskCanvas,#drawCanvas{position:absolute;inset:0}#drawCanvas{touch-action:pan-y}#maskCanvas{pointer-events:none}.image-badge{position:absolute;top:12px;left:12px;font-size:10px;background:#fffffff0;border-radius:4px;padding:6px 9px;pointer-events:none}.view-controls{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;flex-shrink:0;background:#f0f2ec}.view-controls button{font-size:10px;padding:5px 8px;border-radius:3px}.view-controls .selected{background:white;box-shadow:0 1px 3px #00000010}.photo-ready{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10px}.photo-ready #photoDetails{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photo-ready button{margin-left:auto}.photo-loaded .upload{padding:13px}.photo-loaded .upload-symbol,.photo-loaded .upload>span:not(.upload-symbol),.photo-loaded .upload small{display:none}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;margin:22px 0 9px;gap:5px}.section-label button{font-size:10px;letter-spacing:0}.part{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;margin-bottom:7px;padding:11px 10px;background:#fff}.part.active{border-color:#738b63;background:#f5f7f0}.part input{margin:0}.part .part-select{flex:1;min-width:0;text-align:left;padding:0}.part strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.part small{font-size:9px;color:var(--muted)}.part-index{width:21px;height:21px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--sage);font-size:10px}.refinement{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.refinement summary{font-size:11px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.refinement p{margin:13px 0}.tools{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tools button,.inline-actions button{border:1px solid var(--line);padding:8px;font-size:10px;background:white}.tools button.selected{background:var(--sage);border-color:#a2b396}.range-label{display:flex;align-items:center;gap:10px;font-size:10px;margin:12px 0}.range-label input{width:100%}.inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.small{font-size:10px;line-height:1.7}.warning{color:#90806a;margin:15px 0 10px}.muted{color:#8a8f83}.palettes{display:grid;gap:8px}.palette{border:1px solid var(--line);border-radius:6px;padding:12px;text-align:left}.palette.active{border-color:#7c906c;background:#f6f8f2}.palette-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.palette strong{font-weight:550;font-size:12px}.palette .palette-check{font-size:13px;opacity:0}.palette.active .palette-check{opacity:1}.swatches{display:flex;gap:4px;margin:9px 0}.swatches i{height:24px;flex:1;border-radius:3px;border:1px solid #00000009}.palette p{font-size:10px;margin:0;line-height:1.5}.color-row{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #e9ebe3}.color-row input[type=color]{width:32px;height:34px;padding:0;border:0;background:none;flex-shrink:0}.color-row .color-name{flex:1;min-width:0;font-size:11px}.color-row .hex{width:75px;background:#f7f8f3;border:1px solid #e1e4d9;font-size:10px;padding:7px}.finish-label{display:block;font-size:11px;margin:18px 0 7px}select{width:100%;border:1px solid var(--line);background:white;padding:11px;font-size:12px;color:var(--ink)}.summary-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.summary-row i{width:25px;height:25px;border-radius:4px;border:1px solid #0001;flex-shrink:0}.summary-row span{flex:1}.summary-row small{font-size:10px;color:var(--muted)}.generation-note{display:flex;gap:10px;margin:22px 0 15px;padding:13px;background:#f3f5ef;border-radius:6px}.generation-note>span{font-size:20px;color:#879c73}.generation-note strong{font-size:11px;font-weight:550}.generation-note p{font-size:10px;margin:6px 0 0}.loading{position:absolute;inset:0;background:#f6f6f0eF;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:20px}.loading strong{font:26px Georgia,serif}.loading>span{font-size:12px;color:var(--muted)}.spinner{width:32px;height:32px;border:2px solid #dce2d3;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.compare-control{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 24px 0;font-size:10px}.compare-control input{width:60%;max-width:400px}.variants{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.variant{padding:0;border:2px solid transparent;overflow:hidden;border-radius:5px;width:65px}.variant.active{border-color:var(--accent)}.variant img{width:100%;height:45px;object-fit:cover;display:block}.variant span{font-size:9px}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:490px;width:calc(100% - 32px);max-height:85dvh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#18251d80;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:25px;color:var(--muted)}dialog p{font-size:12px}dialog h2{margin-top:20px}.error{color:#a44b32!important}.busy .panel-page{pointer-events:none;opacity:.65}.busy .steps{pointer-events:none}@media(min-width:1500px){.studio{grid-template-columns:370px minmax(0,1fr)}.panel{padding-left:32px;padding-right:32px}}@media(max-width:1000px){.studio{margin:0 16px;grid-template-columns:310px minmax(0,1fr)}.panel{padding:22px 20px 0}.header{padding:0 20px}.welcome-copy{left:22px}.workspace-toolbar{padding:0 12px;flex-wrap:wrap;height:auto;min-height:55px;padding-top:10px;padding-bottom:10px}.image-area{margin:0 12px}.workspace-hint{gap:12px}.workspace-bottom{padding:12px}.view-controls button{padding:5px 6px}.footer{padding:15px 18px}}@media(max-width:720px){.header{height:62px;padding:0 14px}.brand{font-size:21px;gap:7px}.brand-mark{font-size:34px}.header-actions{gap:11px}.header-actions>.text-button{font-size:10px}.header-actions .secondary{font-size:10px;min-height:33px;padding:8px}.header-actions .secondary span{display:none}.icon-button{width:25px;height:25px;font-size:14px}.beta{display:none}.steps{padding:16px 12px;gap:9px}.steps button{font-size:10px;gap:5px}.steps span{height:21px;width:21px}.steps i{max-width:15px}.studio{margin:0 10px;display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:visible}.panel{border-right:0;overflow:visible;order:2;padding:22px 20px 0}.workspace{order:1;border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;overflow:hidden}.workspace-toolbar{min-height:43px;font-size:10px;padding:9px 12px}.workspace-toolbar>div:first-child{font-size:10px}.image-area{height:clamp(200px,39dvh,390px);flex:none;margin:0 10px}.welcome{min-height:0}.welcome-copy{left:20px;bottom:32px}.welcome-copy h2{font-size:29px;margin:8px 0 14px}.welcome-copy>span{font-size:7px}.welcome-swatches i{width:18px;height:18px}.welcome-swatches span{font-size:8px}.photo-credit{font-size:6px;bottom:6px}.workspace-hint{display:none}.workspace-bottom{padding:9px 12px;min-height:34px;font-size:9px}.workspace-bottom label{font-size:9px}.image-badge{font-size:9px;top:8px;left:8px}.eyebrow{font-size:8px;margin-bottom:10px}h1{font-size:38px}h1 br{display:none}.intro{margin-bottom:18px;font-size:12px}.upload{padding:18px}.upload-symbol{display:none}.upload small{margin-top:0}.upload>span:not(.upload-symbol){display:none}.example-button u{display:inline}.example-button{margin-bottom:0}.consent{margin-top:12px}.note{margin-top:16px;padding-top:13px}.panel-footer{padding:13px 0}.footer{align-items:flex-start;font-size:8px;flex-wrap:wrap;padding:13px 15px;gap:8px}.footer>span:nth-child(2){order:3;width:100%;font-size:8px}.footer button{font-size:8px;padding:0}.footer>span:first-child{margin-right:auto}.palettes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.palette{padding:9px}.palette strong{font-size:10px}.palette p{font-size:9px}.palette .palette-check{display:none}.swatches{gap:2px}.swatches i{height:21px}.panel-page{padding-bottom:16px}.section-label{margin-top:18px}.generation-note{margin-top:17px}.compare-control{padding-top:7px}.busy .workspace{min-height:280px}}@media(max-width:360px){.header-actions{gap:7px}.header-actions>.text-button{display:none}.steps{gap:5px}.steps button{font-size:9px}.panel{padding:20px 15px 0}.palettes{grid-template-columns:1fr}.palette p{font-size:10px}.palette .swatches{margin:6px 0}.palette strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;scroll-behavior:auto!important}}

@media(max-width:900px) and (orientation:landscape) and (max-height:550px){.header{height:48px}.steps{padding:10px}.studio{height:calc(100dvh - 130px)}.workspace-hint{display:none}.workspace-toolbar{min-height:38px;padding-top:5px;padding-bottom:5px}.footer{padding:8px 18px}}