:root{color:#202522;background:#f5f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{min-height:38px;border:1px solid #24564f;border-radius:6px;background:#24564f;color:#fff;font-weight:700;cursor:pointer}input,select,textarea{width:100%;min-height:38px;border:1px solid #cbd4cc;border-radius:6px;padding:8px 10px;background:#fff;color:#202522}textarea{min-height:92px;resize:vertical}.app-shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr);background:#f5f7f3}.sidebar{padding:24px 18px;border-right:1px solid #d9dfd7;background:#fff}.brand-block{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:#24564f;color:#fff;font-weight:800}.eyebrow{margin:0;color:#66706a;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:1.35rem;line-height:1.15}h2{font-size:1.02rem}.nav-list{display:grid;gap:8px}.secondary-nav{display:grid;gap:8px;margin-top:22px;border-top:1px solid #d9dfd7;padding-top:14px}.nav-item{justify-content:start;width:100%;border-color:transparent;background:transparent;color:#303834;text-align:left}.nav-item.active{border-color:#24564f;background:#e5efec}.workspace{min-width:0;padding:22px}.route-stack{display:grid;gap:16px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.meta-pill{border:1px solid #cbd4cc;border-radius:999px;padding:6px 12px;background:#fff;color:#303834;font-weight:800}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.status-pill{border:1px solid #d5a642;border-radius:999px;padding:6px 12px;background:#fff6df;color:#6f4c07;font-weight:800}.notice{margin-bottom:16px;border:1px solid #c85f53;border-radius:8px;padding:12px;background:#fff0ed;color:#842d23;font-weight:700}.view-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:14px;align-items:start}.view-grid.three{grid-template-columns:repeat(3,minmax(240px,1fr))}.panel{display:grid;gap:14px;border:1px solid #d9dfd7;border-radius:8px;padding:16px;background:#fff}.panel.wide{grid-column:span 1}.stack{display:grid;gap:10px}.list{display:grid;gap:8px}.list-row{display:flex;justify-content:space-between;gap:10px;width:100%;border-color:#d9dfd7;background:#fff;color:#202522;text-align:left}.list-row.selected{border-color:#24564f;background:#e5efec}.list-row small{color:#66706a;font-weight:800}.package-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%;border-color:#d9dfd7;background:#fff;color:#202522;text-align:left}.package-row.selected{border-color:#24564f;background:#e5efec}.package-row span{display:grid;min-width:0;gap:3px}.package-row strong,.package-row small{overflow-wrap:anywhere}.package-row small,.package-row-meta small{color:#66706a;font-weight:800}.package-note{color:#303834;font-weight:700}.package-row-meta{justify-items:end}.inline-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.button-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.metric-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf0eb;padding-top:8px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.export-policy-control{display:grid;gap:8px;margin:0;border:1px solid #d9dfd7;border-radius:8px;padding:10px}.export-policy-control legend{padding:0 6px;color:#66706a;font-size:.82rem;font-weight:900}.export-policy-control label{display:flex;gap:8px;align-items:center;color:#303834;font-weight:800}.export-policy-control input{width:auto;min-height:0}.export-actions{justify-content:flex-start}.metric-tile{border:1px solid #edf0eb;border-radius:6px;padding:10px;background:#fbfcfa}.status-list{display:grid;gap:8px}.status-row{display:flex;justify-content:space-between;gap:12px;border:1px solid #edf0eb;border-radius:6px;padding:9px 10px}.status-row span{font-weight:800}.status-row small{color:#66706a;font-weight:700;overflow-wrap:anywhere}.status-row.ready{border-color:#b8d6c5;background:#f1faf4}.status-row.attention{border-color:#dca499;background:#fff3f0}.status-row.pending{border-color:#d7c082;background:#fff9e8}.secondary-button,.button-link{min-height:34px;border:1px solid #b8c4be;border-radius:6px;padding:7px 10px;background:#fff;color:#24564f;font-weight:800;text-decoration:none}.secondary-button.danger{border-color:#dca499;color:#842d23}.design-studio-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:14px;align-items:start}.studio-side{position:sticky;top:16px}.area-tabs{display:grid;gap:7px}.area-tab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:36px;border-color:#d9dfd7;background:#fff;color:#202522;text-align:left}.area-tab.active{border-color:#24564f;background:#e5efec}.area-tab small,.lane-heading span{min-width:28px;border-radius:999px;padding:2px 8px;background:#edf0eb;color:#303834;text-align:center;font-weight:900}.studio-main{display:grid;min-width:0;gap:14px}.studio-create-form{display:grid;grid-template-columns:minmax(180px,1fr) 150px;gap:10px}.studio-create-form textarea{min-height:76px}.studio-create-form textarea,.studio-create-form button{grid-column:span 2}.studio-lane{display:grid;gap:10px}.studio-lane.secondary-lane{border-top:1px solid #edf0eb;padding-top:10px}.studio-lane.secondary-lane .lane-heading h2{color:#66706a;font-size:.92rem}.design-history{display:grid;gap:10px}.history-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #edf0eb;border-radius:6px;padding:9px 10px;background:#fbfcfa}.history-item div{display:grid;min-width:0;gap:3px}.history-item strong,.history-item span{overflow-wrap:anywhere}.history-item span,.history-item time{color:#66706a;font-size:.82rem;font-weight:800}.lane-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #d9dfd7;padding-bottom:6px}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.artifact-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:220px;border:1px solid #d9dfd7;border-radius:8px;background:#fff;overflow:hidden}.artifact-card.selected{border-color:#24564f}.artifact-card.shortlisted{border-color:#d5a642}.artifact-card.archived{opacity:.82}.artifact-thumb{display:grid;width:100%;height:100%;min-height:220px;place-items:center;border:0;border-right:1px solid #edf0eb;border-radius:0;background:#fbfcfa;color:#303834}.artifact-thumb img,.artifact-thumb video{width:100%;height:100%;max-height:210px;object-fit:contain}.artifact-thumb span{display:grid;gap:4px;padding:10px;text-align:center}.artifact-thumb small{color:#66706a;font-weight:800;overflow-wrap:anywhere}.artifact-card-body{display:grid;min-width:0;gap:8px;padding:10px}.artifact-card-title{display:grid;gap:5px}.artifact-card-title strong,.artifact-card-body p,.artifact-meta-grid small,.modal-footer span{overflow-wrap:anywhere}.artifact-card-body p{margin:0;color:#66706a}.status-chip{width:fit-content;border:1px solid #cbd4cc;border-radius:999px;padding:2px 8px;background:#f5f7f3;color:#303834;font-size:.75rem;font-weight:900}.artifact-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.artifact-meta-grid small{border:1px solid #edf0eb;border-radius:6px;padding:5px 6px;color:#66706a;font-weight:800}.artifact-actions{display:flex;flex-wrap:wrap;gap:6px}.artifact-actions button{min-height:32px;padding:6px 9px}.artifact-edit{border-top:1px solid #edf0eb;padding-top:6px}.artifact-edit summary{color:#24564f;cursor:pointer;font-weight:900}.compact-form{display:grid;gap:7px;margin-top:7px}.compact-form textarea{min-height:68px}.library-layout,.preview-flow-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:14px;align-items:start}.library-filters,.flow-summary{position:sticky;top:16px}.library-main,.flow-main{display:grid;min-width:0;gap:14px}.filter-buttons{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{min-height:32px;border-color:#d9dfd7;padding:6px 9px;background:#fff;color:#303834}.filter-chip.active,.secondary-button.active{border-color:#24564f;background:#e5efec;color:#24564f}.library-card-shell{display:grid;gap:6px}.compare-toggle{display:flex;gap:8px;align-items:center;border:1px solid #d9dfd7;border-radius:6px;padding:8px 10px;background:#fff;color:#303834;font-weight:800}.compare-toggle input{width:auto;min-height:auto}.comparison-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.comparison-panel.compare-count-2{grid-template-columns:repeat(2,minmax(220px,1fr))}.comparison-panel.compare-count-3{grid-template-columns:repeat(3,minmax(200px,1fr))}.comparison-panel.compare-count-4{grid-template-columns:repeat(4,minmax(180px,1fr))}.comparison-item{display:grid;min-width:0;border:1px solid #d9dfd7;border-radius:8px;background:#fff;overflow:hidden}.comparison-preview,.flow-preview{display:grid;width:100%;min-height:180px;place-items:center;border:0;border-radius:0;background:#eef2ef;color:#303834}.comparison-preview img,.comparison-preview video,.flow-preview img,.flow-preview video{width:100%;height:100%;max-height:260px;object-fit:contain}.comparison-preview span,.flow-preview span{display:grid;gap:5px;padding:12px;text-align:center;overflow-wrap:anywhere}.comparison-body{display:grid;min-width:0;gap:9px;padding:12px}.comparison-body p,.comparison-body h2,.flow-rail-item strong,.warning-row span{overflow-wrap:anywhere}.comparison-body p{margin:0;color:#66706a}.flow-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.flow-rail-item{display:grid;min-width:0;gap:8px;border:1px solid #b8d6c5;border-radius:8px;padding:10px;background:#f8fcf9}.flow-rail-item.missing{border-color:#d7c082;background:#fff9e8}.flow-rail-label,.warning-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.flow-rail-label span{font-weight:900}.flow-rail-label small{border-radius:999px;padding:2px 8px;background:#edf0eb;color:#303834;font-weight:900}.flow-preview.empty-state{min-height:180px;border:1px dashed #cbd4cc;color:#66706a;font-weight:800}.warning-list{display:grid;gap:8px}.warning-row.blocking{border-color:#c85f53;background:#fff0ed}.warning-row{border:1px solid #d7c082;border-radius:6px;padding:10px;background:#fff9e8}.warning-row span{color:#6f4c07;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#151c1894}.preview-modal{display:grid;width:min(1040px,100%);max-height:calc(100vh - 48px);border-radius:8px;background:#fff;box-shadow:0 18px 50px #131c1738;overflow:hidden}.preview-modal:focus-within{outline:2px solid #24564f;outline-offset:2px}.modal-header,.modal-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px}.modal-header{border-bottom:1px solid #edf0eb}.modal-footer{border-top:1px solid #edf0eb}.preview-stage{display:grid;min-height:220px;place-items:center;background:#eef2ef}.preview-stage.large{height:min(68vh,680px)}.preview-media.contain{width:100%;height:100%;object-fit:contain}.preview-fallback{display:grid;gap:6px;max-width:520px;padding:16px;color:#303834;text-align:center}.preview-fallback span{color:#66706a;font-weight:800}.history-panel{align-content:start}.history-row{display:grid;gap:6px;border:1px solid #edf0eb;border-radius:6px;padding:10px;background:#fbfcfa}.history-row div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.history-row p{margin:0;color:#303834}.history-row time{color:#66706a;font-size:.78rem;font-weight:800;text-align:right}.history-chips{display:flex;flex-wrap:wrap;gap:6px}.history-chips span{border:1px solid #d9dfd7;border-radius:999px;padding:3px 8px;background:#fff;color:#303834;font-size:.78rem;font-weight:800}.empty{margin:0;color:#66706a}.record-line{margin:0;border-top:1px solid #edf0eb;padding-top:8px;overflow-wrap:anywhere}.note-line{color:#303834;font-weight:700}.diagnostics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.diagnostics div{border:1px solid #edf0eb;border-radius:6px;padding:10px}dt{margin:0 0 4px;color:#66706a;font-size:.75rem;font-weight:800}dd{margin:0;overflow-wrap:anywhere;font-weight:700}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d9dfd7}.view-grid,.view-grid.three,.design-studio-layout,.library-layout,.preview-flow-layout,.diagnostics,.comparison-panel,.comparison-panel.compare-count-2,.comparison-panel.compare-count-3,.comparison-panel.compare-count-4,.summary-grid{grid-template-columns:1fr}.studio-side,.library-filters,.flow-summary{position:static}.studio-create-form,.artifact-card{grid-template-columns:1fr}.studio-create-form textarea,.studio-create-form button{grid-column:span 1}.artifact-thumb{min-height:160px;border-right:0;border-bottom:1px solid #edf0eb}.modal-header,.modal-footer{align-items:stretch;flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column}.package-row,.status-row,.inline-actions{grid-template-columns:1fr;align-items:stretch;flex-direction:column}.package-row-meta{justify-items:start}}