.graphical-pages .maker-studio{--studio-bg:oklch(98.5% .004 250);--studio-card:oklch(100% 0 0);--studio-ink:oklch(24% .055 260);--studio-muted:oklch(48% .04 255);--studio-blue:oklch(56% .23 260);--studio-tint:oklch(96% .02 250);--studio-line:oklch(90% .018 250);--studio-success:oklch(46% .1 175);--studio-danger:oklch(50% .18 25);color:var(--studio-ink);padding-top:24px;padding-bottom:32px}.maker-studio .maker-workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.maker-studio .maker-panel,.maker-studio .studio-progress,.maker-studio .studio-results{border:1px solid var(--studio-line);background:var(--studio-card);box-shadow:0 6px 24px color-mix(in oklch, var(--studio-ink) 5%, transparent);border-radius:10px;padding:22px}.maker-studio .studio-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.maker-studio .studio-heading>div{flex:1;min-width:0}.maker-studio .studio-heading h2{font-family:var(--sans);font-size:17px;font-weight:650;line-height:1.35}.maker-studio .studio-heading p{color:var(--studio-muted);margin-top:5px;font-size:12px;line-height:1.5}.maker-studio .studio-number{height:34px;color:var(--studio-card);box-shadow:inset 0 0 0 4px color-mix(in oklch, var(--studio-card) 10%, transparent);background:oklch(68% .17 258);border-radius:50%;flex:0 0 34px;place-items:center;font-size:17px;display:grid}.maker-studio .studio-button{border:1px solid var(--studio-line);background:var(--studio-card);color:var(--studio-ink);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;line-height:1.5;display:inline-flex}.maker-studio .studio-button:hover:not(:disabled){background:var(--studio-tint)}.maker-studio .studio-button:disabled{opacity:.45;cursor:not-allowed}.maker-studio svg{flex-shrink:0;width:17px;height:17px}.maker-studio .studio-fields{border:0;min-width:0;margin:0;padding:0}.maker-studio .maker-demo-prompt-note{border-left:2px solid var(--studio-blue);background:var(--studio-tint);color:var(--studio-muted);border-radius:0 5px 5px 0;margin:-3px 0 10px;padding:8px 10px;font-size:10px;line-height:1.5}.maker-studio .maker-mode-tabs{display:none}.maker-studio .studio-fields>label[for=maker-prompt]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.maker-studio .page-textarea{min-height:170px;padding:13px 13px 30px;font-size:13px}.maker-studio .maker-options-grid{gap:12px;margin-top:24px}.maker-studio .maker-options-grid label>span:first-child,.maker-studio .maker-project>label,.maker-studio .maker-file>span:first-child{margin-bottom:7px;font-size:11px;font-weight:500;display:block}.maker-studio .page-select{border-color:var(--studio-line);border-radius:6px;min-height:44px;padding:10px;font-size:11px}.maker-studio .page-select [data-slot=select-value]{min-width:0;overflow:hidden}.maker-studio .maker-file,.maker-studio .maker-project{margin-top:19px}.maker-studio .page-file-label{border-radius:6px;min-height:54px;font-size:12px}.maker-studio .page-file-label>span:nth-child(2){flex:1;gap:1px;min-width:0;display:grid}.maker-studio .page-file-label strong{color:var(--studio-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.maker-studio .page-file-label small{color:var(--body);font-size:9px}.maker-studio .page-file-label>svg:last-child{color:var(--blue)}.maker-studio .maker-reference-icon{background:var(--mist);width:34px;height:34px;color:var(--blue);border-radius:5px;flex:none;place-items:center;display:grid}.maker-studio .maker-reference-preview{border:1px solid var(--studio-line);background:color-mix(in srgb, var(--paper) 88%, var(--mist));border-radius:7px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:8px;display:grid;overflow:hidden}.maker-studio .maker-reference-preview>img{object-fit:cover;background:#fff;border-radius:5px;width:72px;height:58px}.maker-studio .maker-reference-details{gap:3px;min-width:0;display:grid}.maker-studio .maker-reference-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550;overflow:hidden}.maker-studio .maker-reference-details span{color:var(--body);font-size:9px}.maker-studio .maker-reference-actions{align-items:center;gap:5px;display:flex}.maker-studio .maker-reference-actions .studio-button{cursor:pointer;min-height:32px}.maker-studio .maker-reference-remove{color:#a1463f;width:32px;padding:0}@media (width<=560px){.maker-studio .maker-reference-preview{grid-template-columns:60px minmax(0,1fr) auto;gap:8px}.maker-studio .maker-reference-preview>img{width:60px;height:52px}.maker-studio .maker-reference-actions .studio-button:not(.maker-reference-remove){width:32px;padding:0;font-size:0;overflow:hidden}}.maker-studio .maker-credit-row{margin-top:20px;font-size:11px}.maker-studio .maker-generate{background:var(--studio-ink);border-radius:7px;min-height:55px;margin-top:20px;font-size:13px}.maker-studio .maker-status{font-size:10px}.maker-studio .studio-progress{flex-direction:column;display:flex}.maker-studio .studio-progress-body{border:1px solid var(--studio-line);background:linear-gradient(130deg, var(--studio-bg), var(--studio-tint));border-radius:8px;flex:1;padding:22px 18px}.maker-studio .studio-timeline{margin:0;padding:0;list-style:none}.maker-studio .studio-timeline li{gap:17px;min-height:60px;display:flex;position:relative}.maker-studio .studio-timeline li:not(:last-child):before{content:"";background:var(--studio-line);width:1px;position:absolute;top:23px;bottom:0;left:11px}.maker-studio .studio-step-icon{width:24px;height:24px;color:var(--studio-muted);flex-shrink:0;place-items:center;display:grid}.maker-studio .studio-step-icon svg{width:23px;height:23px}.maker-studio .done .studio-step-icon{background:var(--studio-blue);color:var(--studio-card);border-radius:50%}.maker-studio .done .studio-step-icon svg{width:15px}.maker-studio .active .studio-step-icon{color:var(--studio-blue)}.maker-studio .studio-timeline strong{font-size:12px;font-weight:550}.maker-studio .studio-timeline p{color:var(--studio-muted);margin-top:2px;font-size:11px}.maker-studio .studio-badge{background:var(--studio-tint);color:var(--studio-muted);white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:inline-flex}.maker-studio .studio-badge svg{width:12px;height:12px}.maker-studio .studio-badge.generating,.maker-studio .studio-badge.ready{color:var(--studio-blue)}.maker-studio .studio-badge.completed{color:var(--studio-success);background:color-mix(in oklch, var(--studio-success) 9%, var(--studio-card))}.maker-studio .studio-badge.failed{color:var(--studio-danger)}.maker-studio .studio-illustration{align-items:center;gap:16px;min-height:220px;padding:24px 8px;display:flex}.maker-studio .studio-research-paper{background:var(--studio-card);box-shadow:0 15px 25px color-mix(in oklch, var(--studio-blue) 12%, transparent);color:var(--studio-muted);border-radius:5px;gap:8px;padding:22px 10px;font-size:11px;display:grid;transform:rotate(-4deg)}.maker-studio .studio-research-paper svg{stroke-width:1px;width:48px;height:60px}.maker-studio .studio-flow-arrow{color:var(--studio-blue);width:32px}.maker-studio .studio-art-paper{background:var(--studio-card);border:1px solid var(--studio-line);border-right:4px solid color-mix(in oklch, var(--studio-blue) 35%, var(--studio-card));box-shadow:-14px -12px 0 var(--studio-tint), 0 20px 30px color-mix(in oklch, var(--studio-blue) 10%, transparent);border-radius:7px;padding:12px;transform:rotate(-5deg)}.maker-studio .studio-art-paper img{width:100%}.maker-studio .studio-illustration-note{text-align:right;font:italic 16px/1.5 var(--serif);color:var(--studio-blue)}.maker-studio .studio-progress-foot{color:var(--studio-muted);margin-top:15px;font-size:11px;font-style:italic}.maker-studio .studio-results{margin-top:26px}.maker-studio .studio-results h2{font-size:23px}.maker-studio .studio-eyebrow{text-transform:uppercase;color:var(--studio-muted);font-size:10px}.maker-studio .studio-versions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:25px;display:grid}.maker-studio .studio-version{border:1px solid var(--studio-line);border-radius:8px;min-width:0;padding:10px}.maker-studio .studio-version-head{justify-content:space-between;align-items:center;gap:8px;padding:0 4px 10px;display:flex}.maker-studio .studio-version h3{font-size:12px;font-weight:550}.maker-studio .studio-revision-label{color:var(--studio-blue);margin-top:2px;font-size:9px;font-weight:600;display:block}.maker-studio .studio-result-image,.maker-studio .studio-result-placeholder{border:1px solid var(--studio-line);background:var(--studio-bg);border-radius:7px;width:100%;height:210px;overflow:hidden}.maker-studio .studio-result-image img{object-fit:contain;width:100%;height:100%}.maker-studio .studio-result-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.maker-studio .studio-result-placeholder>svg{width:30px;height:30px;color:var(--studio-muted)}.maker-studio .studio-result-placeholder.generating{background:linear-gradient(120deg, var(--studio-tint), var(--studio-bg))}.maker-studio .studio-result-placeholder.generating>svg{color:var(--studio-blue)}.maker-studio .studio-result-placeholder strong{font-size:12px;font-weight:500}.maker-studio .studio-result-placeholder p{max-width:250px;color:var(--studio-muted);font-size:11px}.maker-studio .studio-version-actions{gap:10px;margin-top:12px;display:flex}.maker-studio .studio-version-actions>*{flex:1}.maker-studio .studio-download{background:var(--studio-ink);color:var(--studio-card)}.maker-studio .studio-download:hover:not(:disabled){background:color-mix(in oklch, var(--studio-ink) 85%, var(--studio-blue));color:var(--studio-card)}.maker-studio .studio-audit{border:1px solid color-mix(in oklch, var(--studio-success) 24%, var(--studio-line));background:color-mix(in oklch, var(--studio-success) 6%, var(--studio-card));color:var(--studio-success);border-radius:7px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;display:flex}.maker-studio .studio-audit.low,.maker-studio .studio-audit.high{border-color:color-mix(in oklch, var(--studio-danger) 28%, var(--studio-line));background:color-mix(in oklch, var(--studio-danger) 5%, var(--studio-card));color:var(--studio-danger)}.maker-studio .studio-audit.pending{border-color:color-mix(in oklch, var(--studio-blue) 25%, var(--studio-line));background:color-mix(in oklch, var(--studio-blue) 5%, var(--studio-card));color:var(--studio-blue)}.maker-studio .studio-audit>svg{width:16px;height:16px;margin-top:1px}.maker-studio .studio-audit>div{min-width:0}.maker-studio .studio-audit strong{font-size:11px;font-weight:600;display:block}.maker-studio .studio-audit p,.maker-studio .studio-audit li{color:var(--studio-muted);font-size:10px;line-height:1.45}.maker-studio .studio-audit p{margin-top:3px}.maker-studio .studio-audit ul{margin:6px 0 0;padding-left:16px}.maker-studio .studio-audit-correction{border-color:color-mix(in oklch, var(--studio-danger) 32%, var(--studio-line));background:var(--studio-card);color:var(--studio-ink);margin-top:9px}.maker-studio .studio-audit-correction svg{width:13px;height:13px}.maker-studio .studio-tip{border:1px solid var(--studio-line);background:var(--studio-tint);border-radius:7px;align-items:center;gap:13px;margin-top:22px;padding:16px;display:flex}.maker-studio .studio-tip>svg{color:var(--studio-blue);width:24px;height:24px}.maker-studio .studio-tip strong{font-size:12px;font-weight:550}.maker-studio .studio-tip p{color:var(--studio-muted);margin-top:2px;font-size:11px}.maker-studio .studio-tip a{color:var(--studio-blue);flex-shrink:0;align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}@media (width<=1050px){.maker-studio .maker-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.maker-studio .maker-workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=500px){.graphical-pages .maker-studio{width:calc(100% - 24px)}.maker-studio .maker-panel,.maker-studio .studio-progress,.maker-studio .studio-results{padding:16px}.maker-studio .studio-heading{flex-wrap:wrap}.maker-studio .studio-heading h2{font-size:16px}.maker-studio .studio-versions{grid-template-columns:minmax(0,1fr)}.maker-studio .studio-tip{flex-wrap:wrap;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.maker-studio .maker-spinner{animation:none}}