.finishDesk{--finish-ink:#0b0f14;--finish-paper:#f6f1e8;--finish-brass:#c4a46a;max-width:1240px;color:var(--finish-paper);margin:32px auto;padding:0 24px 48px}.finishHeader{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.finishHeader h1{max-width:20ch;margin:12px 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.08}.finishJewel{white-space:nowrap;color:#dfc28c;border:1px solid #63553a;border-radius:24px;padding:10px 14px;font-size:12px}.finishLayout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:32px;display:grid}.finishStage{background:#0b0f14;border:1px solid #333a43;border-radius:18px;min-width:0;padding:24px;position:sticky;top:24px}.finishStageTop{color:#bfc2c6;letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:20px;font-size:11px;display:flex}.finishCanvasWrap{max-width:100%;max-height:620px;margin:auto;position:relative;overflow:hidden;box-shadow:0 16px 38px #0005}.finishCanvasWrap canvas{object-fit:contain;width:100%;height:100%;display:block}.finishGuides{pointer-events:none;mix-blend-mode:difference;border:1px dashed #e9c785;position:absolute;inset:7.5%}.finishCheck{align-items:center;gap:10px;min-height:44px;font-size:13px!important;display:flex!important}.finishCheck input{flex:none;height:18px;width:18px!important;margin:0!important}.finishHint{color:#c0b9ac;margin:8px 0 16px;font-size:12px;line-height:1.6}.finishControls{border:0;min-width:0;margin:0;padding:0}.finishControls section{border-bottom:1px solid #433d32;margin:0 0 24px;padding:0 0 24px}.finishStep{letter-spacing:.14em;color:#dfc28c;margin:0 0 16px;font-size:11px}.finishControls label{justify-content:space-between;gap:10px;margin:16px 0 8px;font-size:13px;display:flex}.finishControls input:not([type=checkbox]):not([type=range]),.finishControls select,.finishControls textarea{box-sizing:border-box;color:#f6f1e8;width:100%;min-height:46px;font:inherit;background:#11161d;border:1px solid #615b50;border-radius:8px;padding:12px;font-size:16px}.finishControls option{color:#f6f1e8;background:#11161d}.finishControls input[type=file]{font-size:12px!important}.finishControls textarea{resize:vertical}.finishControls input[type=range]{accent-color:#c4a46a;width:100%;min-height:44px}.finishControls summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px}.finishControls details{margin-top:16px}.finishControls details p{color:#d0c8ba;font-size:13px;line-height:1.6}.finishChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.finishDesk button{cursor:pointer;min-height:44px;transition:border-color .18s,background-color .18s,transform .18s}.finishChoices button{color:#f6f1e8;text-transform:capitalize;background:#181d24;border:1px solid #555146;border-radius:10px;gap:8px;padding:10px;font-size:13px;display:grid}.finishChoices button[aria-pressed=true],.finishSwatches button[aria-pressed=true]{background:#302a1f;border-color:#dfc28c;box-shadow:inset 0 0 0 1px #dfc28c}.finishStyleSample{color:#f6f1e8;background:#0b0f14;border-left:3px solid #c4a46a;place-items:center;height:56px;font:32px Georgia,serif;display:grid}.finishStyleSample.bold{border-bottom:3px solid #c4a46a;border-left:0;font-family:Arial,sans-serif;font-weight:800}.finishStyleSample.minimal{color:#0b0f14;background:#f6f1e8;border:0}.finishSwatches{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.finishSwatches button{color:#f6f1e8;text-transform:capitalize;background:#181d24;border:1px solid #615b50;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.finishSwatches i{border-radius:50%;width:14px;height:14px;display:inline-block}.finishStarterList{gap:8px;display:grid}.finishExports{gap:10px;display:grid}.finishPhotoControls{border-left:2px solid #c4a46a;padding-left:16px}.finishFilename{overflow-wrap:anywhere;font-size:12px}.finishFeedback{z-index:5;background:#181d24;border-radius:12px;position:sticky;bottom:12px;box-shadow:0 5px 20px #0005}.finishFeedback:empty{display:none}.finishFeedback p{margin:0;padding:16px;font-size:14px}.finishFootnote{color:#cfc7b9;border-top:1px solid #433d32;max-width:80ch;margin-top:24px;padding-top:24px;font-size:13px;line-height:1.7}.finishDesk :focus-visible{outline-offset:3px;outline:3px solid #c7f36b}.finishDesk button:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover){.finishChoices button:hover{border-color:#c4a46a;transform:translateY(-3px)}}@media (width<=850px){.finishDesk{padding:0 16px 32px}.finishLayout{grid-template-columns:1fr;gap:24px}.finishStage{padding:16px;position:static}.finishCanvasWrap{width:auto;max-width:100%;max-height:420px}.finishHeader{flex-direction:column;gap:8px}.finishFeedback{position:static}.finishControls{max-width:none}.finishDesk{--finish-preview-height:420px}}@media (prefers-reduced-motion:reduce){.finishDesk button{transition:none}.finishChoices button:hover{transform:none}}.finishLibrary{background:#1b1814;border:1px solid #554936;border-radius:20px;margin:0 0 24px;padding:20px}.finishLibrary summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.finishLibrary summary span{color:#c4a46a;margin-left:12px}.finishLibrary p{color:#ccc3b4;max-width:75ch}.finishLibraryActions{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.finishLibraryActions label:not(.finishCheck){flex:260px;gap:8px;display:grid}.finishLibraryActions input:not([type=checkbox]){width:100%;min-height:44px}.finishLibrary button{min-height:44px}.finishSavedGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;display:grid}.finishSavedGrid button{text-align:left;background:#24201a;border:1px solid #554936;border-radius:12px;gap:8px;padding:20px;display:grid}.finishSavedGrid button[aria-pressed=true]{border-color:#c4a46a}.finishSavedGrid span,.finishSavedGrid small{color:#d0c5b4}.finishSavedPreview{object-fit:contain;background:#0b0f14;border-radius:8px;width:100%;height:180px}.finishLibrarySearch{gap:8px;max-width:560px;margin:20px 0;display:grid}.finishLibrarySearch input{width:100%;min-height:44px}.finishSavedGrid button{transition:transform .18s,border-color .18s}@media (hover:hover) and (pointer:fine){.finishSavedGrid button:hover{border-color:#c4a46a;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.finishSavedGrid button{transition:none}.finishSavedGrid button:hover{transform:none}}.finishLibrary input:not([type=checkbox]){color:#f6f1e8;font:inherit;background:#10151b;border:1px solid #756851;border-radius:10px;padding:12px}.finishLibrary input::placeholder{color:#b9b0a2}.finishLibrary :focus-visible{outline-offset:3px;outline:2px solid #c4a46a}.finishFeedback{margin-top:24px;position:static}