.studio-section{padding-top:84px;padding-bottom:88px;border-top:1px solid var(--line);background:#e9ecdf}
.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px}
.studio-heading h2{margin:16px 0 0}.studio-heading>p{max-width:440px;color:#53664f;font-size:1rem;line-height:1.7}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:40px;align-items:start}
.studio-preview-column{min-width:0}.studio-preview-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px;font-size:.875rem}
#studio-image-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.studio-view-switch{display:flex;gap:3px;flex-shrink:0}
.studio-view-switch button,.studio-brush-tools button{border:1px solid #b4bdaa;background:transparent;padding:7px 12px;font-size:.875rem;line-height:1.4;border-radius:2px}
.studio-view-switch button[aria-pressed=true],.studio-brush-tools button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--paper)}
.studio-view-switch button:disabled{cursor:default;opacity:.45}.studio-dropzone{position:relative;background:repeating-conic-gradient(#e3e6da 0% 25%,#f0f1e9 0% 50%) 0 0/20px 20px;min-height:440px;border:1px solid #aab69f;display:flex;align-items:center;justify-content:center;padding:18px}
.studio-dropzone.drag-over{outline:3px solid #668454;outline-offset:-3px}.studio-dropzone.has-image{min-height:0}
.studio-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;padding:42px 25px;max-width:430px}
.studio-upload-symbol{font-family:var(--serif);font-size:3.5rem;color:#80916d;line-height:1}.studio-empty h3{font:400 2.15rem/1.1 var(--serif);letter-spacing:-.035em;margin:4px 0}
.studio-empty p{font-size:1rem;color:#68785d;margin:0 0 7px}.studio-empty .small{font-size:.8125rem;margin-top:4px}
#studio-canvas{max-width:100%;max-height:660px;width:auto;height:auto;object-fit:contain;touch-action:pan-y;background:transparent}
#studio-canvas.is-painting{cursor:crosshair;touch-action:none;outline:2px solid #64854c;outline-offset:5px}
.studio-drop-hint{position:absolute;inset:0;display:grid;place-items:center;background:#183329ed;color:var(--paper);font:400 2rem var(--serif);pointer-events:none}
.studio-preview-caption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;font-size:.8125rem;color:#64725a;min-height:26px;align-items:center}.studio-preview-caption .text-button{font-size:.8125rem;white-space:nowrap}
.studio-controls{background:#f8f7f0;border:1px solid #b8c2ad;padding:26px;min-width:0}.studio-controls form>label{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;margin-bottom:9px}.studio-controls form>label span{color:var(--muted)}
.studio-number-row{display:flex;gap:8px}.studio-number-row input{width:100%;min-width:60px;background:white;border:1px solid #aebba4;color:var(--ink);border-radius:2px;padding:9px 12px;font-size:1.125rem}.studio-number-row button{white-space:nowrap;padding-left:14px;padding-right:14px}
.studio-selected{margin-top:14px;font-size:.875rem}.studio-control-title{font-size:.875rem;color:var(--ink);font-weight:500;padding-top:25px;margin:0 0 16px}
.studio-field{display:block;font-size:.875rem;margin:0}.studio-field select{display:block;width:100%;font:inherit;font-size:.9375rem;padding:11px 9px;color:var(--ink);background:#fffef9;border:1px solid #b6c0b2;border-radius:2px;margin-top:7px}
.studio-help{font-size:.8125rem;line-height:1.65;color:#68775f;margin:10px 0 18px}.studio-range-label{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.875rem;margin-top:17px}.studio-range-label output{color:#627357;font-variant-numeric:tabular-nums;font-size:.8125rem}
.studio-controls input[type=range]{display:block;width:100%;margin:10px 0 7px;accent-color:var(--forest);min-height:20px}.studio-controls input[type=checkbox]{accent-color:var(--forest);width:17px;height:17px;flex:none}.studio-check{display:flex;align-items:center;gap:9px;font-size:.875rem;margin:19px 0}
.studio-controls fieldset:disabled{opacity:.5}.studio-refine{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.studio-refine summary{cursor:pointer;font-size:.875rem}.studio-refine .studio-help{margin-bottom:12px}.studio-brush-tools{display:flex;gap:5px;flex-wrap:wrap}.studio-brush-tools button{padding:7px 9px;font-size:.8125rem}.studio-mask-actions{display:flex;gap:20px;margin:14px 0 4px}.studio-mask-actions button{font-size:.8125rem}.studio-mask-actions button:disabled{cursor:default}
.studio-download>p{font-size:.8125rem;line-height:1.6;color:#68765f;margin:19px 0 12px}.studio-download>.button{width:100%}.studio-download>.button:disabled{cursor:default}
.studio-privacy{font-size:.75rem;line-height:1.6;color:#738269;margin:15px 0 0}.studio-status{font-size:.875rem;color:#586c4e;line-height:1.6;min-height:28px;margin-top:18px}
.studio-appearances{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.studio-appearance{padding:5px;background:#f8f8f0;border:1px solid #b0bda4;color:var(--ink);min-width:0;text-align:left;position:relative;border-radius:2px}.studio-appearance[aria-pressed=true]{outline:2px solid var(--forest);outline-offset:2px}.studio-appearance canvas{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#dce2d1}.studio-appearance span{display:block;font-size:.75rem;padding:5px 1px 0;line-height:1.5}.studio-appearance[aria-pressed=true] span{font-weight:600}.studio-appearance:disabled{cursor:default;opacity:.55}
@media(hover:hover) and (pointer:fine){.studio-refine summary,.studio-controls input[type=range]{cursor:url('/assets/leaf-cursor.svg') 3 3,pointer}}
@media(max-width:1100px){.studio-workspace{gap:25px;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.studio-controls{padding:21px}.studio-dropzone{padding:12px}}
@media(max-width:900px){.studio-heading{align-items:flex-start;gap:22px}.studio-heading>p{max-width:340px}.studio-workspace{grid-template-columns:1fr}.studio-preview-column{width:100%;max-width:650px;margin:auto}.studio-controls{width:100%;max-width:650px;margin:auto}.studio-dropzone{min-height:370px}.studio-controls fieldset{display:block}.studio-appearances{gap:13px}#studio-canvas{max-height:560px}}
@media(max-width:600px){.studio-section{padding-top:59px;padding-bottom:60px}.studio-heading{display:block;margin-bottom:23px}.studio-heading h2{font-size:3.25rem}.studio-heading>p{max-width:none;margin-top:21px}.studio-preview-toolbar{align-items:center;flex-wrap:wrap;gap:10px}.studio-dropzone{min-height:320px;padding:8px}.studio-empty{padding:25px 14px}.studio-empty h3{font-size:2rem}.studio-controls{padding:22px 18px}.studio-appearances{gap:10px}.studio-appearance span{font-size:.75rem}.studio-preview-caption{font-size:.75rem}.studio-preview-caption .text-button{font-size:.8125rem}.studio-number-row .button{font-size:.875rem}.studio-empty p{font-size:.9375rem}}