.studio-container{background:var(--ui-bg-panel,transparent);height:100vh;color:var(--text-primary,currentColor);font-family:var(--font-sans,inherit);grid-template-rows:100vh;grid-template-columns:264px minmax(0,1fr);display:grid;overflow:hidden}.studio-container button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.studio-container .studio-rail{gap:var(--space-5,20px);background:var(--ui-bg-elev,transparent);border-right:1px solid var(--ui-line,transparent);flex-direction:column;min-height:0;padding:18px 14px;display:flex;position:relative;overflow:hidden}.studio-container .studio-rail-brand{align-items:center;gap:10px;padding:2px 10px;display:flex}.studio-container .studio-rail-brand-text{letter-spacing:-.01em;color:var(--text-primary,currentColor);font-size:15px;font-weight:600}.studio-container .studio-steps-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--ui-muted,var(--text-secondary,currentColor));margin-bottom:6px;padding:0 10px;font-size:10px;font-weight:600;display:block}.studio-container .studio-steps{flex-direction:column;gap:2px;display:flex}.studio-container .studio-step{text-align:left;width:100%;color:rgba(var(--text-primary-rgb,245, 245, 247), .82);transition:all var(--duration-fast,.12s) var(--ease-out,ease);background-color:#0000;border:.5px solid #0000;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.studio-container .studio-step:hover:not(:disabled){background-color:rgba(var(--text-primary-rgb,245, 245, 247), .06);color:var(--text-primary,currentColor)}.studio-container .studio-step:disabled{opacity:.5;cursor:not-allowed}.studio-container .studio-step-active{background-color:#0000;background-image:linear-gradient(90deg, rgba(var(--ui-violet-rgb,124, 58, 237), .22), rgba(var(--ui-pink-rgb,236, 72, 153), .08));color:var(--text-primary,currentColor);box-shadow:inset 0 0 0 .5px rgba(var(--ui-violet-rgb,124, 58, 237), .34);border-color:#0000}.studio-container .studio-step-num{width:22px;height:22px;color:var(--ui-faint,var(--text-tertiary,currentColor));flex:0 0 22px;justify-content:center;align-items:center;display:inline-flex}.studio-container .studio-step-num svg{opacity:.72}.studio-container .studio-step-active .studio-step-num,.studio-container .studio-step-active .studio-step-num svg,.studio-container .studio-step-done .studio-step-num,.studio-container .studio-step-done .studio-step-num svg{color:var(--ui-violet,var(--brand,currentColor));opacity:1}.studio-container .studio-step-text{flex-direction:column;gap:1px;min-width:0;display:flex}.studio-container .studio-step-label{font-size:13px;font-weight:500}.studio-container .studio-step-sub{color:var(--ui-muted,var(--text-tertiary,currentColor));font-size:11px;line-height:1.3}.studio-container .studio-step-active .studio-step-sub{color:var(--ui-muted,var(--text-secondary,currentColor))}.studio-container .studio-gauge{border:1px solid var(--ui-line,transparent);background:var(--bg-secondary,transparent);border-radius:10px;margin-top:auto;padding:12px;position:relative}.studio-container .studio-gauge-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.studio-container .studio-gauge-label{color:var(--text-primary,currentColor);font-size:12px;font-weight:600}.studio-container .studio-gauge-pct{color:var(--ui-violet,var(--brand,currentColor));font-size:13px;font-weight:600}.studio-container .studio-gauge-track{border-radius:var(--radius-full,9999px);background:rgba(var(--text-primary-rgb,245, 245, 247), .06);height:4px;overflow:hidden}.studio-container .studio-gauge-fill{border-radius:inherit;background:linear-gradient(90deg, var(--ui-violet,var(--brand,currentColor)), var(--ui-pink,var(--accent,var(--brand,currentColor))));height:100%;transition:width var(--duration-base,.2s) var(--ease-out,ease)}.studio-container .studio-gauge-hint{align-items:center;gap:var(--space-1,4px);color:var(--ui-muted,var(--text-tertiary,currentColor));margin:10px 0 0;font-size:10.5px;line-height:1.4;display:flex}.studio-container .studio-stage{background:var(--ui-bg-panel,transparent);flex-direction:column;min-width:0;min-height:0;display:flex}.studio-container .studio-topbar{height:56px;padding:0 var(--space-6,24px);background:var(--ui-bg-elev,transparent);border-bottom:.5px solid var(--ui-line-faint,transparent);justify-content:space-between;align-items:center;display:flex}.studio-container .studio-topbar-brand{align-items:center;gap:10px;display:flex}.studio-container .studio-topbar-title{letter-spacing:.02em;color:var(--text-primary,currentColor);font-size:13px;font-weight:600}.studio-container .studio-timeline{flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.studio-container .studio-tl-step{border-radius:var(--radius-full,9999px);white-space:nowrap;color:var(--text-tertiary,currentColor);transition:color var(--duration-fast,.12s) var(--ease-out,ease);align-items:center;gap:7px;padding:5px 8px;font-size:12px;display:inline-flex}.studio-container .studio-tl-step:disabled{cursor:default}.studio-container .studio-tl-dot{border-radius:var(--radius-full,9999px);border:1px solid var(--ui-line-strong,transparent);flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:inline-flex}.studio-container .studio-tl-label{font-weight:500}.studio-container .studio-tl-step-active{color:var(--text-primary,currentColor)}.studio-container .studio-tl-step-active .studio-tl-dot{border-color:var(--ui-violet,var(--brand,currentColor));color:var(--ui-violet,var(--brand,currentColor));box-shadow:0 0 0 3px rgba(var(--ui-violet-rgb,124, 58, 237), .18)}.studio-container .studio-tl-step-done{color:var(--text-secondary,currentColor)}.studio-container .studio-tl-step-done .studio-tl-dot{background:var(--ui-violet,var(--brand,transparent));border-color:var(--ui-violet,var(--brand,transparent));color:var(--ink-text-on-brand,#fff)}.studio-container .studio-tl-line{background:var(--ui-line-strong,transparent);border-radius:2px;flex:0 30px;height:1.5px}.studio-container .studio-tl-line-on{background:var(--ui-violet,var(--brand,currentColor))}.studio-container .studio-topbar-actions{align-items:center;gap:var(--space-2,8px);display:flex}.studio-container .studio-close{border-radius:var(--radius-md,12px);width:36px;height:36px;color:var(--text-secondary,currentColor);justify-content:center;align-items:center;display:inline-flex}.studio-container .studio-close:hover{background:var(--bg-tertiary,transparent);color:var(--text-primary,currentColor)}.studio-container .studio-panel{min-height:0;padding:var(--space-12,48px) var(--space-8,32px);animation:studioReveal var(--duration-base,.22s) var(--ease-out,ease) both;flex:1;overflow-y:auto}@keyframes studioReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.studio-container .studio-block{max-width:620px;margin:0 auto}.studio-container .studio-block-title{font-size:var(--text-3xl,28px);text-wrap:balance;margin:0 0 var(--space-2,8px);font-weight:600;line-height:1.15}.studio-container .studio-block-why{font-size:var(--text-base,13px);color:var(--text-secondary,currentColor);margin:0 0 var(--space-8,32px);line-height:1.55}.studio-container .studio-modes{margin-bottom:var(--space-6,24px);border:1px solid var(--ui-line-strong,transparent);border-radius:var(--radius-full,9999px);background:var(--ui-bg-card);box-shadow:var(--shadow-sm);gap:2px;padding:3px;display:inline-flex}.studio-container .studio-mode{padding:var(--space-2,8px) var(--space-4,16px);border-radius:var(--radius-full,9999px);font-size:var(--text-sm,12px);color:var(--text-secondary,currentColor);transition:background var(--duration-fast,.15s) var(--ease-out,ease), color var(--duration-fast,.15s) var(--ease-out,ease);font-weight:500}.studio-container .studio-mode-on{background:var(--brand,transparent);color:var(--ink-text-on-brand,#fff)}.studio-container .studio-field{margin-bottom:var(--space-6,24px);display:block}.studio-container .studio-field-row{gap:var(--space-6,24px);grid-template-columns:1fr 1fr;display:grid}.studio-container .studio-field-label{font-size:var(--text-xs,11px);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary,currentColor);margin-bottom:var(--space-2,8px);font-weight:600;display:block}.studio-container .studio-field-hint{font-size:var(--text-xs,11px);color:var(--text-tertiary,currentColor);margin-top:var(--space-2,8px);display:block}.studio-container .studio-field-sub{margin:-2px 0 var(--space-3,12px);font-size:var(--text-xs,11px);color:var(--text-tertiary,currentColor);line-height:1.4;display:block}.studio-container .studio-field input,.studio-container .studio-field textarea{width:100%;padding:var(--space-3,12px) var(--space-4,16px);border-radius:var(--radius-md,12px);border:1px solid var(--ui-line-strong,transparent);background:var(--ui-bg-card,transparent);color:var(--text-primary,currentColor);font:inherit;font-size:var(--text-base,13px);box-shadow:var(--shadow-xs,none);resize:vertical;transition:border-color var(--duration-fast,.15s) var(--ease-out,ease), box-shadow var(--duration-fast,.15s) var(--ease-out,ease);line-height:1.5}.studio-container .studio-field input::placeholder,.studio-container .studio-field textarea::placeholder{color:var(--text-tertiary,currentColor);opacity:.7}.studio-container .studio-field input:hover:not(:focus),.studio-container .studio-field textarea:hover:not(:focus){border-color:rgba(var(--brand-rgb,124, 58, 237), .45)}.studio-container .studio-field input:focus,.studio-container .studio-field textarea:focus{border-color:var(--brand,currentColor);box-shadow:0 0 0 3px rgba(var(--brand-rgb,124, 58, 237), .16);outline:none}.studio-container .studio-chips{gap:var(--space-2,8px);flex-wrap:wrap;display:flex}.studio-container .studio-chip{padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius-full,9999px);border:1px solid var(--ui-line-strong,transparent);font-size:var(--text-sm,12px);color:var(--text-secondary,currentColor);transition:border-color var(--duration-fast,.15s) var(--ease-out,ease), color var(--duration-fast,.15s) var(--ease-out,ease)}.studio-container .studio-chip:hover{border-color:var(--brand,currentColor)}.studio-container .studio-chip-on{border-color:var(--brand,currentColor);background:rgba(var(--brand-rgb,124, 58, 237), .12);color:var(--text-primary,currentColor)}.studio-container .studio-choices{gap:var(--space-3,12px);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.studio-container .studio-choices-scope .studio-choice{min-height:auto}.studio-container .studio-tplcard{align-items:flex-start;gap:var(--space-2,8px);padding:var(--space-4,16px);border-radius:var(--radius-lg,16px);border:1px solid var(--ui-line-strong,transparent);background:var(--ui-bg-card);min-height:110px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative}.studio-container .studio-tplcard-on{border-color:var(--brand,currentColor);background:rgba(var(--brand-rgb,124, 58, 237), .1)}.studio-container .studio-tplcard-actions{gap:var(--space-2,8px);width:100%;padding-top:var(--space-3,12px);margin-top:auto;display:flex}.studio-container .studio-tplcard-use,.studio-container .studio-tplcard-from{justify-content:center;align-items:center;gap:var(--space-1,4px);min-height:32px;padding:0 var(--space-2,8px);border-radius:var(--radius-md,12px);font-size:var(--text-xs,11px);transition:border-color var(--duration-fast,.15s) var(--ease-out,ease), color var(--duration-fast,.15s) var(--ease-out,ease);flex:1;font-weight:500;display:inline-flex}.studio-container .studio-tplcard-use{background:var(--brand,transparent);color:var(--ink-text-on-brand,#fff)}.studio-container .studio-tplcard-from{border:1px solid var(--ui-line-strong,transparent);color:var(--text-secondary,currentColor)}.studio-container .studio-tplcard-from:hover{border-color:var(--brand,currentColor);color:var(--text-primary,currentColor)}.studio-container .studio-choice{align-items:flex-start;gap:var(--space-2,8px);padding:var(--space-4,16px);border-radius:var(--radius-lg,16px);border:1px solid var(--ui-line-strong,transparent);background:var(--ui-bg-card);min-height:110px;box-shadow:var(--shadow-sm);text-align:left;transition:border-color var(--duration-fast,.15s) var(--ease-out,ease), background-color var(--duration-fast,.15s) var(--ease-out,ease), color var(--duration-fast,.15s) var(--ease-out,ease), transform var(--duration-fast,.15s) var(--ease-out,ease);flex-direction:column;display:flex;position:relative}.studio-container .studio-choice:hover{border-color:var(--brand,currentColor);background:var(--brand,var(--ui-bg-card));color:var(--ink-text-on-brand,#fff);transform:translateY(-2px)}.studio-container .studio-choice:hover .studio-choice-name,.studio-container .studio-choice:hover .studio-choice-desc,.studio-container .studio-choice:hover .studio-choice-icon{color:var(--ink-text-on-brand,#fff)}.studio-container .studio-choice-on{border-color:var(--brand,currentColor);background:rgba(var(--brand-rgb,124, 58, 237), .1)}.studio-container .studio-choice-make{border-style:dashed;border-width:2px;border-color:var(--ui-line-strong,currentColor);text-align:center;color:var(--text-secondary,currentColor);justify-content:center;align-items:center}.studio-container .studio-choice-swatch{border-radius:var(--radius-sm,8px);border:1px solid var(--ui-line,transparent);width:32px;height:32px}.studio-container .studio-choice-icon{color:var(--text-secondary,currentColor);display:inline-flex}.studio-container .studio-choice-name{font-size:var(--text-sm,13px);color:var(--text-primary,currentColor);font-weight:600}.studio-container .studio-choice-desc{font-size:var(--text-xs,11px);color:var(--text-tertiary,currentColor);line-height:1.4}.studio-container .studio-choice-check{top:var(--space-3,12px);right:var(--space-3,12px);border-radius:var(--radius-full,9999px);background:var(--brand,transparent);width:20px;height:20px;color:var(--ink-text-on-brand,#fff);justify-content:center;align-items:center;display:inline-flex;position:absolute}.studio-container .studio-brief-preview,.studio-container .studio-review-brief{margin-top:var(--space-6,24px);padding:var(--space-5,20px);border:1px solid var(--ui-line,transparent);border-radius:var(--radius-lg,16px);background:var(--ui-bg-card);box-shadow:var(--shadow-sm)}.studio-container .studio-brief-preview-head{justify-content:space-between;align-items:center;gap:var(--space-3,12px);margin-bottom:var(--space-4,16px);padding-bottom:var(--space-3,12px);border-bottom:1px solid var(--ui-line-faint,transparent);display:flex}.studio-container .studio-brief-preview-label{font-size:var(--text-sm,13px);color:var(--text-primary,currentColor);font-weight:600}.studio-container .studio-brief-preview-tag{align-items:center;gap:var(--space-1,4px);border-radius:var(--radius-full,9999px);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;color:var(--brand,currentColor);background:rgba(var(--brand-rgb,124, 58, 237), .1);border:1px solid rgba(var(--brand-rgb,124, 58, 237), .22);padding:3px 10px;font-size:10px;display:inline-flex}.studio-container .studio-brief-preview-tag svg{flex-shrink:0}.studio-container .studio-brief-preview-text,.studio-container .studio-review-brief-text{white-space:pre-line;color:var(--text-secondary,currentColor);margin:0;font-size:14px;line-height:1.7}.studio-container .studio-summary{border:1px solid var(--ui-line,transparent);border-radius:var(--radius-lg,16px);background:var(--ui-bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.studio-container .studio-sum-row{justify-content:space-between;gap:var(--space-4,16px);padding:var(--space-3,12px) var(--space-4,16px);border-bottom:1px solid var(--ui-line-faint,transparent);display:flex}.studio-container .studio-sum-row:last-child{border-bottom:none}.studio-container .studio-sum-label{font-size:var(--text-sm,12px);color:var(--text-tertiary,currentColor)}.studio-container .studio-sum-value{font-size:var(--text-sm,12px);color:var(--text-primary,currentColor);text-align:right;font-weight:500}.studio-container .studio-foot{padding:var(--space-4,16px) var(--space-8,32px);border-top:1px solid var(--ui-line,transparent);justify-content:space-between;align-items:center;display:flex}.studio-container .studio-nav-back,.studio-container .studio-nav-next,.studio-container .studio-nav-create{align-items:center;gap:var(--space-2,8px);min-height:44px;padding:0 var(--space-5,20px);border-radius:var(--radius-md,12px);font-size:var(--text-sm,13px);font-weight:500;display:inline-flex}.studio-container .studio-nav-back{color:var(--text-secondary,currentColor);border:1px solid var(--ui-line-strong,transparent)}.studio-container .studio-nav-back:disabled{opacity:0;pointer-events:none}.studio-container .studio-nav-next,.studio-container .studio-nav-create{background:var(--brand,transparent);color:var(--ink-text-on-brand,#fff)}.studio-container .studio-nav-next:disabled,.studio-container .studio-nav-create:disabled{opacity:.45;cursor:not-allowed}.studio-container button:focus-visible,.studio-container input:focus-visible,.studio-container textarea:focus-visible{outline:2px solid var(--brand,currentColor);outline-offset:2px}@media (prefers-reduced-motion:reduce){.studio-container .studio-panel{animation:none}.studio-container .studio-choice,.studio-container .studio-gauge-fill{transition:none}}@media (max-width:820px){.studio-container{grid-template-rows:auto;grid-template-columns:1fr;height:auto;overflow:visible}.studio-container .studio-rail{border-right:none;border-bottom:1px solid var(--ui-line,transparent)}.studio-container .studio-field-row{grid-template-columns:1fr}}@media (max-width:720px){.studio-container .studio-tl-label{display:none}}