.a-sun-studio .astudio-diagram{direction:ltr;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:80px;padding:14px;margin-bottom:10px;background:var(--astudio-inset);border:1px solid var(--astudio-border);overflow-x:auto}.a-sun-studio .astudio-diagram svg{max-width:100%;height:auto;margin-inline:auto}.a-sun-studio .astudio-diagram.is-loading{background-image:radial-gradient(color-mix(in srgb,var(--astudio-text) 9%,transparent) 1px,transparent 1px);background-size:18px 18px}.a-sun-studio .astudio-diagram-error-note{direction:rtl;font-size:.8rem;color:var(--astudio-error)}.a-sun-studio .astudio-palette,.a-sun-studio .astudio-material{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.a-sun-studio .astudio-palette-title{font-size:.9rem;font-weight:600;color:var(--astudio-text)}.a-sun-studio .astudio-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:72px;grid-auto-flow:dense;gap:6px}.a-sun-studio .astudio-bento-cell{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding:10px;border:1px solid var(--astudio-border);border-radius:0 7px 0 7px;cursor:pointer;font-family:inherit;text-align:center;transition:transform 0.15s ease,box-shadow 0.15s ease;user-select:text;-webkit-user-select:text}.a-sun-studio .astudio-bento-cell:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgb(0 0 0 / .18);z-index:1}.a-sun-studio .astudio-bento-cell:active{transform:translateY(0)}.a-sun-studio .astudio-bento-cell:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.a-sun-studio .astudio-bento-name{font-size:.8rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.a-sun-studio .astudio-bento-code{font-size:.7rem;font-family:ui-monospace,monospace;opacity:.85}.a-sun-studio .astudio-bento-tag{font-size:.65rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-sun-studio .astudio-bento-desc{font-size:.65rem;opacity:.6;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.a-sun-studio .astudio-bento-cell.is-compact .astudio-bento-tag,.a-sun-studio .astudio-bento-cell.is-compact .astudio-bento-desc{display:none}.a-sun-studio .astudio-insight{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin-top:4px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:0 7px 0 7px}.a-sun-studio .astudio-insight-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--color-primary)}.a-sun-studio .astudio-insight-icon{font-size:.85rem}.a-sun-studio .astudio-insight-text{font-size:.85rem;line-height:1.7;color:var(--astudio-text);margin:0}.a-sun-studio .astudio-svg-output{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.a-sun-studio .astudio-svg-title{font-size:.9rem;font-weight:600;color:var(--astudio-text)}.a-sun-studio .astudio-svg-canvas{direction:ltr;display:flex;align-items:center;justify-content:center;min-height:120px;max-height:400px;padding:16px;background:var(--astudio-inset);border:1px solid var(--astudio-border);border-radius:0 7px 0 7px;overflow:auto}.a-sun-studio .astudio-svg-canvas svg{max-width:100%;max-height:360px;height:auto}.a-sun-studio .astudio-svg-output.is-blueprint .astudio-svg-canvas{background:linear-gradient(color-mix(in srgb,#4a9eff 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#4a9eff 8%,transparent) 1px,transparent 1px),var(--astudio-inset);background-size:20px 20px,20px 20px,auto;border-color:color-mix(in srgb,#4a9eff 30%,var(--astudio-border))}.a-sun-studio .astudio-iconset{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.a-sun-studio .astudio-iconset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.a-sun-studio .astudio-iconset-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--astudio-surface);border:1px solid var(--astudio-border);border-radius:0 7px 0 7px;transition:transform 0.15s ease,border-color 0.15s ease;cursor:default}.a-sun-studio .astudio-iconset-cell:hover{transform:translateY(-2px);border-color:var(--color-primary)}.a-sun-studio .astudio-iconset-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--astudio-text)}.a-sun-studio .astudio-iconset-icon svg{width:32px;height:32px;stroke:currentColor;fill:none}.a-sun-studio .astudio-iconset-label{font-size:.65rem;color:var(--astudio-muted);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}.a-sun-studio .astudio-motion{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.a-sun-studio .astudio-motion-preview{display:flex;align-items:center;justify-content:center;min-height:120px;padding:20px;background:var(--astudio-inset);border:1px solid var(--astudio-border);border-radius:0 7px 0 7px;overflow:hidden}.a-sun-studio .astudio-motion-stage{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.a-sun-studio .astudio-motion-el{transition:all 0.3s ease}.a-sun-studio .astudio-motion-spec{margin-top:4px}.a-sun-studio .astudio-motion-spec .astudio-visual{font-size:.75rem;padding:10px 12px;margin:0}.a-sun-studio .astudio-gif{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.a-sun-studio .astudio-gif-canvas{display:block;margin-inline:auto;border:1px solid var(--astudio-border);border-radius:0 7px 0 7px;background:var(--astudio-inset);image-rendering:pixelated}.a-sun-studio .astudio-tokens{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.a-sun-studio .astudio-tokens-css{margin-top:6px}.a-sun-studio .astudio-tokens-css .astudio-visual{font-size:.72rem;line-height:1.6;padding:12px 14px;margin:0;max-height:240px;overflow-y:auto}.a-sun-studio .astudio-cutlist{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.a-sun-studio .astudio-cutlist-summary{font-size:.8rem;color:var(--astudio-muted);padding:8px 12px;background:var(--astudio-surface);border:1px dashed var(--astudio-border);border-radius:0 7px 0 7px}.a-sun-studio .astudio-cutlist-hw-title{font-size:.8rem;font-weight:600;color:var(--astudio-text);margin-top:6px}.a-sun-studio .astudio-cutlist-hw{display:flex;flex-wrap:wrap;gap:6px}.a-sun-studio .astudio-cutlist-hw-item{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;background:var(--astudio-surface);border:1px solid var(--astudio-border);border-radius:0 5px 0 5px;color:var(--astudio-text)}.a-sun-studio .astudio-texture{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.a-sun-studio .astudio-texture-tiled{direction:ltr;min-height:160px;max-height:280px;border:1px solid var(--astudio-border);border-radius:0 7px 0 7px;overflow:hidden;background:var(--astudio-inset)}.a-sun-studio .astudio-texture-tiled svg{width:100%;height:100%;min-height:160px}.a-sun-studio .astudio-texture-single{display:flex;flex-direction:column;gap:6px}.a-sun-studio .astudio-texture-single-label{font-size:.72rem;color:var(--astudio-muted)}.a-sun-studio .astudio-texture-single .astudio-svg-canvas{min-height:80px;max-height:160px}.a-sun-studio .astudio-tool-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);align-items:start;gap:10px}.a-sun-studio .astudio-tool-split-pane{min-inline-size:0}.a-sun-studio .astudio-tool-split-code .astudio-visual{max-block-size:280px;overflow:auto;font-size:.72rem;line-height:1.6;margin:0}.a-sun-studio .astudio-tool-copytext{user-select:text;-webkit-user-select:text}.a-sun-studio .astudio-artifact-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:110px;padding:22px 16px;margin-bottom:10px;background:var(--astudio-inset);border:1px dashed var(--astudio-border);border-radius:0 7px 0 7px;text-align:center}.a-sun-studio .astudio-artifact-placeholder-note{font-size:.8rem;line-height:1.8;color:var(--astudio-muted);max-width:420px}.a-sun-studio .astudio-artifact-reload{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--astudio-text);background:color-mix(in srgb,var(--color-primary) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 45%,transparent);border-radius:0 7px 0 7px;cursor:pointer;transition:background 0.15s ease,transform 0.15s ease,opacity 0.15s ease}.a-sun-studio .astudio-artifact-reload:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 30%,transparent);transform:translateY(-1px)}.a-sun-studio .astudio-artifact-reload:disabled{opacity:.6;cursor:wait}.a-sun-studio .astudio-artifact-reload:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.a-sun-studio .astudio-ephemeral-note{font-size:.78rem;line-height:1.8;padding:10px 12px;margin-top:8px;color:color-mix(in srgb,#e2b007 85%,var(--astudio-text));background:color-mix(in srgb,#e2b007 10%,transparent);border:1px solid color-mix(in srgb,#e2b007 30%,transparent);border-radius:0 7px 0 7px}@media (max-width:900px){.a-sun-studio .astudio-tool-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.a-sun-studio .astudio-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:64px}.a-sun-studio .astudio-iconset-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.a-sun-studio .astudio-iconset-cell{padding:8px 4px}.a-sun-studio .astudio-iconset-icon{width:32px;height:32px}.a-sun-studio .astudio-iconset-icon svg{width:24px;height:24px}.a-sun-studio .astudio-motion-preview{min-height:90px;padding:12px}}