:root{--studio-navy:#0b2748;--studio-blue:#0f5f9a;--studio-gold:#f6b21a;--studio-sky:#eaf7ff;--studio-ink:#18324a}
.studio-main{max-width:1500px;margin:0 auto;padding:32px 18px 60px}.studio-intro{text-align:center;max-width:880px;margin:0 auto 28px}.studio-intro h1{color:var(--studio-navy);font-size:clamp(2rem,5vw,3.5rem);margin:.2em 0}.studio{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:24px;align-items:start}.studio-tools,.canvas-panel,.studio-help{background:#fff;border:1px solid #cfe1ee;border-radius:22px;box-shadow:0 14px 34px rgba(11,39,72,.12)}.studio-tools{padding:22px;position:sticky;top:16px}.tool-label,fieldset legend{font-weight:900;color:var(--studio-navy)}#picture-select{width:100%;margin:8px 0 18px;padding:12px;border:2px solid #a9c7da;border-radius:10px;font:inherit;background:#fff}fieldset{border:0;padding:0;margin:0 0 18px}.palette{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.swatch{width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #8ba5b6;cursor:pointer}.swatch.selected{box-shadow:0 0 0 4px var(--studio-navy);transform:scale(.92)}.custom-color{display:flex;align-items:center;gap:6px;font-weight:800}.custom-color input{width:44px;height:40px;padding:0;border:0;background:none}.brush-row,.tool-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.brush-size,.tool-button{border:2px solid #b6ccda;border-radius:10px;background:#f7fbfd;color:var(--studio-navy);padding:10px 12px;font:inherit;font-weight:800;cursor:pointer}.brush-size.selected,.tool-button.active{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff}.tool-buttons{display:grid;grid-template-columns:1fr 1fr}.studio-status{min-height:2.8em;margin:16px 0 0;padding:10px;border-radius:10px;background:var(--studio-sky);font-weight:700}.canvas-panel{padding:18px;min-width:0}.canvas-wrap{position:relative;width:100%;aspect-ratio:1500/844;background:#fff;border:3px solid var(--studio-navy);border-radius:14px;overflow:hidden;touch-action:none}.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%}#drawing-canvas{cursor:crosshair}.finish-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:18px}.finish-actions button,.finish-actions a{font-size:1rem}.studio-help{margin-top:28px;padding:24px}.studio-help h2{color:var(--studio-navy)}.studio-help li{margin:.45em 0}
@media(max-width:900px){.studio{grid-template-columns:1fr}.studio-tools{position:static}.canvas-panel{padding:8px}.studio-main{padding-left:10px;padding-right:10px}}
@media print{body>*{display:none!important}.studio-main,.studio,.canvas-panel,.canvas-wrap{display:block!important}.studio-main{padding:0}.canvas-panel{box-shadow:none;border:0;padding:0}.canvas-wrap{border:0;border-radius:0;page-break-inside:avoid}.finish-actions,.studio-tools,.studio-intro,.studio-help{display:none!important}}