.app-shell[data-v-ae96a49a]{background:#1a1a2e;color:#e0e0e0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:600px;overflow:hidden}.viewer-panel[data-v-ae96a49a]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px 0 0 12px;display:flex;flex:1;flex-direction:column;position:relative;width:calc(100% - 360px)}.stage[data-v-ae96a49a]{cursor:grab;flex:1;min-height:0;overflow:hidden;position:relative}.stage[data-v-ae96a49a]:active{cursor:grabbing}.loading-layer[data-v-ae96a49a]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;display:flex;flex-direction:column;gap:1.5rem;top:0;right:0;bottom:0;left:0;justify-content:center;padding:2rem;position:absolute;z-index:10}.spinner[data-v-ae96a49a]{animation:spin-ae96a49a .8s linear infinite;border:3px solid rgba(99,102,241,.2);border-radius:50%;border-top:3px solid var(--ys-primary);height:48px;width:48px}@keyframes spin-ae96a49a{to{transform:rotate(1turn)}}.progress-track[data-v-ae96a49a]{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:280px}.progress-fill[data-v-ae96a49a]{background:linear-gradient(90deg,var(--ys-primary),var(--ys-primary-dark));border-radius:3px;height:100%;transition:width .3s ease}.loading-layer strong[data-v-ae96a49a]{color:var(--ys-primary);font-size:1.5rem;font-weight:600}.control-panel[data-v-ae96a49a]{background:#fff;border-left:1px solid rgba(0,0,0,.1);color:#1f2937;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.25rem;width:360px}.control-panel[data-v-ae96a49a]::-webkit-scrollbar{display:none;width:0}.brand-block[data-v-ae96a49a]{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.75rem}.brand-block h1[data-v-ae96a49a]{color:#111827;font-size:1.25rem;font-weight:700;margin:.25rem 0}.brand-block p[data-v-ae96a49a]{color:#6b7280;display:-webkit-box;font-size:.75rem;-webkit-line-clamp:2;line-clamp:2;line-height:1.3;margin:0;-webkit-box-orient:vertical;overflow:hidden}.model-meta[data-v-ae96a49a]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.model-meta>div[data-v-ae96a49a]{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.model-meta span[data-v-ae96a49a]{color:#6b7280;font-weight:500}.model-meta strong[data-v-ae96a49a]{color:#111827;font-weight:600;max-width:60%;text-align:right;word-break:break-all}.tool-group[data-v-ae96a49a]{display:flex;flex-direction:column;gap:.75rem}.group-label[data-v-ae96a49a]{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding-left:.25rem;text-transform:uppercase}.preset-grid[data-v-ae96a49a]{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.preset-grid button[data-v-ae96a49a]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.75rem .5rem;transition:all .2s ease}.preset-grid button[data-v-ae96a49a]:hover{transform:translateY(-1px)}.preset-grid button.active[data-v-ae96a49a],.preset-grid button[data-v-ae96a49a]:hover{background:var(--ys-primary-light);border-color:var(--ys-primary)}.preset-grid button.active[data-v-ae96a49a]{box-shadow:0 0 0 2px #6366f11a;color:var(--ys-primary)}.swatch[data-v-ae96a49a]{border:2px solid hsla(0,0%,100%,.2);border-radius:4px;flex-shrink:0;height:20px;width:20px}.view-grid[data-v-ae96a49a]{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.view-grid button[data-v-ae96a49a]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.8rem;font-weight:500;padding:.75rem .25rem;transition:all .2s ease}.view-grid button[data-v-ae96a49a]:hover{background:var(--ys-primary-light);border-color:var(--ys-primary);transform:translateY(-1px)}.view-grid button[data-v-ae96a49a]:active{transform:translateY(0)}.tool-row[data-v-ae96a49a]{display:flex;gap:.5rem}.tool-row button[data-v-ae96a49a]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;flex:1;font-size:.875rem;font-weight:500;padding:.875rem 1rem;transition:all .2s ease}.tool-row button[data-v-ae96a49a]:hover{background:var(--ys-primary-light);border-color:var(--ys-primary);color:var(--ys-primary);transform:translateY(-1px)}.control-panel[data-v-ae96a49a]::-webkit-scrollbar{width:6px}.control-panel[data-v-ae96a49a]::-webkit-scrollbar-track{background:#f3f4f6}.control-panel[data-v-ae96a49a]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.control-panel[data-v-ae96a49a]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1024px){.app-shell[data-v-ae96a49a]{flex-direction:column}.control-panel[data-v-ae96a49a]{border-left:none;border-top:1px solid hsla(0,0%,100%,.1);height:auto;max-height:40vh;width:100%}.preset-grid[data-v-ae96a49a]{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.brand-block h1[data-v-ae96a49a]{font-size:1.25rem}.preset-grid[data-v-ae96a49a]{grid-template-columns:1fr}.view-grid[data-v-ae96a49a]{grid-template-columns:repeat(2,1fr)}}.visually-hidden[data-v-ae96a49a]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}