.studio-main{padding-top:24px;padding-bottom:32px}.studio-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.studio-back{display:inline-flex;min-height:44px;align-items:center;color:#604086;font-weight:650}.studio-heading h1{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.035em}.studio-heading p{font-size:1rem;color:#655d70;margin-top:8px;max-width:580px}.studio-export{display:flex;gap:10px;flex-shrink:0}.studio-shell{display:grid;grid-template-columns:288px minmax(0,1fr);border:1px solid #ded7e7;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 8px 32px #36234308}.studio-controls{padding:20px;background:#fffdf9;border-right:1px solid #e6dfed}.studio-label{font-weight:750;font-size:1rem;margin-bottom:12px}.studio-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.studio-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;border-radius:12px;border:1px solid #ded5e8;background:white;color:#40364d;font-size:1rem;line-height:1.25;padding:8px 4px}.studio-tools button:last-child{grid-column:1/-1;min-height:44px;flex-direction:row;gap:12px}.studio-tools button[aria-pressed=true]{background:#eee6fa;border:2px solid #7951ab;color:#4c2b76;padding:7px 3px}.studio-tools button svg{width:24px;height:24px}.studio-tools button:hover{background:#f5f0fb}.studio-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.studio-swatch{position:relative;width:44px;height:44px;min-width:44px;border-radius:50%;border:2px solid #00000020;background:var(--swatch);padding:0}.studio-swatch[aria-pressed=true]{outline:3px solid #604086;outline-offset:2px;box-shadow:inset 0 0 0 3px white}.custom-color{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:1rem;flex-wrap:wrap;cursor:pointer}.custom-color input{width:48px;height:44px;min-height:44px;border:1px solid #d6cde0;border-radius:8px;background:white;padding:4px;cursor:pointer}.custom-color output{font-size:1rem;color:#655d70;flex-basis:100%;margin-left:58px;line-height:1.2}.studio-recent{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.studio-recent:empty{display:none}.studio-recent .studio-swatch{width:44px;height:44px;min-width:44px;border-radius:9px}.studio-slider{display:flex;justify-content:space-between;gap:4px;flex-wrap:wrap;margin-top:18px;font-size:1rem;font-weight:600}.studio-slider output{color:#655d70;font-variant-numeric:tabular-nums}.studio-slider input{width:100%;height:36px;accent-color:#7951ab;cursor:pointer}.studio-options{margin-top:14px;font-size:1rem}.studio-options summary{cursor:pointer;min-height:44px;padding-top:8px}.studio-options p{font-size:1rem;color:#655d70;line-height:1.4;margin-block:8px}.studio-reset{background:none;border:1px solid #ddd3df;border-radius:10px;padding:10px 18px;min-height:44px;font-size:1rem;color:#804444;margin-top:20px;width:100%}.studio-art{display:flex;flex-direction:column;min-width:0;min-height:640px;background:#f0edf5}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;background:white;border-bottom:1px solid #e3dce9;flex-wrap:wrap}.studio-toolbar button{min-width:44px;min-height:44px;border:1px solid #ded7e7;background:white;color:#44344f;border-radius:10px;padding:8px 12px;font-size:1rem;line-height:1.2}.studio-toolbar button:disabled{color:#9a929f;background:#f8f6fa;cursor:default}.studio-history,.studio-zoom{display:flex;gap:6px;align-items:center}.studio-zoom output{font-size:1rem;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.studio-viewport{position:relative;overflow:auto;min-height:420px;height:620px;display:flex;align-items:safe center;justify-content:safe center;padding:24px;overscroll-behavior:contain;background-image:radial-gradient(#c9c0d8 1px,transparent 1px);background-size:16px 16px}.studio-paper{position:relative;flex-shrink:0;background:#fff;box-shadow:0 3px 18px #31243c20;border-radius:3px;line-height:0;max-width:none}.studio-paper canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;max-width:none}.studio-paper canvas[data-tool=pan]{cursor:grab}.studio-paper canvas[data-tool=picker]{cursor:crosshair}.studio-paper canvas:focus-visible{outline:3px solid #7951ab;outline-offset:5px}.studio-cursor{position:absolute;width:16px;height:16px;border:2px solid #60378e;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px white}.studio-loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:#f2eef7;z-index:2;font-size:1.125rem}.studio-loading[hidden]{display:none}.studio-statusbar{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;background:white;border-top:1px solid #e3dce9;font-size:1rem;line-height:1.45;flex-wrap:wrap}.studio-statusbar>span{color:#66616d}.studio-help{font-size:1rem;color:#655d70;line-height:1.7;margin-top:18px}.studio-print-image{display:none}.studio-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}.studio-controls:has([data-tool=fill][aria-pressed=true])>label.studio-slider,.studio-controls:has([data-tool=picker][aria-pressed=true])>label.studio-slider,.studio-controls:has([data-tool=pan][aria-pressed=true])>label.studio-slider{display:none}
@media(max-width:950px){.studio-main{width:calc(100% - 36px)}.studio-heading{align-items:flex-start}.studio-export{flex-direction:column}.studio-shell{grid-template-columns:260px minmax(0,1fr)}.studio-controls{padding:14px}.studio-palette{gap:6px;grid-template-columns:repeat(4,1fr)}.studio-swatch{width:44px;min-width:44px;height:44px;border-radius:12px}.studio-history button span{display:none}.studio-viewport{height:570px;padding:16px}}
@media(max-width:700px){.studio-main{padding-top:12px}.studio-heading{display:block;margin-bottom:16px}.studio-heading h1{font-size:1.9rem}.studio-heading p{line-height:1.45}.studio-export{flex-direction:row;margin-top:16px}.studio-export .button{flex:1;padding:12px}.studio-shell{display:flex;flex-direction:column;border-radius:18px}.studio-art{order:0;min-height:0}.studio-controls{order:1;border-right:0;border-top:1px solid #e3dce9;padding:16px}.studio-viewport{height:48svh;min-height:280px;max-height:500px;padding:16px}.studio-toolbar{padding:9px;gap:6px}.studio-toolbar button{padding:8px 10px}.studio-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}.studio-tools button,.studio-tools button:last-child{grid-column:auto;min-height:64px;flex-direction:column;font-size:1rem;gap:6px;overflow-wrap:anywhere}.studio-tools button[aria-pressed=true]{padding:7px 3px}.studio-palette{display:flex;overflow-x:auto;padding:5px 4px 9px;gap:9px;scrollbar-width:thin}.studio-swatch{width:44px;min-width:44px;height:44px;border-radius:50%}.custom-color{margin-top:8px;flex-wrap:nowrap}.custom-color output{flex-basis:auto;margin:0 0 0 auto}.studio-slider{margin-top:12px}.studio-reset{margin-top:12px}.studio-options{margin-top:8px}.studio-statusbar{padding:12px;font-size:1rem;gap:6px}.studio-statusbar>span{width:100%}.studio-label{margin-bottom:6px}.studio-help{font-size:1rem}.studio-confirm-actions{flex-direction:column}.studio-confirm-actions .button{width:100%}}
@media print{body *{visibility:hidden!important}.studio-print-image{display:block!important;visibility:visible!important;position:absolute;inset:0;width:100%!important;height:265mm!important;object-fit:contain;max-width:none}.studio-main{width:100%!important;padding:0!important}.studio-shell,.studio-heading,.studio-help,.studio-confirm,.download-dialog{display:none!important}}