@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700;900&family=Space+Grotesk:wght@500;700&display=swap";
:root{--bg:#0a0c10;--surface:#111419;--surface-raised:#171b21;--surface-ink:#0d1014;--line:#ffffff1c;--line-strong:#d5ccb752;--text:#f2efe8;--text-soft:#d8d3c8;--muted:#93979f;--accent:#d5ccb7;--accent-soft:#d5ccb71a;--accent-ink:#101214;--kicker:#aa9460;--success:#89c6a4;--danger:#df8f86;--font-display:"Space Grotesk", "Noto Sans SC", sans-serif;--font-body:"IBM Plex Sans", "Noto Sans SC", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:linear-gradient(#ffffff04,#0000 240px),linear-gradient(#090b0f 0%,#0c0f14 100%);margin:0}button,input,textarea,select,a{font:inherit}button{cursor:pointer;border:0}img{max-width:100%;display:block}a,input,textarea,select{color:inherit}:focus-visible{outline-offset:2px;outline:2px solid #d5ccb7e6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio,.signin-page,.console-page{min-height:100vh}.studio{position:relative}.app-shell{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:32px;width:min(1480px,100% - 36px);margin:0 auto;padding:22px 0 56px;display:grid}.app-sidebar{align-self:start;gap:18px;display:grid;position:sticky;top:18px}.app-main,.console-main,.auth-main{gap:22px;min-width:0;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:10px}.panel--inner{background:var(--surface-raised)}.panel--sidebar{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding-top:16px}.sidebar-brand{border-bottom:1px solid var(--line);gap:10px;padding:0 0 18px;text-decoration:none;display:grid}.sidebar-kicker,.section-kicker,.status-label,.panel-caption,.option-label,.prompt-count,.prompt-hint,.feedback-kicker,.foot-note,.proof-stats,.sidebar-nav-link small,.console-nav-link small,.hero-badge,.thumbnail-label,.guide-chip,.metric-note,.protocol-index{font-family:var(--font-mono)}.sidebar-kicker,.section-kicker,.hero-badge{color:var(--kicker);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px}.sidebar-mark{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(34px,4vw,48px);line-height:.95}.sidebar-copy,.console-copy,.hero-summary,.metric-note,.account-meta,.mini-note,.console-meta,.preview-copy,.feedback-card p,.protocol-item p,.auth-point p,.info-card p{color:var(--muted);line-height:1.7}.sidebar-nav,.console-nav{display:grid}.sidebar-nav-link,.console-nav-link{border-left:2px solid #0000;border-bottom:1px solid var(--line);color:var(--text);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:12px 0 12px 12px;text-decoration:none;transition:border-color .18s,color .18s;display:grid}.sidebar-nav-link span,.console-nav-link span{font-weight:600}.sidebar-nav-link small,.console-nav-link small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.sidebar-nav-link:hover,.console-nav-link:hover,.console-nav-link.is-active{border-left-color:var(--accent);color:var(--accent)}.sidebar-facts,.sidebar-account,.sidebar-shortcuts,.auth-points,.info-list{display:grid}.sidebar-fact,.auth-point,.info-card{border-top:1px solid var(--line);padding:12px 0}.auth-point:first-child,.info-card:first-child{border-top:0;padding-top:0}.status-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;display:block}.status-value{color:var(--text);margin-top:8px;font-size:15px;font-weight:600;display:block}.sidebar-shortcuts,.sidebar-account{gap:12px}.workspace-shell,.support-panel,.hero-panel,.signin-panel,.console-card,.console-header{padding:24px}.workspace-header,.hero-header,.console-header,.section-head,.panel-head,.proof-head,.preview-caption{justify-content:space-between;align-items:start;gap:18px;display:flex}.workspace-header{border-bottom:1px solid var(--line);padding-bottom:20px}.hero-title,.panel-title,.feedback-card h3,.protocol-item h3,.auth-point h2,.info-card h3{font-family:var(--font-display);letter-spacing:-.05em;margin:0}.hero-title{max-width:13ch;font-size:clamp(42px,5vw,64px);line-height:.95}.panel-title{font-size:clamp(24px,3vw,34px);line-height:1}.panel-title--small{font-size:20px}.hero-summary{max-width:58ch;margin:14px 0 0;font-size:15px}.hero-ledger{align-self:stretch;min-width:min(360px,100%);display:grid}.hero-ledger-row{border-top:1px solid var(--line);grid-template-columns:108px minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.hero-ledger-row:first-child{border-top:0;padding-top:0}.hero-ledger-row span{color:var(--muted);font-size:13px}.hero-ledger-row strong{font-size:14px;font-weight:600}.metric-strip,.console-header-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.console-header-meta{grid-template-columns:repeat(2,minmax(0,1fr));min-width:min(360px,100%)}.metric-card{border-right:1px solid var(--line);background:0 0;border-radius:0;padding:14px 16px 14px 0}.metric-card:first-child{padding-left:0}.metric-card:last-child{border-right:0}.metric-card--compact{padding-left:16px}.metric-value{font-family:var(--font-display);letter-spacing:-.05em;margin-top:10px;font-size:clamp(24px,3vw,34px);line-height:1;display:block}.metric-note{letter-spacing:.04em;margin:10px 0 0;font-size:11px}.workspace{grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:24px;margin-top:24px;display:grid}.composer-panel,.proof-panel{padding:20px}.panel-head{margin-bottom:14px}.panel-head--compact{margin-bottom:10px}.panel-caption,.prompt-count,.prompt-hint,.proof-stats,.foot-note,.thumbnail-label,.protocol-index{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.prompt-shell{border:1px solid var(--line);background:var(--surface-ink);border-radius:8px;padding:16px;display:block}.prompt-input{resize:vertical;width:100%;min-height:230px;color:var(--text);background:0 0;border:0;outline:none;font-size:15px;line-height:1.8}.prompt-input::placeholder{color:#93979fcc}.prompt-toolbar{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.prompt-guide{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.guide-chip{border:1px solid var(--line);min-height:26px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.control-stack{gap:14px;margin-top:18px;display:grid}.option-group{border:0;margin:0;padding:0}.option-label{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.option-row{flex-wrap:wrap;gap:8px;display:flex}.option-chip{border:1px solid var(--line);min-width:66px;min-height:34px;color:var(--muted);background:0 0;border-radius:6px;padding:0 12px;transition:border-color .18s,color .18s,background-color .18s}.option-chip:hover{color:var(--text);border-color:#ffffff38}.option-chip.is-active{border-color:var(--line-strong);background:var(--accent-soft);color:var(--text)}.action-row{gap:10px;margin-top:18px;display:grid}.upload-module{border:1px solid var(--line);background:#ffffff05;border-radius:8px;gap:14px;padding:16px;display:grid}.upload-dropzone{cursor:pointer;background:#d5ccb70a;border:1px dashed #d5ccb757;border-radius:8px;gap:6px;padding:16px;display:grid}.upload-dropzone strong{font-size:15px}.upload-dropzone span,.upload-meta span{color:var(--muted);font-size:12px}.reference-preview,.reference-strip{border:1px solid var(--line);border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.reference-preview .thumbnail-image,.reference-strip .thumbnail-image{aspect-ratio:1}.upload-grid,.history-gallery{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;display:grid}.upload-card,.history-thumb-card{border:1px solid var(--line);color:var(--text);text-align:left;background:0 0;border-radius:8px;gap:8px;padding:8px;display:grid}.upload-card{transition:border-color .18s,background-color .18s}.upload-card:hover{border-color:#fff3}.upload-card.is-active{border-color:var(--line-strong);background:var(--accent-soft)}.upload-meta{gap:4px;display:grid}.upload-meta strong{font-size:13px}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-action,.secondary-action,.account-action,.link-action,.download-link{border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-weight:600;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.primary-action{background:var(--accent);color:var(--accent-ink);border-color:#d5ccb78c}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.account-action:hover:not(:disabled),.download-link:hover{border-color:#d5ccb7a6}.secondary-action,.account-action,.download-link{color:var(--text);background:0 0}.primary-action:disabled,.secondary-action:disabled,.account-action:disabled{opacity:.7;cursor:wait}.status-line{color:var(--muted);margin:0;font-size:13px}.auth-point h2,.info-card h3,.protocol-item h3{font-size:16px;display:block}.table-row span,.auth-point p,.info-card p,.protocol-item p{font-size:13px}.proof-panel{flex-direction:column;display:flex}.proof-stats{flex-wrap:wrap;justify-content:end;gap:12px;display:flex}.proof-frame{min-height:560px;padding-top:8px}.preview-stage{border:1px solid var(--line);background:#090b0f;border-radius:8px;min-height:460px}.preview-stage--image{place-items:center;padding:12px;display:grid}.preview-caption{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.preview-caption-main{gap:6px;display:grid}.preview-caption-main strong{font-size:15px;font-weight:600}.preview-caption-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.result-image{object-fit:contain;width:100%;height:100%}.thumbnail-rail{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin-top:14px;display:grid}.thumbnail-button{border:1px solid var(--line);color:var(--text);text-align:left;background:0 0;border-radius:4px;gap:6px;padding:5px;transition:border-color .18s,background-color .18s;display:grid}.thumbnail-button:hover{border-color:#fff3}.thumbnail-button.is-active{border-color:var(--line-strong);background:var(--accent-soft)}.thumbnail-image{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%}.thumbnail-label{text-transform:uppercase}.proof-foot{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.foot-note{margin:0;line-height:1.7}.feedback-card{border:1px dashed var(--line);text-align:center;border-radius:8px;place-items:center;min-height:420px;padding:28px;display:grid}.compact-feedback{min-height:auto;padding:22px}.feedback-card--error{background:#df8f860a;border-color:#df8f8661}.feedback-kicker{color:var(--kicker);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:11px}.feedback-card h3{font-size:clamp(24px,3vw,34px);line-height:1.05}.feedback-card p{max-width:52ch;margin:12px 0 0}.skeleton-card{border:1px solid var(--line);background:0 0}.skeleton-block,.skeleton-line{background:#ffffff0f;position:relative;overflow:hidden}.skeleton-block:after,.skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{border-radius:2px;height:10px;margin-top:8px}.skeleton-line--title{width:60%}.skeleton-line:not(.skeleton-line--title){width:88%}.console-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;display:grid}.support-panel{gap:16px;display:grid}.section-head{margin-bottom:2px}.section-head .hero-summary{max-width:46ch;margin:0}.protocol-list,.faq-list,.table-list{display:grid}.history-stack{gap:16px;display:grid}.history-card{border:1px solid var(--line);border-radius:8px;gap:14px;padding:16px;display:grid}.history-card-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.history-card-meta{color:var(--muted);flex-wrap:wrap;justify-content:end;gap:10px;font-size:12px;display:flex}.history-status{border:1px solid var(--line);text-transform:uppercase;border-radius:999px;padding:2px 8px}.history-status--succeeded{color:#9bd4b1;border-color:#74c69d5c}.history-status--pending{color:var(--text-soft);border-color:#d5ccb747}.history-status--failed{color:#f0b3aa;border-color:#df8f8661}.protocol-item,.faq-item,.table-row{border-top:1px solid var(--line)}.protocol-item{gap:16px;padding:14px 0;display:grid}.protocol-item:first-child,.faq-item:first-child{border-top:0}.protocol-index{color:var(--muted);letter-spacing:.12em;align-items:start;padding-top:4px;font-size:11px;display:inline-flex}.protocol-item{grid-template-columns:40px minmax(0,1fr)}.protocol-item p{margin:8px 0 0}.faq-item{background:0 0}.faq-item summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:0;padding:0 0 14px}.signin-form{gap:16px;display:grid}.auth-mode-switch{border:1px solid var(--line);background:var(--surface-ink);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:4px;display:grid}.auth-mode-button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;font-weight:600;transition:border-color .18s,background-color .18s,color .18s}.auth-mode-button:hover{color:var(--text)}.auth-mode-button.is-active{border-color:var(--line-strong);background:var(--accent-soft);color:var(--text)}.field-stack{gap:8px;display:grid}.field-stack span{color:var(--text-soft);font-size:13px}.text-field{border:1px solid var(--line);background:var(--surface-ink);width:100%;min-height:46px;color:var(--text);border-radius:6px;padding:10px 12px}.text-field:focus{border-color:var(--line-strong);outline:none;box-shadow:0 0 0 3px #d5ccb70f}.auth-form-note{color:var(--muted);margin:-4px 0 0;font-size:12px;line-height:1.7}.dev-code-box{background:#d5ccb70a;border:1px dashed #d5ccb759;border-radius:6px;gap:8px;padding:14px;display:grid}.table-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.table-row>div{gap:4px;min-width:0;display:grid}.table-row strong{font-size:15px}.table-row--rich{grid-template-columns:minmax(0,1.4fr) minmax(110px,.8fr) minmax(110px,auto)}.credit-positive{color:var(--success)}.credit-negative{color:var(--danger)}.dashboard-stack{gap:18px;display:grid}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width:1280px){.workspace,.console-grid,.admin-grid,.workspace-header,.console-header{grid-template-columns:1fr}.workspace-header,.console-header,.section-head,.panel-head,.proof-head,.preview-caption{flex-direction:column;align-items:start}.hero-ledger,.console-header-meta{width:100%;min-width:0}.history-card-head{display:grid}}@media (max-width:1040px){.app-shell{grid-template-columns:1fr;gap:24px}.app-sidebar{position:static}.sidebar-nav,.console-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.metric-strip,.console-header-meta{grid-template-columns:1fr}.metric-card,.metric-card--compact{border-right:0;border-top:1px solid var(--line);padding:14px 0}.metric-card:first-child,.metric-card--compact:first-child{border-top:0}}@media (max-width:760px){.app-shell{width:min(100% - 18px,1480px);padding:16px 0 36px}.sidebar-nav,.console-nav,.workspace,.console-grid,.admin-grid{grid-template-columns:1fr}.workspace-shell,.support-panel,.hero-panel,.signin-panel,.console-card,.console-header,.composer-panel,.proof-panel{padding:18px}.hero-title{max-width:none;font-size:clamp(34px,9vw,46px)}.hero-ledger-row,.protocol-item,.table-row,.table-row--rich{grid-template-columns:1fr}.proof-frame{min-height:420px}.preview-stage{min-height:320px}.thumbnail-rail,.upload-grid,.history-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-preview,.reference-strip{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
