.studio-shell{margin-top:32px}.studio-workspace{grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr)}.studio-stage{background-color:#e6e9dc;background-image:linear-gradient(#9aab8d20 1px,#0000 1px),linear-gradient(90deg,#9aab8d20 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-width:0;min-height:540px;padding:36px 26px;display:flex}.studio-stage.dragging{outline:4px solid var(--orange);outline-offset:-4px}.studio-file{opacity:0;width:1px;height:1px;position:absolute}.studio-empty{text-align:center;max-width:430px}.studio-empty h2{letter-spacing:-1.5px;font-size:38px;line-height:1.1}.studio-empty-grid{background:conic-gradient(#315a4c 25%,#c87852 0 50%,#f0ce7c 0 75%,#8db8be 0);background-size:36px 36px;width:72px;height:72px;margin:0 auto 26px;display:block;box-shadow:8px 8px #b6c6a6}.studio-empty p{color:var(--muted);font-size:13px;line-height:1.8}.studio-upload{background:var(--ink);color:var(--lime);border:1px solid var(--ink);margin:28px 0 6px;padding:15px 28px;font-weight:700}.studio-sample{color:#315a4c;background:0 0;border:0;padding:12px;text-decoration:underline}.studio-preview{background:repeating-conic-gradient(#c9d1c2 0 25%,#e6e9df 0 50%) 0/20px 20px;justify-content:center;align-items:center;width:100%;min-height:160px;display:flex;overflow:hidden}.studio-preview canvas{object-fit:contain;width:100%;height:auto;max-height:460px;image-rendering:pixelated;display:block}.studio-smooth canvas{image-rendering:auto}.studio-busy{opacity:.55}.studio-image-info{text-align:center;color:var(--ink);flex-direction:column;align-items:center;gap:7px;font:12px/1.5 DM Mono,monospace;display:flex}.studio-image-info strong{font-size:18px}.studio-image-info span{color:var(--muted)}.studio-stage-actions,.studio-extra-actions{flex-wrap:wrap;gap:10px;display:flex}.studio-stage-actions button{color:#315a4c;background:#f7f3e9;border:1px solid #a9b7a2;padding:9px 16px}.studio-size-note{color:#53694f;text-align:center;margin:0;font-size:11px;line-height:1.7}.studio-controls{min-width:0;padding:25px}.studio-controls .control-heading{margin-top:22px}.studio-controls>.control-heading:first-child{margin-top:0}.studio-controls textarea{resize:vertical;color:#eff7ee;background:#213c38;border:1px solid #587168;width:100%;min-height:100px;margin:12px 0 8px;padding:12px;font:14px/1.7 DM Mono,monospace}.studio-controls .control-help{margin-top:10px;line-height:1.7}.studio-range{margin-top:23px;display:block}.studio-range>span{justify-content:space-between;gap:10px;font-size:12px;display:flex}.studio-range output{color:var(--lime);font:11px DM Mono,monospace}.studio-color{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;font-size:12px;display:flex}.studio-color>span{flex:1;min-width:85px}.studio-color input{background:0 0;border:1px solid #789584;width:40px;height:30px;padding:2px}.studio-color code{color:#d9e8d0;font-size:11px}.studio-check{align-items:center;gap:9px;margin:18px 0;font-size:12px;line-height:1.5;display:flex}.studio-check input{width:16px;height:16px;accent-color:var(--lime)}.studio-download{margin-top:28px}.studio-download>div{grid-template-columns:1fr 1fr;margin-top:8px}.studio-download>div button:last-child{grid-column:1/-1}.studio-download .studio-primary,.studio-download .studio-secondary{width:100%;margin-top:8px;padding:13px 10px;font-size:12px;display:block}.studio-download .studio-secondary{color:#18362f;background:#c3d9ca}.studio-extra-actions{margin-top:20px}.studio-extra-actions button,.studio-custom>button,.studio-locks button{color:#e7efe2;background:#24413c;border:1px solid #587168;padding:9px 12px;font-size:11px}.studio-locks{font:11px/1.5 DM Mono,monospace}.studio-locks button{margin:0 4px 7px 0}.studio-locks i{width:10px;height:10px;margin-right:5px;display:inline-block}.studio-notice{color:#315a4c;padding:12px 0;font-size:13px}.studio-palette{margin-top:54px}.studio-palette h2{letter-spacing:-1px;font-size:32px;line-height:1.2}.studio-palette p{color:var(--muted);font-size:13px;line-height:1.7}.studio-swatches{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin-top:22px;display:grid}.studio-swatches button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fffdf6;flex-direction:column;align-items:stretch;min-width:0;padding:0;display:flex}.studio-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #315a4c}.studio-swatches button:disabled{cursor:default}.studio-swatches i{border-bottom:1px solid var(--line);height:62px}.studio-swatches strong{padding:10px 10px 5px;font:12px DM Mono,monospace}.studio-swatches small{color:var(--muted);padding:0 10px 12px;font-size:10px}.studio-related{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.studio-related a{border:1px solid var(--line);padding:10px 14px;font-size:13px;text-decoration:none}.studio-controls button:focus-visible,.studio-stage button:focus-visible,.studio-swatches button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.project-guide ol{color:var(--muted);padding-left:22px;line-height:1.8}.project-guide ol li{margin:14px 0}@media (max-width:800px){.studio-workspace{grid-template-columns:1fr}.studio-stage{min-height:380px;padding:28px 18px}.studio-preview canvas{max-height:340px}.studio-controls{padding:23px 20px}.studio-empty h2{font-size:32px}.studio-palette h2{font-size:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}