:root{font-family:Inter,Segoe UI,ui-sans-serif,system-ui,sans-serif;color:#dce8ee;background:#050b10;font-synthesis:none;text-rendering:optimizeLegibility;--panel: #0b141b;--panel-strong: #0e1a22;--line: rgba(151, 184, 201, .14);--muted: #7f98a6;--text: #e6f0f4;--accent: #74f7c5;--accent-strong: #3ed7a1;--danger: #ff6b77;--warning: #f5bf62}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 35% -10%,rgba(40,115,94,.18),transparent 34rem),#050b10}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#050b10e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-lockup,.topbar-status,.stage-actions,.stage-toolbar,.timeline-heading,.segment-actions,.color-field{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:#74f7c50f;box-shadow:0 0 26px #74f7c529;overflow:hidden}.brand-mark img{width:34px;height:34px;object-fit:contain}.eyebrow,.view-label{color:var(--accent);font-size:.66rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}h1{margin-top:2px;font-size:1.16rem;letter-spacing:-.02em}.topbar-status{gap:10px;color:var(--muted);font-size:.74rem}.topbar-status strong{margin-left:6px;padding:6px 10px;color:#f7c97c;border:1px solid rgba(247,201,124,.22);border-radius:999px;background:#f7c97c14;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:320px minmax(560px,1fr) 304px}.sidebar,.validation-panel{padding:22px 20px;background:#091117e6;overflow-y:auto}.sidebar{border-right:1px solid var(--line)}.validation-panel{border-left:1px solid var(--line)}.sidebar section+section{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px}.section-heading>span{color:var(--accent);font:700 .61rem ui-monospace,SFMono-Regular,Menlo,monospace}.section-heading h2{font-size:.86rem;letter-spacing:.01em}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-grid.compact{gap:9px}.field{display:flex;flex-direction:column;gap:6px;color:#99aeba;font-size:.67rem}.text-field{margin-bottom:12px}.field-control{position:relative}.field input,.field select,.field textarea,.text-field input,.text-field select{width:100%;min-height:39px;padding:0 38px 0 10px;color:var(--text);border:1px solid var(--line);border-radius:7px;outline:none;background:#071017;font-size:.78rem;transition:border-color .14s ease,box-shadow .14s ease}.field textarea{padding:10px;resize:vertical;line-height:1.4}.field input[type=number]{font:600 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.field input:focus,.field select:focus,.field textarea:focus,.text-field input:focus,.text-field select:focus{border-color:#74f7c5a6;box-shadow:0 0 0 3px #74f7c514}.field-control small{position:absolute;top:50%;right:9px;transform:translateY(-50%);color:#5d7583;font-size:.6rem;pointer-events:none}.segment-library{display:grid;gap:7px}.segment-library button{min-height:46px;padding:7px 8px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;color:#cfe0e7;border:1px solid var(--line);border-radius:8px;background:#071017bf;text-align:left;transition:transform .13s ease,border-color .13s ease,background .13s ease}.segment-library button:hover{transform:translate(2px);border-color:#74f7c559;background:#74f7c50b}.segment-library button>span:nth-child(2){display:grid;gap:2px}.segment-library strong{font-size:.69rem}.segment-library small{color:#6d8592;font-size:.58rem}.segment-library b{color:var(--accent);font-size:.9rem}.shape-icon{width:29px;height:29px;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(116,247,197,.12);border-radius:7px;background:#74f7c50a}.shape-heart:before{content:"♡";font-size:1.2rem}.shape-rings:before{content:"∞";font-size:1.05rem}.shape-star:before{content:"☆";font-size:1.15rem}.shape-wave:before{content:"∿";font-size:1.15rem}.shape-spiral:before{content:"◉"}.shape-finale:before{content:"✦";font-size:1rem}.shape-text:before{content:"T";font-weight:800}.color-field{height:42px;margin-top:11px;gap:9px;color:#99aeba;font-size:.67rem}.color-field span{margin-right:auto}.color-field input{width:34px;height:28px;padding:0;border:0;background:transparent}.color-field code{color:#78909d;font-size:.64rem}.segment-actions{margin-top:12px;flex-wrap:wrap;gap:6px}.segment-actions button,footer button{padding:7px 9px;color:#a9bdc6;border:1px solid var(--line);border-radius:6px;background:#0c171e;font-size:.61rem}.segment-actions .danger-action{margin-left:auto;color:#ffadb5}.advanced-settings{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.advanced-settings summary{margin-bottom:14px;color:#88a0ac;cursor:pointer;font-size:.69rem}.primary-button,.secondary-button,.icon-button{border-radius:7px;font-weight:750}.primary-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;color:#04251a;border:0;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 10px 30px #3ed7a126}.stage-column{min-width:0;padding:20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:24px 24px}.stage-card{min-height:480px;flex:1;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#071018;box-shadow:0 24px 70px #00000047}.stage-toolbar{min-height:62px;padding:0 15px;justify-content:space-between;border-bottom:1px solid var(--line);background:#0a141b}.stage-toolbar>div:first-child{display:flex;align-items:center;gap:12px}.stage-toolbar strong{color:#9db1bc;font-size:.73rem}.stage-actions{gap:7px}.icon-button{width:36px;height:34px;color:#071018;border:0;background:var(--accent)}.secondary-button{height:34px;padding:0 11px;color:#c9d9e0;border:1px solid var(--line);background:#101d25;font-size:.65rem}.canvas-wrap{position:relative;flex:1;min-height:350px}.formation-canvas{display:block;width:100%;height:100%;min-height:350px}.empty-state,.loading-overlay{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.75rem}.loading-overlay{background:#071018b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.plane-badge{position:absolute;right:13px;bottom:11px;padding:6px 9px;color:#718b99;border:1px solid rgba(113,139,153,.16);border-radius:5px;background:#050c11c7;font:.58rem ui-monospace,SFMono-Regular,Menlo,monospace}.preview-watermark{position:absolute;left:13px;bottom:11px;color:#e5f1f647;font:700 .57rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.transport{min-height:52px;padding:0 18px;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:13px;border-top:1px solid var(--line);background:#09131a;color:#7d96a4;font:.67rem ui-monospace,SFMono-Regular,Menlo,monospace}.transport span:last-child{text-align:right}input[type=range]{accent-color:var(--accent)}.timeline-card{padding:13px 14px 15px;border:1px solid var(--line);border-radius:9px;background:#0b141bf0}.timeline-heading{justify-content:space-between;margin-bottom:10px}.timeline-heading>div{display:flex;align-items:baseline;gap:9px}.timeline-heading span{color:var(--accent);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.timeline-heading strong{font-size:.73rem}.timeline-heading small{color:#617987;font-size:.59rem}.timeline-track{height:58px;display:flex;gap:3px;overflow-x:auto}.timeline-track button{min-width:44px;padding:7px 8px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#d8e6eb;border:1px solid color-mix(in srgb,var(--segment-color) 40%,transparent);border-radius:6px;background:color-mix(in srgb,var(--segment-color) 12%,#0a151c);text-align:left}.timeline-track button.transition{min-width:24px;padding-inline:5px;color:#6d8490;border-style:dashed}.timeline-track button.selected{outline:2px solid var(--accent);outline-offset:1px}.timeline-track span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.61rem}.timeline-track small{color:#748c98;font-size:.55rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metrics-grid article{min-width:0;padding:12px 13px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 8px;border:1px solid var(--line);border-radius:8px;background:#0b141bf0}.metrics-grid span{grid-column:1 / -1;color:#728b98;font-size:.62rem}.metrics-grid strong{color:#e2eef2;font-size:1.12rem}.metrics-grid small{color:#65808e;font-size:.6rem}.error-banner{padding:11px 14px;color:#ffd8dc;border:1px solid rgba(255,107,119,.35);border-radius:7px;background:#ff6b771a;font-size:.72rem}.validation-status{padding:13px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:8px;background:#0a151c}.validation-status>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#06130e;background:#718692;font-weight:800}.validation-status.pass{border-color:#74f7c533;background:#74f7c50e}.validation-status.pass>span{background:var(--accent);box-shadow:0 0 22px #74f7c540}.validation-status.fail{border-color:#ff6b7747;background:#ff6b770e}.validation-status.fail>span{background:var(--danger)}.validation-status div{display:flex;flex-direction:column;gap:2px}.validation-status strong{font-size:.72rem}.validation-status small{color:#738b98;font-size:.59rem;line-height:1.35}.validation-list{margin:19px 0}.validation-list>div{padding:9px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.validation-list dt{color:#738b98;font-size:.65rem}.validation-list dd{margin:0;color:#cfe0e7;font:600 .69rem ui-monospace,SFMono-Regular,Menlo,monospace}.violations{margin-top:19px}.violations-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.violations-heading h3{font-size:.72rem}.violations-heading span{padding:2px 7px;color:#7f98a6;border:1px solid var(--line);border-radius:999px;font-size:.6rem}.muted{color:#6f8794;font-size:.64rem;line-height:1.45}.violation{margin-bottom:7px;padding:9px;display:flex;flex-direction:column;gap:3px;border-left:2px solid #708591;background:#ffffff06}.violation.error{border-color:var(--danger)}.violation.warning{border-color:var(--warning)}.violation strong{font:700 .59rem ui-monospace,SFMono-Regular,Menlo,monospace}.violation span{color:#839aa6;font-size:.6rem;line-height:1.35}.review-boundary{margin-top:20px;padding:12px;border:1px solid rgba(116,247,197,.13);border-radius:8px;background:#74f7c509}.review-boundary strong{display:block;margin-bottom:5px;color:#b8d0d9;font-size:.67rem}.review-boundary p{color:#738b98;font-size:.61rem;line-height:1.5}.review-button{margin-top:14px;font-size:.72rem}.hash-box{margin-top:14px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#071017}.hash-box span{display:block;margin-bottom:5px;color:#647d8a;font-size:.57rem}.hash-box code{color:#9eb5c0;font-size:.63rem}footer{min-height:36px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#526a77;border-top:1px solid var(--line);background:#050b10;font-size:.59rem}.modal-backdrop{position:fixed;inset:0;z-index:50;padding:24px;display:grid;place-items:center;background:#02070ac7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.submission-modal{position:relative;width:min(620px,100%);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;border:1px solid rgba(151,184,201,.2);border-radius:14px;background:#0b151c;box-shadow:0 35px 100px #0000008c}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;color:#91a7b2;border:1px solid var(--line);border-radius:50%;background:#101c23;font-size:1.1rem}.submission-modal h2{margin-top:5px;font-size:1.3rem}.modal-intro{margin:8px 0 20px;color:#78909d;font-size:.72rem}.submission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submission-grid .text-field{margin:0}.submission-grid .full-width{grid-column:1 / -1}.consent-field{margin:18px 0;display:flex;align-items:flex-start;gap:9px;color:#8fa6b1;font-size:.67rem;line-height:1.45}.consent-field input{margin-top:2px;accent-color:var(--accent)}.consent-field a{color:var(--accent);text-underline-offset:2px}.form-error{margin:-4px 0 14px;padding:10px 12px;color:#ffc5c5;border:1px solid rgba(255,94,94,.28);border-radius:7px;background:#ff484814;font-size:.68rem;line-height:1.45}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submission-success{padding:18px 8px 6px;text-align:center}.submission-success>span{width:54px;height:54px;margin:0 auto 16px;display:grid;place-items:center;color:#052219;border-radius:50%;background:var(--accent);font-size:1.6rem;font-weight:900}.submission-success p{margin:9px auto;max-width:430px;color:#8da4af;font-size:.72rem;line-height:1.5}.submission-success .primary-button{margin-top:20px}@media(max-width:1240px){.workspace{grid-template-columns:292px minmax(520px,1fr)}.validation-panel{grid-column:1 / -1;border-top:1px solid var(--line);border-left:0}.validation-panel .review-boundary{max-width:560px}.validation-panel .review-button{max-width:320px}}@media(max-width:820px){.topbar{height:auto;padding:14px 16px;align-items:flex-start}.topbar-status span:not(.status-dot){display:none}.workspace{display:block}.sidebar,.validation-panel{border:0;border-bottom:1px solid var(--line)}.stage-column{padding:11px}.stage-toolbar{align-items:flex-start;gap:12px;padding:12px}.stage-toolbar,.stage-toolbar>div:first-child{flex-direction:column}.stage-actions{flex-wrap:wrap}.metrics-grid{grid-template-columns:1fr 1fr}.timeline-heading small{display:none}footer{display:none}}@media(max-width:540px){.topbar-status strong{display:none}.field-grid,.submission-grid{grid-template-columns:1fr}.submission-grid .full-width{grid-column:auto}.metrics-grid{grid-template-columns:1fr 1fr}.modal-backdrop{padding:10px}.submission-modal{padding:22px 17px}}