body:has(.design-app-root){background:var(--gtd-bg)!important;color:var(--gtd-text)!important}.design-icon-preview{justify-content:center;align-items:center;width:100%;min-height:120px;display:flex}.design-icon-preview--3d{background:radial-gradient(circle at 50% 70%, var(--gtd-primary-soft) 0%, transparent 55%), radial-gradient(circle at 50% 30%, #ffffff0f 0%, transparent 50%);border-radius:16px}[data-theme=light] .design-icon-preview--3d{background:radial-gradient(circle at 50% 70%, var(--gtd-primary-soft) 0%, transparent 55%), radial-gradient(circle at 50% 30%, #ffffffd9 0%, transparent 50%)}.design-icon-preview--3d img{filter:drop-shadow(0 12px 20px #00000059)}.design-app-footer{margin-top:auto}.design-icon-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.design-icon-card{border:1px solid var(--gtd-border);background:var(--gtd-surface);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.design-icon-card img{width:48px;height:48px}.design-icon-category-filter{flex-wrap:wrap;gap:8px;display:flex}.design-icon-category-filter button{border:1px solid var(--gtd-border);color:var(--gtd-text-sub);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:13px;transition:background .2s,color .2s,border-color .2s}.design-icon-category-filter button.is-active{border-color:var(--gtd-border-strong);background:var(--gtd-primary-soft);color:var(--gtd-text)}.design-icon-category-filter button:focus-visible{outline:2px solid var(--gtd-highlight);outline-offset:2px}.design-sheet-preview img{image-rendering:auto}.design-studio-tabs{gap:8px;display:flex}.design-studio-tabs button{border:1px solid var(--gtd-border);color:var(--gtd-text-sub);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:14px;transition:background .2s,color .2s,border-color .2s}.design-studio-tabs button.is-active{border-color:var(--gtd-border-strong);background:var(--gtd-primary-soft);color:var(--gtd-text)}.design-animation-player{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.design-animation-player__stage{width:100%;min-height:160px}.design-animation-player__controls{align-items:center;gap:8px;display:flex}.design-animation-player__controls button{border:1px solid var(--gtd-border);background:var(--gtd-surface);width:32px;height:32px;color:var(--gtd-text-sub);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.design-animation-player__controls button:focus-visible{outline:2px solid var(--gtd-highlight);outline-offset:2px}.design-animation-player__progress{font-family:var(--font-mono,monospace);color:var(--gtd-text-mute);font-size:11px}.design-animation-player--empty{border:1px dashed var(--gtd-border);border-radius:16px;justify-content:center;align-items:center;min-height:160px}