.studio{padding:48px 4% 70px}.studio-top{display:flex;align-items:end;gap:30px;justify-content:space-between;margin-bottom:35px}.studio-top h1{font-size:clamp(2.8rem,4vw,4.3rem)}.studio-top p{color:var(--muted);font-size:14px;margin-top:16px}.studio-top .eyebrow{margin-bottom:16px;color:var(--gold-dark)}.studio-top>.text-link{font-size:12px;flex-shrink:0}.studio-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:30px;max-width:1600px;margin:auto}.studio-controls{border:1px solid var(--line);background:#fff;padding:26px}.control-section{padding-bottom:25px;margin-bottom:22px;border-bottom:1px solid var(--line)}.control-section h2{font:500 1.5rem var(--serif);margin-bottom:18px}.control-section h2>span{color:var(--gold-dark);font-style:italic;margin-right:10px}.upload-button{display:flex;justify-content:space-between;align-items:center;border:1px dashed #aaa799;padding:14px;font-size:14px;cursor:pointer;background:var(--paper)}.upload-button:hover{border-color:var(--gold-dark)}.upload-button>span{font-size:24px}.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px}.upload-button:has(+input:focus-visible){outline:2px solid var(--gold-dark)}.control-hint{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.sample-choices{display:flex;gap:12px;margin-top:14px}.sample{border:0;border-bottom:1px solid transparent;background:none;font-size:12px;padding:3px 0;color:var(--muted);text-align:left}.sample.active{color:var(--ink);border-color:var(--gold-dark)}.ai-button{width:100%;font-size:13px;gap:6px;padding:12px;min-height:48px}.tool-row{display:flex;gap:7px;margin-top:18px}.tool-row button{border:1px solid var(--line);background:white;padding:8px;font-size:12px;flex:1}.tool-row button[aria-pressed=true]{color:var(--ink);border-color:#9c803f;background:#f4efdf}.range-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:17px 0 5px}input[type=range]{width:100%;accent-color:var(--gold-dark);cursor:pointer;height:20px}.palette{display:flex;gap:9px;flex-wrap:wrap}.color-swatch{background:var(--swatch);width:32px;height:32px;border:3px solid white;border-radius:50%;outline:1px solid #aaa3}.color-swatch.selected{outline:2px solid var(--gold-dark);outline-offset:2px}.color-swatch:focus-visible{outline:3px solid var(--ink)}.color-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:16px}.custom-color{display:flex;align-items:center;gap:8px;color:var(--muted)}input[type=color]{width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer}.export-button{font-size:13px;width:100%;padding:13px;gap:12px}.privacy-note{font-size:12px;line-height:1.6;margin-top:16px;color:var(--muted)}.studio-workspace{min-width:0}.workspace-bar{display:flex;justify-content:space-between;gap:20px;padding:14px 20px;background:var(--ink);color:#f4f0e7;font-size:12px}.workspace-bar span:last-child{color:var(--gold)}.canvas-area{position:relative;background:#e2e2db;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-area canvas{width:auto;max-width:100%;height:auto;max-height:660px;object-fit:contain;cursor:crosshair;touch-action:none}.work-badge{position:absolute;left:16px;bottom:16px;background:#10140de6;color:var(--paper);padding:8px 14px;font-size:12px;pointer-events:none}.compare-bar{display:flex;align-items:center;gap:25px;border:1px solid var(--line);padding:14px 20px;font-size:12px}.compare-bar span{white-space:nowrap}.compare-bar input{max-width:520px;margin:auto}.studio-status{font-size:14px;line-height:1.7;padding:22px;background:#ebe7dc;margin-top:20px;border-left:2px solid var(--gold-dark)}.studio-bottom{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:25px}.studio-bottom p{font-size:12px;color:var(--muted);max-width:440px}.studio-bottom .text-link{font-size:12px;flex-shrink:0}.busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0d0f0ee3;color:white;text-align:center;padding:30px;gap:20px}.busy[hidden]{display:none}.busy p{font-size:14px}.spinner{height:35px;width:35px;border:2px solid #ffffff33;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1080px){.studio-top{align-items:start;flex-direction:column;gap:12px}.studio-layout{grid-template-columns:280px minmax(0,1fr);gap:20px}.studio-controls{padding:20px}.studio-bottom{flex-direction:column;align-items:start;gap:10px}.tool-row button{padding:8px 5px}.palette{gap:8px}.color-swatch{width:30px;height:30px}}
@media(max-width:740px){.studio{padding:35px 5% 50px}.studio-top h1{font-size:3.1rem}.studio-top h1 em{display:block}.studio-top p{font-size:14px}.studio-layout{display:flex;flex-direction:column;gap:25px}.studio-workspace{order:-1}.studio-controls{padding:24px}.canvas-area{min-height:180px}.workspace-bar{padding:12px;font-size:11px}.work-badge{font-size:10px;bottom:10px;left:10px}.compare-bar{padding:10px;gap:12px;font-size:11px}.studio-status{font-size:13px;padding:15px}.studio-bottom{margin-top:15px}.studio-bottom p{font-size:12px}.palette{gap:15px}.color-swatch{height:37px;width:37px}.sample-choices{gap:25px}.sample{font-size:13px}.privacy-note{font-size:12px}.control-section h2{font-size:1.7rem}}
.range-label,.color-line,.tool-row button,.export-button,.ai-button{font-size:14px}.tool-row{flex-wrap:wrap}.tool-row button{min-width:72px}.workspace-bar,.compare-bar,.work-badge{font-size:12px}.studio-top p{font-size:16px}