.clouds-studio .button{min-height:44px;padding:10px 16px;border:1px solid var(--border);background:var(--card);font-family:var(--font-mono);font-size:11px;line-height:1.5;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.clouds-studio .button:hover:not(:disabled){background:var(--accent);border-color:var(--primary)}.clouds-studio .button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.clouds-studio .stage{padding:28px 52px;background:var(--art-background);position:relative;user-select:none}.clouds-studio .artwork-browser:focus-visible,.clouds-studio .button:focus-visible,.clouds-studio .palette:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.clouds-studio .artwork-browser:focus-visible{outline-offset:2px}.clouds-studio .art-viewport{position:absolute;inset:0;width:100%;height:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:auto;scrollbar-width:none}.clouds-studio .art-viewport::-webkit-scrollbar{display:none}.clouds-studio .art-viewport[data-prepared=false]{overflow-x:hidden}.clouds-studio .art-slide{flex:0 0 100%;width:100%;min-width:0;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.clouds-studio .art-tile{display:block;width:100%;min-width:0;height:100%}.clouds-studio .palette-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;padding:10px}.clouds-studio .palette-arrow.previous{left:4px}.clouds-studio .palette-arrow.next{right:4px}.clouds-studio .render-error{position:absolute;inset:12px;align-content:center;text-align:center;background:var(--card);padding:12px;font-family:var(--font-mono);font-size:11px}.clouds-studio .render-error:not([hidden]){display:grid;justify-items:center}.clouds-studio .render-error p{color:var(--destructive);margin:0 0 12px}.clouds-studio .thumbnail-error:not([hidden]){display:block;margin-bottom:16px}.clouds-studio .art-frame{width:100%;width:round(down,100%,1px);margin-inline:auto;aspect-ratio:16/9;position:relative}.clouds-studio .art-frame[data-pending=true]:before{content:"";position:absolute;top:-3px;left:0;right:0;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 20%,var(--primary) 45% 55%,transparent 80%);background-size:200% 100%;animation:clouds-frame-activity 1.4s linear infinite}.clouds-studio .genart-generate[aria-busy=true]{border-color:var(--primary)}.clouds-studio .genart-generate[aria-busy=true] svg{color:var(--primary);transform-origin:center;animation:clouds-generate-activity .9s linear infinite}@keyframes clouds-frame-activity{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes clouds-generate-activity{to{transform:rotate(1turn)}}.clouds-studio .art-frame.framed{outline:4px solid #64513b;box-shadow:0 0 0 5px #ab906b,1px 7px 16px #3e321647}.clouds-studio .art-frame.framed:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 1px 2px 5px #211a1455}.clouds-studio .art-caption{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 0 14px;color:var(--muted-foreground)}.clouds-studio .art-caption>output{grid-column:2;text-align:center}.clouds-studio .art-caption strong{display:block;font-size:20px;line-height:1.2;font-weight:500;color:var(--foreground)}.clouds-studio .palette-details{display:block;margin-top:3px;font-family:var(--font-mono);font-size:10px;line-height:1.6}.clouds-studio .caption-dot{margin:0 9px;color:var(--border-strong)}.clouds-studio .frame-control{display:inline-flex;align-items:center;gap:7px;min-height:44px;justify-self:end;grid-column:3;font-family:var(--font-mono);font-size:10px;white-space:nowrap}.clouds-studio .switch-track{width:34px;height:20px;border:1px solid var(--border-strong);border-radius:20px;background:var(--muted);position:relative;transition:background .15s}.clouds-studio .switch-track:after{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;background:var(--muted-foreground);transition:transform .15s}.clouds-studio #frame-toggle:checked+.switch-track{background:var(--primary);border-color:var(--primary)}.clouds-studio #frame-toggle:checked+.switch-track:after{background:var(--primary-foreground);transform:translateX(14px)}.clouds-studio #frame-toggle:focus-visible+.switch-track{outline:2px solid var(--primary);outline-offset:4px}.clouds-studio .section-heading{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;font-weight:400;text-transform:uppercase}.clouds-studio .section-heading .number{color:var(--muted-foreground)}.clouds-studio .palettes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 14px}.clouds-studio .palette{padding:0;border:0;background:none;text-align:left;min-width:0;border-radius:2px}.clouds-studio .palette-image{aspect-ratio:16/9;background:var(--muted);overflow:hidden;border:3px solid transparent;outline:1px solid transparent;transition:outline-color .15s}.clouds-studio .palette[aria-pressed=true] .palette-image{outline-color:var(--primary)}.clouds-studio .palette[aria-busy=true] .palette-image{border-bottom-color:var(--primary)}.clouds-studio .palette:hover .palette-image{outline-color:var(--border-strong)}.clouds-studio .palette canvas{display:block;width:100%;height:100%}.clouds-studio .palette-label{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:8px 0 5px;font-size:18px;line-height:1.25}.clouds-studio .palette-check{visibility:hidden;color:var(--primary);font-size:12px}.clouds-studio .palette[aria-pressed=true] .palette-check{visibility:visible}.clouds-studio .swatches{display:flex;gap:4px;padding-top:11px}.clouds-studio .swatch{display:block;position:relative;height:12px;flex:1;min-width:0;border-radius:1px;box-shadow:inset 0 0 0 1px #292c2522}.clouds-studio .swatch:before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--foreground);opacity:0}.clouds-studio .swatch.used:before{opacity:1}.clouds-studio .palette-legend{display:flex;align-items:center;gap:7px;margin:-5px 0 16px;font-family:var(--font-mono);font-size:10px;color:var(--muted-foreground)}.clouds-studio .palette-legend:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--foreground);flex:none}.clouds-studio .footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border);margin:36px 0 0;padding:22px 0 28px;color:var(--muted-foreground);font-family:var(--font-mono);font-size:10px;line-height:1.7}.clouds-controls fieldset{min-width:0;padding:0;margin:0;border:0}.clouds-controls legend:not(.sr-only),.clouds-surface h2{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px;font-family:var(--font-mono);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.clouds-controls legend>span,.clouds-controls output,.clouds-surface h2>span{color:var(--muted-foreground)}.clouds-controls output{margin-left:auto}.clouds-control-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 0 24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.clouds-segmented{display:flex;gap:6px}.clouds-segmented label{flex:1;min-width:0}.clouds-segmented input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.clouds-segmented label>span{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:2px;padding:8px 4px;border:1px solid var(--border);background:var(--card);font-family:var(--font-mono);font-size:11px;cursor:pointer}.clouds-segmented input:checked+span{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.clouds-controls input[type=text]{min-width:0;width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--border);color:var(--foreground);background:var(--card);font-family:var(--font-mono);font-size:11px}.clouds-seed{display:flex;gap:8px}.clouds-controls input[type=range]{display:block;width:100%;min-height:32px;accent-color:var(--primary)}.clouds-range-labels{display:flex;justify-content:space-between;color:var(--muted-foreground);font-family:var(--font-mono);font-size:10px}.clouds-surface>p{margin:-4px 0 20px;font-size:18px;color:var(--muted-foreground)}.clouds-textures{display:grid;grid-template-columns:1fr 1fr;gap:24px}.clouds-toggle{display:flex;align-items:center;min-height:44px;gap:10px;font-size:20px}.clouds-toggle input{width:18px;height:18px;accent-color:var(--primary)}.clouds-texture-ranges{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}.clouds-texture-ranges label{display:flex;font-family:var(--font-mono);font-size:11px;margin-bottom:8px}.clouds-studio .clouds-texture-ranges input[type=range]{min-height:44px}.clouds-texture-ranges input:disabled{opacity:.45;cursor:not-allowed}.clouds-segmented input:focus-visible+span,.clouds-studio :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.clouds-studio{font-family:var(--font-sans);font-size:20px}.clouds-studio .art-slide{position:relative}.clouds-artwork{position:absolute;inset:0;pointer-events:none}.clouds-artwork svg{display:block;width:100%;height:100%}.clouds-studio .palettes{border:0;padding:0;margin:0;min-width:0}.clouds-studio .clouds-controls{margin-bottom:28px}.clouds-studio .clouds-surface{border-bottom:1px solid var(--border);padding-bottom:24px}.clouds-studio .clouds-secondary{grid-template-columns:1fr 1fr}.clouds-studio .clouds-button{min-height:44px;padding:10px 14px;border:1px solid var(--border);background:var(--card);font-family:var(--font-mono);font-size:11px}.clouds-studio .button:disabled{opacity:.5;cursor:wait}.clouds-studio .clouds-export{display:flex;align-items:center;gap:16px}.clouds-studio .clouds-button:focus-visible,.clouds-studio .clouds-controls input:focus-visible,.clouds-studio .clouds-segmented input:focus-visible+span{outline:2px solid var(--primary);outline-offset:3px}@media (min-width:1500px){.clouds-studio .stage{padding:32px 52px}}@media (max-width:1000px){.clouds-studio .stage{padding:20px 52px}.clouds-studio .palettes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.clouds-studio .stage{padding:16px}.clouds-studio .frame-preview,.clouds-studio .palette-navigation{display:none}.clouds-studio .frame-text{text-transform:capitalize}.clouds-studio .palettes{gap:20px 12px}.clouds-studio .palette-check{display:none}.clouds-studio .clouds-control-row,.clouds-studio .clouds-textures{grid-template-columns:1fr;gap:18px}}@media (max-width:420px){.clouds-studio .stage{padding:12px}.clouds-studio .palettes{gap:18px 10px}.clouds-studio .palette-label{font-size:16px}.clouds-studio .swatches{gap:3px}}@media (prefers-reduced-motion:reduce){.clouds-studio *{transition:none!important;animation:none!important}.clouds-studio .art-frame[data-pending=true]:before{background:var(--primary);animation:none}}