.studio-root{--studio-bg: #050505;--studio-panel: rgba(24, 24, 27, .6);--studio-panel-hover: rgba(39, 39, 42, .8);--studio-text: #f8fafc;--studio-text-muted: #94a3b8;--studio-accent: #6366f1;--studio-accent-hover: #4f46e5;--studio-accent-2: #a855f7;--studio-success: #10b981;--studio-warning: #f59e0b;--studio-danger: #ef4444;--studio-border: rgba(255, 255, 255, .08);--studio-border-focus: rgba(99, 102, 241, .5);--studio-shadow: 0 4px 20px rgba(0, 0, 0, .3);--studio-radius: 12px;--studio-transition: all .2s cubic-bezier(.4, 0, .2, 1);background:radial-gradient(circle at top right,rgba(99,102,241,.12),transparent 40%),radial-gradient(circle at bottom left,rgba(168,85,247,.12),transparent 40%),linear-gradient(180deg,#09090b,#050505);color:var(--studio-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Roboto,sans-serif;min-height:100vh;line-height:1.5;padding:24px;-webkit-font-smoothing:antialiased}.studio-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.studio-header{grid-column:1 / -1;margin-bottom:8px}.studio-title{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.studio-subtitle{color:var(--studio-text-muted);font-size:15px;max-width:600px}.studio-card{background:var(--studio-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--studio-border);border-radius:var(--studio-radius);padding:24px;box-shadow:var(--studio-shadow)}.studio-h2{font-size:18px;font-weight:600;margin-bottom:20px;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between}.studio-section{margin-bottom:20px}.studio-section:last-child{margin-bottom:0}.studio-label{display:block;font-size:12px;font-weight:600;color:var(--studio-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.studio-input{width:100%;background:#0006;border:1px solid var(--studio-border);color:var(--studio-text);border-radius:8px;padding:12px 14px;font-size:14px;transition:var(--studio-transition);font-family:inherit}.studio-input:focus{outline:none;border-color:var(--studio-border-focus);box-shadow:0 0 0 2px #6366f126;background:#0009}.studio-textarea{min-height:80px;resize:vertical}.studio-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.studio-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.studio-ar-selector{display:flex;gap:8px;flex-wrap:wrap}.studio-ar-option{flex:1;min-width:60px}.studio-ar-option input{display:none}.studio-ar-option label{display:block;text-align:center;padding:8px;background:#0000004d;border:1px solid var(--studio-border);border-radius:8px;cursor:pointer;transition:var(--studio-transition);margin:0;color:var(--studio-text);font-size:13px}.studio-ar-option input:checked+label{background:#6366f133;border-color:var(--studio-accent);color:#fff;font-weight:600}.studio-slider-container{background:#0003;border:1px solid var(--studio-border);border-radius:8px;padding:12px}.studio-slider-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.studio-slider-val{font-weight:700;color:var(--studio-accent)}.studio-slider-container input[type=range]{width:100%;accent-color:var(--studio-accent);cursor:pointer}.studio-tags{display:flex;flex-wrap:wrap;gap:6px}.studio-tag{background:#0000004d;border:1px solid var(--studio-border);color:var(--studio-text-muted);padding:6px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:var(--studio-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.studio-tag:hover{background:var(--studio-panel-hover);color:var(--studio-text)}.studio-tag.active{background:var(--studio-accent);border-color:var(--studio-accent);color:#fff}.studio-btn-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.studio-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:var(--studio-transition);display:inline-flex;align-items:center;justify-content:center;gap:6px}.studio-btn:active{transform:scale(.97)}.studio-btn-primary{background:linear-gradient(135deg,var(--studio-accent),var(--studio-accent-2));color:#fff}.studio-btn-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 4px 15px #6366f166}.studio-btn-primary:disabled{opacity:.6;cursor:not-allowed}.studio-btn-secondary{background:#ffffff0d;color:var(--studio-text);border:1px solid var(--studio-border)}.studio-btn-secondary:hover{background:#ffffff1a}.studio-btn-ghost{background:transparent;color:var(--studio-text-muted);border:1px dashed var(--studio-border)}.studio-btn-ghost:hover{color:var(--studio-text);border-color:var(--studio-text-muted)}.studio-output-area{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.6;background:#000;color:#3ddc97;min-height:160px;padding:16px}.studio-status-bar{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--studio-border);font-size:13px}.studio-status-msg{color:var(--studio-text-muted);transition:color .3s;font-weight:500}.studio-status-msg.ok{color:var(--studio-success)}.studio-status-msg.warn{color:var(--studio-warning)}.studio-status-msg.err{color:var(--studio-danger)}.studio-stats{display:flex;gap:16px;color:var(--studio-text-muted)}.studio-stats span{color:var(--studio-text);font-weight:600}.studio-history-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.studio-history-item{background:#0000004d;border:1px solid var(--studio-border);padding:10px;border-radius:8px;font-size:13px;cursor:pointer;transition:var(--studio-transition);color:var(--studio-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio-history-item:hover{background:#ffffff0d;color:var(--studio-text);border-color:#fff3}@media(max-width:1024px){.studio-container{grid-template-columns:1fr}}@media(max-width:600px){.studio-grid-2,.studio-grid-3{grid-template-columns:1fr}.studio-btn-group{flex-direction:column}.studio-btn{width:100%}}