:root{--bg:#f4efe4;--surface:rgba(255,251,245,.76);--surface-strong:rgba(255,251,245,.94);--ink:#102227;--muted:#53666c;--line:rgba(16,34,39,.14);--brand:#0f6b78;--brand-soft:#d4ecef;--accent:#d86b45;--accent-soft:#fde7de;--success:#2e7d5a;--success-soft:#dcf2e8;--warning:#a06b12;--warning-soft:#f8e9c5;--shadow:0 24px 60px rgba(16,34,39,.08);--radius-xl:28px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(216,107,69,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(15,107,120,.18),transparent 38%),linear-gradient(180deg,#fbf7ef,#f3ecdf);font-family:Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.64}.shell{display:grid;grid-template-columns:290px minmax(0,1fr)}.shell,.sidebar{min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;padding:28px 22px;border-right:1px solid var(--line);background:rgba(11,33,38,.9);color:#eef5f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{padding:20px;border-radius:var(--radius-lg);background:linear-gradient(155deg,rgba(216,107,69,.95),rgba(15,107,120,.95));box-shadow:var(--shadow)}.brand-kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.82}.brand-title{margin:10px 0 8px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.85rem;line-height:1.05}.brand-copy{margin:0;font-size:.94rem;line-height:1.5}.nav-group{margin-top:26px}.nav-label{margin-bottom:10px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(238,245,242,.66)}.nav-stack{display:grid;grid-gap:10px;gap:10px}.nav-link{padding:14px 16px;border-radius:14px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.06);transition:transform .16s ease,background .16s ease,border-color .16s ease}.nav-link:hover{transform:translateX(3px);background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.12)}.nav-link strong{display:block;font-size:.96rem}.nav-link span{display:block;margin-top:4px;font-size:.86rem;color:rgba(238,245,242,.72)}.sidebar-note{margin-top:26px;padding:16px;border-radius:16px;background:rgba(255,251,245,.08)}.sidebar-note h3{margin:0 0 10px;font-size:.94rem}.sidebar-note p{margin:0;color:rgba(238,245,242,.74);line-height:1.5;font-size:.88rem}.auth-user-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.auth-button,.auth-user-button{width:100%}.auth-user-button{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.08);color:#eef5f2;text-align:left}.auth-user-button:hover{border-color:hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.12)}.auth-user-button span,.auth-user-button strong{display:block}.auth-user-button span{font-size:.82rem;color:rgba(238,245,242,.72)}.content{min-width:0;padding:30px}.page{display:grid;grid-gap:24px;gap:24px}.hero{position:relative;overflow:hidden;padding:32px;border-radius:var(--radius-xl);background:linear-gradient(140deg,rgba(255,251,245,.96),rgba(237,247,248,.9));border:1px solid rgba(16,34,39,.08);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(216,107,69,.18),transparent 70%)}.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.hero h1,.section-title{margin:10px 0 12px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;line-height:1}.hero h1{font-size:clamp(2.4rem,4vw,4.5rem);max-width:10ch}.hero p{max-width:65ch;margin:0;color:var(--muted);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent}.button{background:var(--ink);color:#fff9f2}.button-secondary{background:hsla(0,0%,100%,.72);border-color:rgba(16,34,39,.12)}.button-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(16,34,39,.12);background:hsla(0,0%,100%,.72);color:var(--ink);cursor:pointer}.button-chip.active{background:var(--ink);color:#fff9f2;border-color:var(--ink)}.grid{display:grid;grid-gap:20px;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(16,34,39,.08);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.stack{display:grid;grid-gap:14px;gap:14px}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.85rem;border:1px solid transparent}.chip.brand{background:var(--brand-soft);color:var(--brand)}.chip.warning{background:var(--warning-soft);color:var(--warning)}.chip.success{background:var(--success-soft);color:var(--success)}.chip.accent{background:var(--accent-soft);color:var(--accent)}.metric-value{display:block;margin-top:8px;font-size:2rem;font-weight:700}.pipeline-list{display:grid;grid-gap:14px;gap:14px}.pipeline-step{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:18px;border:1px solid rgba(16,34,39,.08);background:hsla(0,0%,100%,.64)}.pipeline-head{display:flex;justify-content:space-between;gap:12px}.pipeline-step h3{margin:0;font-size:1.02rem}.pipeline-step p{margin:0;color:var(--muted);line-height:1.6}.form-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-gap:22px;gap:22px}.form-card{padding:24px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid rgba(16,34,39,.1);box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.field{display:grid;grid-gap:8px;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.9rem;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(16,34,39,.12);background:hsla(0,0%,100%,.96);color:var(--ink)}.field textarea{min-height:180px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.preview-box{padding:18px;border-radius:18px;background:#11242a;color:#f5efe6;overflow:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.55}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.scenario-card{padding:18px;border-radius:20px;background:hsla(0,0%,100%,.72);border:1px solid rgba(16,34,39,.08)}.scenario-card strong{display:block;font-size:1.7rem;margin-top:6px}.reference-list{display:grid;grid-gap:14px;gap:14px}.reference-card{display:block;padding:18px;border-radius:18px;background:hsla(0,0%,100%,.74);border:1px solid rgba(16,34,39,.08)}.selector-link{transition:transform .16s ease,border-color .16s ease,background .16s ease}.selector-link:hover{transform:translateY(-2px);border-color:rgba(15,107,120,.16);background:hsla(0,0%,100%,.88)}.selector-link.active{border-color:rgba(15,107,120,.3);background:rgba(212,236,239,.62)}.reference-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px}.detail-item,.metric-card,.workspace-list-item{padding:16px;border-radius:18px;background:hsla(0,0%,100%,.72);border:1px solid rgba(16,34,39,.08)}.metric-card strong{display:block;margin-top:8px;font-size:1.8rem}.metric-meta{display:block;margin-top:8px;color:var(--muted);font-size:.84rem;line-height:1.4}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.detail-item{display:grid;grid-gap:6px;gap:6px}.detail-item strong{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.workspace-brief{margin-top:18px;padding:18px;border-radius:20px;background:#11242a;color:#f5efe6;line-height:1.7;white-space:pre-wrap}.workspace-list{display:grid;grid-gap:12px;gap:12px}.workspace-list-item h3{margin-bottom:8px}.observability-panel{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:22px;border:1px solid rgba(15,107,120,.14);background:linear-gradient(145deg,rgba(212,236,239,.46),rgba(255,251,245,.82))}.observability-panel.compact{margin-top:8px}.observability-panel h3{margin-bottom:6px}.observability-panel p{margin:0}.observability-inline,.observability-note{font-size:.92rem;line-height:1.5}.workspace-editor-grid{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(0,.95fr);grid-gap:20px;gap:20px}.component-editor-list{display:grid;grid-gap:14px;gap:14px}.component-editor-card{padding:18px;border-radius:18px;border:1px solid rgba(16,34,39,.08);background:hsla(0,0%,100%,.74)}.component-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.component-editor-head h4{margin:0;font-size:1rem}.component-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.component-summary-meta{margin-top:0}.subsection{margin-top:22px;display:grid;grid-gap:12px;gap:12px}.subsection h3{margin:0}.check-grid{display:grid;grid-gap:12px;gap:12px}.check-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;padding:16px;border-radius:18px;border:1px solid rgba(16,34,39,.08);background:hsla(0,0%,100%,.76)}.check-card input{margin-top:4px}.check-card span,.check-card strong{display:block}.check-card span{margin-top:4px;color:var(--muted);line-height:1.45}.status-note{padding:16px 18px;border-radius:18px;border:1px solid rgba(16,34,39,.08)}.status-note.success{background:var(--success-soft);color:var(--success)}.status-note.warning{background:var(--warning-soft);color:var(--warning)}.workspace-list.compact{gap:10px}.export-batch,.export-batch-list{display:grid;grid-gap:14px;gap:14px}.export-batch{padding:18px;border-radius:20px;border:1px solid rgba(16,34,39,.08);background:hsla(0,0%,100%,.72)}.export-batch.active{border-color:rgba(15,107,120,.24);background:linear-gradient(145deg,rgba(212,236,239,.44),hsla(0,0%,100%,.84))}.artifact-list{display:grid;grid-gap:10px;gap:10px}.export-batch-actions{display:flex;flex-wrap:wrap;gap:10px}.artifact-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(16,34,39,.08);background:hsla(0,0%,100%,.8)}.artifact-meta,.artifact-row strong{display:block}.artifact-meta{margin-top:4px;color:var(--muted);font-size:.88rem;line-height:1.45}.inline-list{display:grid;grid-gap:10px;gap:10px;padding-left:18px;margin:0}@media (max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.component-editor-grid,.detail-grid,.form-shell,.grid.three,.grid.two,.metric-strip,.scenario-grid,.workspace-editor-grid{grid-template-columns:1fr}}@media (max-width:720px){.content,.sidebar{padding:18px}.hero{padding:24px}.field-grid{grid-template-columns:1fr}.artifact-row{align-items:stretch}.artifact-row,.export-batch-actions{flex-direction:column}}