.studio-shell{background:#f3f5f9;min-height:100vh}.studio-top{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);background:#fffffff0;position:sticky;top:0}.studio-top-inner{align-items:center;gap:14px;max-width:1520px;height:60px;margin:0 auto;padding:0 20px;display:flex}.studio-back{color:var(--muted);font-size:13px;text-decoration:none}.studio-back:hover{color:var(--fg)}.studio-title{font-size:15px;font-weight:600}.studio-save{color:var(--muted);font-size:12px}.studio-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.studio-main{grid-template-columns:430px minmax(0,1fr);align-items:start;gap:20px;max-width:1520px;margin:0 auto;padding:20px;display:grid}.studio-panel{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;max-height:calc(100vh - 100px);padding:20px;overflow-y:auto}.studio-sec{border-top:1px solid var(--border);padding:18px 0}.studio-sec:first-child{border-top:0;padding-top:0}.studio-sec-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.studio-sec-title{font-size:13px;font-weight:600}.studio-hint{color:var(--muted);font-size:12px}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.studio-field{color:var(--fg-body);flex-direction:column;gap:5px;margin-bottom:10px;font-size:12px;display:flex}.studio-field:last-child{margin-bottom:0}.studio-input,.studio-textarea{border:1px solid var(--border);width:100%;font:inherit;color:var(--fg);background:#fff;border-radius:8px;padding:9px 11px;font-size:13px}.studio-textarea{resize:vertical;min-height:76px;line-height:1.6}.studio-input:focus,.studio-textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2563eb1f}.studio-block{border:1px solid var(--border);background:#fbfcfe;border-radius:10px;margin-bottom:10px;padding:12px}.studio-block-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.studio-mini{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px}.studio-mini:hover{color:var(--destructive,#b91c1c)}.studio-add{border:1px dashed var(--border-strong);width:100%;color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:8px;font-size:12px}.studio-add:hover{border-color:var(--brand);color:var(--brand-dark)}.studio-toggles{flex-wrap:wrap;gap:8px;display:flex}.studio-toggle{border:1px solid var(--border);color:var(--fg-body);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.studio-toggle input{margin:0}.studio-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.studio-theme{text-align:left;border:1px solid var(--border);cursor:pointer;font:inherit;background:#fff;border-radius:10px;padding:12px}.studio-theme.is-active{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.studio-theme strong{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.studio-theme span{color:var(--muted);font-size:11px;line-height:1.5}.studio-accents{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.studio-accent{width:22px;height:22px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border:2px solid #fff;border-radius:50%}.studio-accent.is-active{box-shadow:0 0 0 2px var(--brand)}.studio-preview{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:14px;position:sticky;top:80px;overflow:hidden}.studio-preview-bar{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.studio-preview-body{background:#eef1f6;max-height:calc(100vh - 140px);overflow:auto}.studio-canvas{zoom:.7;background:#fff;width:1100px}.studio-overlay{z-index:80;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.studio-modal{background:#fff;border-radius:16px;width:min(480px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 30px 80px -30px #0f172a99}.studio-modal h2{margin-bottom:6px;font-size:18px;font-weight:600}.studio-modal p{color:var(--muted);font-size:13px;line-height:1.6}.studio-choice{flex-direction:column;gap:10px;margin-top:16px;display:flex}.studio-choice-btn{text-align:left;border:1px solid var(--border);cursor:pointer;font:inherit;background:#fff;border-radius:12px;padding:14px 16px}.studio-choice-btn:hover{border-color:var(--brand);background:var(--brand-soft)}.studio-choice-btn strong{margin-bottom:3px;font-size:14px;display:block}.studio-choice-btn span{color:var(--muted);font-size:12px}.studio-history{flex-direction:column;gap:8px;max-height:46vh;margin-top:12px;display:flex;overflow-y:auto}.studio-history-item{text-align:left;border:1px solid var(--border);cursor:pointer;font:inherit;color:var(--fg-body);background:#fff;border-radius:10px;padding:10px 12px;font-size:12px}.studio-history-item:hover{border-color:var(--brand)}.studio-steps{flex-direction:column;gap:10px;margin:18px 0;display:flex}.studio-step{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.studio-dot{background:var(--brand);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite studio-pulse}.studio-link{background:var(--brand-soft);color:var(--brand-dark);word-break:break-all;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:block}@keyframes studio-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:1180px){.studio-main{grid-template-columns:minmax(0,1fr)}.studio-panel{max-height:none}.studio-preview{position:static}.studio-canvas{zoom:.5}}