*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.generator-shell{min-height:100vh;display:grid;grid-template-columns:minmax(220px,252px) minmax(620px,1fr) minmax(260px,310px);gap:var(--spacing-16);padding:var(--spacing-16)}.demo-panel,.preview-panel{border:1px solid var(--color-divider-base-2);border-radius:var(--radius-8);background:var(--color-bg-card);box-shadow:var(--shadow-1)}.demo-panel{align-self:start;padding:var(--spacing-20);max-height:calc(100vh - var(--spacing-3xl));overflow:auto}.panel-kicker,.preview-chrome span{color:var(--color-text-auxiliary);font-size:11px;font-weight:600;letter-spacing:.08em}.demo-panel h2{margin:var(--spacing-8) 0 var(--spacing-20);font-size:16px;line-height:1.3}.demo-panel section{border-top:1px solid var(--color-divider-base-1);padding:var(--spacing-16) 0}.demo-panel section>span{display:block;color:var(--color-text-secondary);font-size:12px;margin-bottom:var(--spacing-8)}.demo-panel p{margin:0;color:var(--color-text-primary);line-height:1.65}.requirement-panel ul{margin:0;padding-left:var(--spacing-16);color:var(--color-text-secondary);line-height:1.9}.requirement-form{display:grid;gap:var(--spacing-8);margin-bottom:var(--spacing-16)}.requirement-form label{color:var(--color-text-secondary);font-size:12px}.requirement-form textarea{min-height:132px;resize:vertical;border:1px solid var(--color-border-base);border-radius:var(--radius-4);outline:0;padding:var(--spacing-8);background:var(--color-bg-card);color:var(--color-text-primary);line-height:1.55}.requirement-form textarea:focus{border-color:var(--color-border-primary-normal);box-shadow:var(--shadow-diffusion-primary)}.generate-button{min-height:34px;border:1px solid var(--color-primary-normal);border-radius:var(--radius-4);background:var(--color-primary-normal);color:var(--color-text-constant-normal)}.generate-button:disabled{cursor:not-allowed;opacity:.55}.generation-status{border-left:2px solid var(--color-primary-normal);background:var(--color-primary-bg)}.generation-status[data-status=error]{border-color:var(--color-error-normal);background:var(--color-error-bg)}.generation-status ul{margin-top:var(--spacing-8);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.requirement-panel footer{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);padding-top:var(--spacing-16);color:var(--color-text-auxiliary)}.requirement-panel code{color:var(--color-text-secondary);overflow-wrap:anywhere}.preview-panel{position:relative;min-width:0;overflow:hidden}.preview-chrome{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-12) var(--spacing-16);border-bottom:1px solid var(--color-divider-base-2)}.preview-chrome>div{display:grid;gap:var(--spacing-4)}.preview-chrome strong{font-size:14px}.state-switcher{display:flex!important;grid-auto-flow:column;gap:var(--spacing-4)}.state-switcher button{border:1px solid var(--color-divider-base-2);border-radius:var(--radius-4);background:var(--color-bg-card);color:var(--color-text-secondary);padding:var(--spacing-4) var(--spacing-8);font-size:11px}.state-switcher button:hover{color:var(--color-primary-normal);border-color:var(--color-border-primary-normal)}.prototype-stage{min-height:calc(100vh - 88px);padding:var(--spacing-16);overflow:auto}.ds-layout{display:grid;gap:var(--spacing-16)}.ds-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-16);padding-bottom:var(--spacing-16);border-bottom:1px solid var(--color-divider-base-1)}.ds-page-header h1{font-size:24px;line-height:1.25;margin:0;font-weight:600}.ds-page-header p{color:var(--color-text-secondary);margin:var(--spacing-4) 0 0}.ds-page-header-actions{display:flex;gap:var(--spacing-8);flex-wrap:wrap;justify-content:flex-end}.ds-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:var(--spacing-16)}.ds-grid[data-span="6"]{grid-column:span 6;display:block}.ds-grid[data-span="12"]{grid-column:span 12;display:block}.ds-grid[data-span="24"]{grid-column:span 24}.ds-card{padding:var(--spacing-16);min-width:0;border:1px solid var(--color-divider-base-1);border-radius:var(--radius-8);background:var(--color-bg-card)}.ds-card[data-bordered=false]{border-color:var(--color-divider-base-1)}.ds-statistic{display:grid;gap:var(--spacing-8)}.ds-statistic>span{color:var(--color-text-secondary);font-size:12px}.ds-statistic strong{font-size:28px;line-height:1;letter-spacing:-.03em}.ds-grid>.ds-grid:nth-child(2) .ds-statistic strong{color:var(--color-success-normal)}.ds-grid>.ds-grid:nth-child(3) .ds-statistic strong{color:var(--color-error-normal)}.ds-grid>.ds-grid:nth-child(4) .ds-statistic strong{color:var(--color-warm-normal)}.ds-space{display:flex;align-items:center;gap:var(--spacing-12);flex-wrap:wrap}.ds-space[data-direction=vertical]{align-items:stretch;flex-direction:column}.ds-space[data-size=small]{gap:var(--spacing-8)}.ds-space[data-size=large]{gap:var(--spacing-24)}.ds-card>.ds-space+.ds-space{margin-top:var(--spacing-16);border-top:1px solid var(--color-divider-base-1);padding-top:var(--spacing-12)}.ds-button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:var(--spacing-8);border:1px solid var(--color-border-base);border-radius:var(--radius-4);background:var(--color-bg-card);color:var(--color-text-primary);padding:var(--spacing-4) var(--spacing-12);transition:color var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard);white-space:nowrap}.ds-button:hover:not(:disabled){color:var(--color-primary-normal);border-color:var(--color-border-primary-normal)}.ds-button[data-type=primary]{color:var(--color-text-constant-normal);border-color:var(--color-primary-normal);background:var(--color-primary-normal)}.ds-button[data-type=primary]:hover:not(:disabled){color:var(--color-text-constant-normal);background:var(--color-primary-hover)}.ds-button[data-type=link],.ds-button[data-type=text]{border-color:transparent;background:transparent;color:var(--color-primary-normal);padding-inline:var(--spacing-4)}.ds-button:disabled{cursor:not-allowed;opacity:.58}.ds-button-spinner{width:12px;height:12px;border:2px solid var(--color-text-constant-normal);border-right-color:transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite}.ds-input,.ds-select,.ds-search{min-height:34px;border:1px solid var(--color-border-base);border-radius:var(--radius-4);background:var(--color-bg-card);color:var(--color-text-primary)}.ds-input,.ds-select{padding:var(--spacing-4) var(--spacing-8)}.ds-select{min-width:116px}.ds-search{display:inline-flex;align-items:center;gap:var(--spacing-8);min-width:234px;padding:0 var(--spacing-8);color:var(--color-text-auxiliary)}.ds-search input{width:100%;border:0;outline:0;background:transparent;color:var(--color-text-primary)}.ds-search button{border:0;background:transparent;color:var(--color-text-auxiliary)}.ds-input:focus,.ds-select:focus,.ds-search:focus-within{outline:0;border-color:var(--color-border-primary-normal);box-shadow:var(--shadow-diffusion-primary)}.ds-table-wrap{margin-top:var(--spacing-16);overflow-x:auto;border:1px solid var(--color-divider-base-2);border-radius:var(--radius-4)}.ds-table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px}.ds-table th{height:42px;text-align:left;color:var(--color-text-secondary);font-weight:500;background:var(--color-bg-page)}.ds-table td,.ds-table th{padding:0 var(--spacing-12);border-bottom:1px solid var(--color-divider-base-1)}.ds-table td{height:48px;color:var(--color-text-primary)}.ds-table tbody tr:hover{background:var(--color-bg-page)}.ds-table tr:last-child td{border-bottom:0}.ds-table input{accent-color:var(--color-primary-normal)}.ds-name-link,.ds-row-actions button{border:0;padding:0;color:var(--color-primary-normal);background:transparent}.ds-name-link{text-align:left}.ds-row-actions{display:flex;gap:var(--spacing-8);white-space:nowrap}.ds-network{display:grid;gap:var(--spacing-4)}.ds-network small{color:var(--color-text-auxiliary);font-family:var(--font-mono)}.ds-status{display:inline-flex;gap:var(--spacing-8);align-items:center}.ds-status i{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-auxiliary)}.ds-status[data-status=online] i{background:var(--color-success-normal)}.ds-status[data-status=offline] i{background:var(--color-error-normal)}.ds-status[data-status=error] i{background:var(--color-warm-normal)}.ds-table-empty{padding:var(--spacing-5xl);color:var(--color-text-auxiliary);text-align:center}.ds-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-12);padding-top:var(--spacing-16);color:var(--color-text-secondary)}.ds-pagination>div{display:flex;gap:var(--spacing-4)}.ds-pagination button{min-width:28px;height:28px;border:1px solid var(--color-divider-base-2);border-radius:var(--radius-4);background:var(--color-bg-card);color:var(--color-text-secondary)}.ds-pagination button[data-active=true]{border-color:var(--color-primary-normal);background:var(--color-primary-normal);color:var(--color-text-constant-normal)}.ds-pagination select{height:28px;border:1px solid var(--color-divider-base-2);border-radius:var(--radius-4);color:var(--color-text-secondary);background:var(--color-bg-card)}.ds-typography{margin:0;line-height:1.5}.ds-typography[data-type=secondary]{color:var(--color-text-secondary);font-size:12px}.ds-form{display:grid;gap:var(--spacing-12)}.ds-form>.ds-typography[data-type=secondary]{margin-top:var(--spacing-4)}.ds-upload{display:grid;gap:var(--spacing-4);padding:var(--spacing-12);border:1px dashed var(--color-border-base);border-radius:var(--radius-4);color:var(--color-primary-normal);cursor:pointer}.ds-upload input{display:none}.ds-upload small{color:var(--color-text-secondary)}.ds-tabs nav{display:flex;gap:var(--spacing-20);border-bottom:1px solid var(--color-divider-base-2);margin-bottom:var(--spacing-16)}.ds-tabs nav button{padding:0 0 var(--spacing-8);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary)}.ds-tabs nav button[data-active=true]{border-color:var(--color-primary-normal);color:var(--color-primary-normal)}.ds-descriptions{display:grid;gap:var(--spacing-12);margin:0}.ds-descriptions>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:var(--spacing-12)}.ds-descriptions dt{color:var(--color-text-secondary)}.ds-descriptions dd{margin:0;font-family:var(--font-mono);overflow-wrap:anywhere}.ds-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:flex-end;background:var(--surface-mask);animation:fade-in var(--duration-normal) var(--easing-standard)}.ds-drawer{width:min(520px,92vw);height:100%;display:grid;grid-template-rows:auto 1fr auto;background:var(--color-bg-card);box-shadow:var(--shadow-3);animation:slide-in var(--duration-normal) var(--easing-standard)}.ds-drawer>header,.ds-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-20);border-bottom:1px solid var(--color-divider-base-1)}.ds-drawer>header button{border:0;background:transparent;color:var(--color-text-secondary);font-size:20px}.ds-drawer>section{overflow:auto;padding:var(--spacing-20)}.ds-drawer>footer{border-top:1px solid var(--color-divider-base-1);border-bottom:0;justify-content:flex-end}.ds-drawer>footer .ds-button+.ds-button{margin-left:var(--spacing-8)}.ds-progress{display:flex;align-items:center;gap:var(--spacing-12)}.ds-progress>div{flex:1;height:8px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-fill-base-normal)}.ds-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-primary-normal);transition:width var(--duration-normal) var(--easing-standard)}.ds-progress[data-status=success] span{background:var(--color-success-normal)}.ds-progress b{min-width:34px;font-size:12px;color:var(--color-text-secondary)}.ds-empty,.ds-skeleton,.ds-result{min-height:300px;display:grid;align-content:center;justify-items:center;gap:var(--spacing-12);color:var(--color-text-auxiliary);text-align:center}.ds-empty strong,.ds-result strong{display:grid;width:48px;height:48px;place-items:center;border-radius:var(--radius-full);color:var(--color-primary-normal);background:var(--color-primary-bg);font-size:24px}.ds-result[data-status=error] strong{color:var(--color-error-normal);background:var(--color-error-bg)}.ds-result h2{color:var(--color-text-primary);margin:0}.ds-skeleton{justify-items:stretch;padding:var(--spacing-4xl)}.ds-skeleton i{display:block;height:16px;border-radius:var(--radius-4);background:var(--color-fill-base-normal);animation:pulse 1.5s ease-in-out infinite}.ds-skeleton i:nth-child(2){width:76%}.ds-skeleton i:nth-child(3){width:92%}.ds-skeleton i:nth-child(4){width:58%}.ds-skeleton p{text-align:center}.ds-unknown-component{padding:var(--spacing-16);border:1px dashed var(--color-error-normal);color:var(--color-error-normal)}.toast-stack{position:fixed;z-index:40;top:var(--spacing-24);left:50%;display:grid;gap:var(--spacing-8);transform:translate(-50%)}.ds-toast{padding:var(--spacing-8) var(--spacing-16);border-radius:var(--radius-4);background:var(--surface-toast-bg);color:var(--surface-toast-fg);box-shadow:var(--shadow-3)}.ds-toast[data-type=success]{background:var(--color-success-normal)}.ds-toast[data-type=error]{background:var(--color-error-normal)}.ds-toast[data-type=loading]{background:var(--color-primary-normal)}.coverage{display:grid;gap:var(--spacing-8)}.coverage strong{font-size:30px;line-height:1}.coverage p{color:var(--color-text-secondary);font-size:12px}.coverage>div{height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-fill-base-normal)}.coverage i{display:block;height:100%;border-radius:inherit;background:var(--color-primary-normal)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.metrics div{display:grid;gap:var(--spacing-4);padding:var(--spacing-8);border-radius:var(--radius-4);background:var(--color-bg-page)}.metrics strong{font-size:18px}.metrics span,.component-list small,.gap-list small{color:var(--color-text-auxiliary);font-size:11px}.component-list,.rule-list,.gap-list{display:grid;gap:var(--spacing-8);margin:0;padding:0;list-style:none}.component-list li{display:flex;gap:var(--spacing-8);align-items:flex-start}.component-list b{color:var(--color-success-normal)}.component-list li[data-status=unregistered] b{color:var(--color-warm-normal)}.component-list li[data-status=unknown] b{color:var(--color-error-normal)}.component-list strong,.component-list small,.gap-list strong,.gap-list small{display:block}.rule-list li:before{content:"✓";margin-right:var(--spacing-8);color:var(--color-success-normal)}.rule-list li[data-ok=false]:before{content:"!";color:var(--color-warm-normal)}.gap-list li{padding:var(--spacing-8);border-left:2px solid var(--color-warm-normal);background:var(--color-fill-warm)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(24px)}to{transform:translate(0)}}@keyframes pulse{50%{opacity:.42}}@media (max-width: 1250px){.generator-shell{grid-template-columns:minmax(200px,230px) minmax(580px,1fr)}.inspector-panel{grid-column:1 / -1;max-height:none}.inspector-panel .component-list{grid-template-columns:repeat(3,1fr)}.prototype-stage{min-height:720px}}@media (max-width: 850px){.generator-shell{grid-template-columns:1fr;padding:var(--spacing-8)}.demo-panel{max-height:none}.requirement-panel{order:2}.preview-panel{order:1}.inspector-panel{order:3}.inspector-panel .component-list{grid-template-columns:repeat(2,1fr)}.prototype-stage{min-height:640px}.ds-grid[data-span="6"]{grid-column:span 12}.ds-page-header{flex-direction:column}.ds-page-header-actions{justify-content:flex-start}}@media (max-width: 520px){.preview-chrome{align-items:flex-start;gap:var(--spacing-8);flex-direction:column}.ds-grid[data-span="6"]{grid-column:span 24}.inspector-panel .component-list{grid-template-columns:1fr}.ds-pagination{align-items:flex-end;flex-wrap:wrap}.ds-search{min-width:100%}}.workspace-shell{min-height:100vh;display:grid;grid-template-rows:56px minmax(0,1fr) auto;background:var(--color-bg-page)}.workspace-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--spacing-24);border-bottom:1px solid var(--color-divider-base-2);background:var(--color-bg-card);box-shadow:var(--shadow-1)}.workspace-brand{display:inline-flex;min-width:0;align-items:center;gap:var(--spacing-12)}.workspace-brand-mark{display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-6);background:var(--color-primary-normal);color:var(--color-text-constant-normal);font-family:var(--font-mono);font-size:13px;font-weight:700}.workspace-brand strong,.workspace-brand small{display:block}.workspace-brand strong{font-size:14px;letter-spacing:-.01em}.workspace-brand small{margin-top:2px;color:var(--color-text-auxiliary);font-size:11px}.workspace-header-actions{display:flex;align-items:center;gap:var(--spacing-12)}.workspace-ready{display:inline-flex;align-items:center;gap:var(--spacing-8);color:var(--color-text-secondary);font-size:12px}.workspace-ready i,.prototype-status i{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-error-normal)}.workspace-ready i[data-ready=true],.prototype-status i[data-ready=true]{background:var(--color-success-normal)}.workspace-ready b{color:var(--color-text-primary);font-weight:600}.workspace-text-button,.prototype-toolbar button,.prototype-state-controls button{min-height:30px;border:1px solid transparent;border-radius:var(--radius-4);background:transparent;color:var(--color-text-secondary);font-size:12px}.workspace-text-button{padding:0 var(--spacing-8)}.workspace-text-button:hover,.prototype-toolbar button:hover,.prototype-state-controls button:hover{color:var(--color-primary-normal);background:var(--color-primary-bg)}.workspace-new-button{min-height:32px;border:1px solid var(--color-primary-normal);border-radius:var(--radius-4);background:var(--color-primary-normal);color:var(--color-text-constant-normal);padding:0 var(--spacing-12);font-size:12px;font-weight:600}.workspace-new-button:hover{background:var(--color-primary-hover)}.workspace-grid{display:grid;grid-template-columns:minmax(280px,320px) minmax(600px,1fr) minmax(280px,316px);gap:var(--spacing-16);min-height:0;padding:var(--spacing-16)}.workspace-shell--inspector-collapsed .workspace-grid{grid-template-columns:minmax(280px,320px) minmax(600px,1fr)}.workspace-panel,.prototype-workspace{min-width:0;border:1px solid var(--color-divider-base-2);border-radius:var(--radius-8);background:var(--color-bg-card);box-shadow:var(--shadow-1)}.workspace-panel{align-self:start;max-height:calc(100vh - 104px);overflow:auto;padding:var(--spacing-20)}.workspace-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-12)}.workspace-panel-heading>div>span,.prototype-header>div>span{color:var(--color-text-auxiliary);font-size:10px;font-weight:700;letter-spacing:.1em}.workspace-panel h2{margin:var(--spacing-4) 0 0;color:var(--color-text-primary);font-size:17px;letter-spacing:-.02em}.workspace-panel-heading p{margin:var(--spacing-4) 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.45}.manual-mode{flex:0 0 auto;border:1px solid var(--color-divider-base-2);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:3px var(--spacing-8);font-size:10px}.workspace-requirement-form{display:grid;gap:var(--spacing-8);margin-top:var(--spacing-20)}.workspace-requirement-form label{color:var(--color-text-secondary);font-size:12px}.workspace-requirement-form textarea{min-height:164px;width:100%;resize:vertical;border:1px solid var(--color-border-base);border-radius:var(--radius-6);outline:none;background:var(--color-bg-page);color:var(--color-text-primary);padding:var(--spacing-12);line-height:1.6}.workspace-requirement-form textarea:focus{border-color:var(--color-border-primary-normal);box-shadow:var(--shadow-diffusion-primary)}.workspace-generate-button{min-height:36px;border:1px solid var(--color-primary-normal);border-radius:var(--radius-4);background:var(--color-primary-normal);color:var(--color-text-constant-normal);font-weight:600}.workspace-generate-button:hover:not(:disabled){background:var(--color-primary-hover)}.workspace-generate-button:disabled{cursor:not-allowed;opacity:.6}.workspace-generation-note{margin-top:var(--spacing-16);border-left:2px solid var(--color-border-base);background:var(--color-fill-base-normal);padding:var(--spacing-8) var(--spacing-12)}.workspace-generation-note--ready{border-color:var(--color-success-normal);background:var(--color-fill-success)}.workspace-generation-note--validating{border-color:var(--color-primary-normal);background:var(--color-primary-bg)}.workspace-generation-note--error{border-color:var(--color-error-normal);background:var(--color-error-bg)}.workspace-generation-note b{color:var(--color-text-primary);font-size:12px}.workspace-generation-note p{margin:var(--spacing-4) 0 0;color:var(--color-text-secondary);font-size:11px;line-height:1.5}.workspace-analysis,.workspace-examples,.workspace-schema-meta{margin-top:var(--spacing-20);padding-top:var(--spacing-16);border-top:1px solid var(--color-divider-base-1)}.section-label{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.section-label b{color:var(--color-text-auxiliary);font-size:11px}.workspace-analysis dl{display:grid;gap:var(--spacing-12);margin:var(--spacing-12) 0 0}.workspace-analysis dl>div{display:grid;gap:2px}.workspace-analysis dt{color:var(--color-text-auxiliary);font-size:11px}.workspace-analysis dd{margin:0;color:var(--color-text-primary);font-size:13px}.workspace-analysis h3{margin:var(--spacing-16) 0 var(--spacing-8);color:var(--color-text-auxiliary);font-size:11px;font-weight:500}.workspace-analysis ul{display:grid;gap:var(--spacing-8);margin:0;padding:0;list-style:none}.workspace-analysis li{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.workspace-analysis li:before{content:"•";color:var(--color-primary-normal);margin-right:var(--spacing-8)}.workspace-examples>div{display:grid;gap:var(--spacing-4);margin-top:var(--spacing-12)}.workspace-examples button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:30px;border:0;border-radius:var(--radius-4);background:transparent;color:var(--color-text-secondary);padding:0 var(--spacing-8);text-align:left;font-size:12px}.workspace-examples button:hover{background:var(--color-bg-page);color:var(--color-primary-normal)}.workspace-examples button small{color:var(--color-text-auxiliary);font-size:10px}.workspace-examples button[data-available=false]{color:var(--color-text-auxiliary)}.workspace-schema-meta{display:flex;justify-content:space-between;gap:var(--spacing-8);color:var(--color-text-auxiliary);font-size:10px}.workspace-schema-meta b{color:var(--color-text-secondary);font-weight:500}.prototype-workspace{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:calc(100vh - 104px);overflow:hidden}.prototype-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);padding:var(--spacing-16) var(--spacing-20);border-bottom:1px solid var(--color-divider-base-1)}.prototype-header h1{margin:var(--spacing-4) 0 0;font-size:17px;letter-spacing:-.02em}.prototype-status{display:inline-flex;align-items:center;gap:var(--spacing-8);color:var(--color-text-secondary);font-size:11px;white-space:nowrap}.prototype-status b{border:1px solid var(--color-divider-base-2);border-radius:var(--radius-4);color:var(--color-text-primary);padding:2px 5px;font-size:10px}.prototype-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--color-divider-base-1);background:var(--color-bg-card)}.viewport-segmented{display:inline-flex;gap:2px;border:1px solid var(--color-divider-base-2);border-radius:var(--radius-6);background:var(--color-bg-page);padding:2px}.viewport-segmented button{min-height:26px;padding:0 var(--spacing-8)}.viewport-segmented button[data-active=true]{background:var(--color-bg-card);box-shadow:var(--shadow-1);color:var(--color-text-primary)}.prototype-toolbar-actions{display:flex;gap:var(--spacing-4)}.prototype-toolbar-actions button{padding:0 var(--spacing-8)}.prototype-canvas{min-height:0;overflow:auto;background:var(--color-bg-page);padding:var(--spacing-24)}.prototype-viewport{margin:0 auto;border:1px solid var(--color-border-base);border-radius:var(--radius-8);background:var(--color-bg-card);box-shadow:var(--shadow-2);transition:width var(--duration-normal) var(--easing-standard),box-shadow var(--duration-normal) var(--easing-standard);overflow:hidden}.prototype-viewport--desktop{width:min(100%,1280px)}.prototype-viewport--tablet{width:min(100%,768px)}.prototype-viewport--mobile{width:min(100%,375px)}.prototype-viewport-bar{display:flex;align-items:center;justify-content:space-between;height:30px;border-bottom:1px solid var(--color-divider-base-1);background:var(--color-fill-base-normal);color:var(--color-text-auxiliary);padding:0 var(--spacing-12);font-size:10px}.prototype-viewport-bar>div{display:flex;gap:4px}.prototype-viewport-bar i{width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-text-disable)}.prototype-render-surface{min-height:620px;padding:var(--spacing-20);background:var(--color-bg-card)}.prototype-viewport--mobile .prototype-render-surface,.prototype-viewport--mobile .ds-card{padding:var(--spacing-12)}.prototype-viewport--mobile .ds-page-header h1{font-size:19px}.prototype-viewport--mobile .ds-pagination{justify-content:flex-start}.prototype-state-controls{display:flex;align-items:center;gap:var(--spacing-8);min-height:42px;padding:0 var(--spacing-16);border-top:1px solid var(--color-divider-base-1);background:var(--color-bg-card)}.prototype-state-controls>span{margin-right:var(--spacing-4);color:var(--color-text-auxiliary);font-size:11px}.prototype-state-controls button{min-height:24px;padding:0 var(--spacing-8);text-transform:capitalize}.prototype-state-controls button[data-active=true]{background:var(--color-primary-bg);color:var(--color-primary-normal)}.workspace-inspector{padding-bottom:var(--spacing-24)}.inspector-coverage{display:grid;gap:var(--spacing-4);margin-top:var(--spacing-20);padding:var(--spacing-16);border-radius:var(--radius-6);background:var(--color-bg-page)}.inspector-coverage>span{color:var(--color-text-secondary);font-size:12px}.inspector-coverage strong{font-size:32px;letter-spacing:-.05em;line-height:1}.inspector-coverage p{margin:0;color:var(--color-text-secondary);font-size:11px}.inspector-coverage>div{height:5px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-fill-base-normal)}.inspector-coverage i{display:block;height:100%;border-radius:inherit;background:var(--color-primary-normal)}.inspector-section{margin-top:var(--spacing-20);padding-top:var(--spacing-16);border-top:1px solid var(--color-divider-base-1)}.validation-row{display:flex;align-items:center;justify-content:space-between;min-height:28px;color:var(--color-text-secondary);font-size:12px}.validation-row span{display:inline-flex;align-items:center;gap:var(--spacing-8)}.validation-row i{display:grid;width:14px;height:14px;place-items:center;border-radius:var(--radius-full);background:var(--color-fill-success);color:var(--color-success-normal);font-size:10px;font-style:normal}.validation-row i[data-valid=false]{background:var(--color-fill-error);color:var(--color-error-normal)}.validation-row b{color:var(--color-text-primary);font-size:12px;font-weight:500}.workspace-component-list,.workspace-gap-list,.workspace-warning-list{display:grid;gap:var(--spacing-8);margin:var(--spacing-12) 0 0;padding:0;list-style:none}.workspace-component-list li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-8);color:var(--color-text-primary);font-size:12px}.workspace-component-list i{color:var(--color-success-normal);font-style:normal}.workspace-component-list li[data-status=unregistered] i{color:var(--color-warm-normal)}.workspace-component-list li[data-status=unknown] i{color:var(--color-error-normal)}.workspace-component-list small{color:var(--color-text-auxiliary);font-size:9px}.inspector-empty,.inspector-pass{margin:var(--spacing-12) 0 0;color:var(--color-text-secondary);font-size:12px}.inspector-pass:before{content:"✓";color:var(--color-success-normal);margin-right:var(--spacing-8)}.workspace-gap-list li,.workspace-warning-list li{border-left:2px solid var(--color-warm-normal);background:var(--color-fill-warm);padding:var(--spacing-8);color:var(--color-text-secondary);font-size:11px;line-height:1.45}.workspace-gap-list strong,.workspace-gap-list span{display:block}.workspace-gap-list strong{color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.inspector-decision{margin:var(--spacing-8) 0 0;color:var(--color-text-auxiliary);font-size:11px;line-height:1.5}.follow-up-bar{position:sticky;bottom:0;z-index:20;padding:var(--spacing-12) var(--spacing-16);border-top:1px solid var(--color-divider-base-2);background:var(--color-bg-card)}.follow-up-bar form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--spacing-12);max-width:940px;margin:0 auto}.follow-up-bar form>span{color:var(--color-text-auxiliary);font-size:10px;font-weight:700;letter-spacing:.08em}.follow-up-bar input{width:100%;min-height:34px;border:0;outline:0;background:transparent;color:var(--color-text-primary)}.follow-up-bar input::placeholder{color:var(--color-text-auxiliary)}.follow-up-bar button{min-height:30px;border:1px solid var(--color-border-base);border-radius:var(--radius-4);background:var(--color-bg-card);color:var(--color-text-primary);padding:0 var(--spacing-12);font-size:12px}.follow-up-bar button:hover{color:var(--color-primary-normal);border-color:var(--color-border-primary-normal)}.follow-up-bar p{max-width:940px;margin:var(--spacing-4) auto 0;color:var(--color-text-auxiliary);font-size:11px}@media (max-width: 1180px){.workspace-grid{grid-template-columns:minmax(248px,280px) minmax(560px,1fr)}.workspace-inspector{grid-column:1 / -1;max-height:360px}}@media (max-width: 1000px){.workspace-header{padding-inline:var(--spacing-16)}.workspace-ready{display:none}.workspace-grid,.workspace-shell--inspector-collapsed .workspace-grid{grid-template-columns:minmax(230px,280px) minmax(0,1fr);padding:var(--spacing-12)}.workspace-panel,.prototype-canvas{padding:var(--spacing-16)}.prototype-toolbar{align-items:flex-start;flex-direction:column}.prototype-toolbar-actions{align-self:stretch;justify-content:flex-end}}@media (max-width: 760px){.workspace-shell{grid-template-rows:auto auto auto}.workspace-header{align-items:flex-start;gap:var(--spacing-12);padding-block:var(--spacing-12)}.workspace-header-actions{justify-content:flex-end;flex-wrap:wrap}.workspace-brand small,.workspace-text-button{display:none}.workspace-grid,.workspace-shell--inspector-collapsed .workspace-grid{grid-template-columns:1fr}.workspace-panel{max-height:none}.workspace-requirement-panel{order:2}.prototype-workspace{order:1;min-height:720px}.prototype-canvas{padding:var(--spacing-12)}.prototype-viewport--tablet,.prototype-viewport--mobile{margin-left:0}.follow-up-bar form{grid-template-columns:1fr auto}.follow-up-bar form>span{display:none}}