:root{color-scheme:dark;--bg:#02091a;--ink:#eef8ff;--muted:#83a8ca;--line:#087dd4;--line-soft:#124b80;--panel:#06172f;--panel2:#071d3a;--cyan:#19d8ff;--blue:#087eff;--green:#21e5af;--violet:#9a4dff;--gold:#ffc947;--red:#ff3564;--font:Inter,"Segoe UI",system-ui,sans-serif;--glow:0 0 0 1px #0679d86b,inset 0 1px #29dfff21,0 12px 34px #0008}
*{box-sizing:border-box}html{min-width:320px;background:#010713}body{margin:0;font-family:var(--font);font-size:14px;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 78% 7%,#063c8870,transparent 27%),radial-gradient(circle at 0 75%,#043d9180,transparent 28%),linear-gradient(135deg,#02091a,#010611 62%,#020b1e);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(125deg,transparent 0 16%,#087be52c 16.1%,transparent 16.6% 48%,#1c63cf1f 48.1%,transparent 49%),linear-gradient(28deg,transparent 0 40%,#0d7bed25 40.1%,transparent 40.5% 72%,#02a6ee19 72.1%,transparent 73%),radial-gradient(circle at 16% 16%,#139dff18 0 1px,transparent 2px);background-size:auto,auto,34px 34px}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 94px,#0d62bd12 95px,#19a9ef0d 96px,transparent 98px);opacity:.7}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.3)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #64eaff;outline-offset:2px}input,select,textarea{width:100%;min-height:40px;border:1px solid #1764a4;border-radius:8px;background:#061731;color:#dceeff;padding:10px 12px}textarea{min-height:86px;resize:vertical}input::placeholder,textarea::placeholder{color:#668aab}input[type=file]{width:auto}input[type=checkbox],input[type=radio]{width:auto;min-height:auto;accent-color:#0abfff}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.spaced{margin-top:14px}.full{width:100%}.row,.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}
.topbar{height:86px;position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid #0787da;background:#020b1eea;backdrop-filter:blur(18px);box-shadow:0 5px 30px #001330}.brands,.header-right{display:flex;align-items:center;min-width:0}.brands{gap:10px}.brand-logo{width:60px;height:60px;filter:drop-shadow(0 0 10px #06a8ff)}.product-logo{width:50px;height:50px;margin-left:7px}.lab-text,.product-text{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.lab-text strong,.product-text strong{font-size:16px}.lab-text small,.product-text small{font-size:10px;color:#85b5d6}.brand-divider{height:45px;width:1px;background:#184f7f;margin:0 12px}.menu-button{display:none;width:40px;height:40px;border:1px solid #1768a7;border-radius:9px;background:#071c37;place-content:center;gap:5px}.menu-button span{display:block;width:18px;height:2px;background:#cff3ff}.service-indicators{display:flex;border:1px solid #0b8cb7;border-radius:19px;background:#03182dc9;box-shadow:inset 0 0 22px #00f4c113,0 0 18px #0077ff20;overflow:hidden;margin-right:16px}.service-cell{min-width:105px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:6px;padding:9px 12px;border-right:1px solid #155581}.service-cell:last-child{border-right:0}.service-cell>i{grid-row:1/3;align-self:center;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#31f2c6;background:#0a604e;border:1px solid #12d6ad;font-style:normal;font-size:10px}.service-cell small{font-size:8px;color:#7fa5c3}.service-cell b{font-size:10px;color:#d4edf8}.live-icon{box-shadow:0 0 10px #32e9ce;background:transparent!important}.workspace-profile{min-width:180px;display:grid;grid-template-columns:34px 1fr 12px;gap:8px;align-items:center;text-align:left;padding:8px 11px;border:1px solid #175a9a;border-radius:17px;color:#eaf6ff;background:#061a38}.workspace-profile .usericon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1565b6,#298de5)}.workspace-profile span:nth-child(2){display:flex;flex-direction:column}.workspace-profile strong{font-size:11px}.workspace-profile small{font-size:9px;color:#7c9dbb}
.shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:calc(100vh - 86px)}.sidebar{height:calc(100vh - 86px);position:sticky;top:86px;z-index:30;display:flex;flex-direction:column;padding:24px 13px 17px;border-right:1px solid #0b7bc7;border-radius:0 20px 20px 0;background:linear-gradient(180deg,#041631f2,#021028f2);box-shadow:inset -10px 0 30px #027be713,8px 0 26px #001c3c;overflow:hidden}.sidebar:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,transparent 0 42%,#0968d92a 42.2%,transparent 42.8% 70%,#17aeff18 70.2%,transparent 71%)}.sidebar nav{overflow:auto;scrollbar-width:thin;padding-right:2px}.sidebar-head{display:none}.nav-item{width:100%;min-height:45px;display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:#c9def1;font-weight:650;text-align:left;font-size:12px}.nav-item>span{width:25px;text-align:center;font-size:21px;color:#b8dcfb}.nav-item>img{width:25px;height:25px;filter:drop-shadow(0 0 5px #27adff70)}.nav-item:hover{background:#082854;border-color:#155c9f}.nav-item.selected{color:#fff;background:linear-gradient(110deg,#0853e9,#19b5ff);border-color:#48deff;box-shadow:inset 0 0 15px #bdf7ff38,0 0 14px #007dff}.nav-item em{margin-left:auto;padding:3px 6px;border:1px solid #d88a24;border-radius:5px;background:#4b2d08;color:#ffd06d;font-style:normal;font-size:8px}.nav-item.emergency-link>span{color:#ff5274}.nav-separator{height:1px;background:linear-gradient(90deg,transparent,#1b6598,transparent);margin:14px 8px}.side-bottom{margin:auto 7px 0;display:flex;flex-direction:column;gap:3px;font-size:11px;letter-spacing:.24em;color:#8dcaff}.mini-brand{margin-top:17px;padding-top:14px;border-top:1px solid #155488;display:flex;align-items:center;gap:8px;letter-spacing:0;color:#e9f7ff;font-weight:750}.mini-brand img{width:37px;height:37px}.menu-backdrop{position:fixed;inset:74px 0 0;background:#000b;z-index:39;backdrop-filter:blur(4px)}.workspace{min-width:0;display:flex;flex-direction:column}.content{width:100%;max-width:1700px;margin:0 auto;padding:18px 18px 10px;min-height:calc(100vh - 130px)}.app-footer{height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 25px;border-top:1px solid #0b4979;color:#7ea1be;font-size:9px}.app-footer img{width:26px;height:26px;vertical-align:middle}.app-footer b{font-weight:500}
.primary-button,.outline-button,.danger-button,.text-button{border:1px solid #2cc4ff;border-radius:10px;padding:11px 16px;color:#fff;font-weight:800;background:linear-gradient(105deg,#0759e8,#18aefa);box-shadow:inset 0 0 12px #8ef5ff78,0 0 18px #087fff4d}.outline-button{background:#071d3d;border-color:#1c65a5;box-shadow:none;color:#cce9fb}.danger-button{background:#441026;border-color:#cf3c69;box-shadow:none}.text-button{padding:4px;border:0;background:transparent;box-shadow:none;color:#6ed6ff}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #20608f;border-radius:99px;background:#0a2942;color:#8ed6f7;padding:5px 10px;font-size:9px;font-weight:800}.badge.good{border-color:#12a582;background:#083a31;color:#5cf0cd}.badge.warn{border-color:#a17025;background:#35240c;color:#ffd06a}.badge.error{border-color:#a63857;background:#35121d;color:#ff8da8}.badge.muted{border-color:#31516c;color:#89a4bb}.eyebrow{display:block;color:#41cfff;font-size:9px;letter-spacing:.16em;font-weight:850;margin-bottom:6px}.sectionheader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sectionheader h2{margin:0;font-size:18px}
.panel,.ribbon,.dashboard-head,.tool-overview-card,.utility-head{border:1px solid #087ccc;border-radius:14px;background:linear-gradient(150deg,#071b38f4,#041226f2);box-shadow:var(--glow)}.panel{padding:14px;min-width:0}.panel h3{margin:0 0 4px;font-size:13px}.panel .sub{margin:0 0 14px;color:#75a2c5;font-size:10px}.ribbon{padding:18px 22px;margin-bottom:12px;position:relative;overflow:hidden}.ribbon:after{content:"";position:absolute;right:-40px;top:-95px;width:430px;height:240px;border:1px solid #0a79cb4a;transform:skewX(-28deg);background:linear-gradient(120deg,transparent,#0d63b516)}.ribbon-head{position:relative;z-index:1;display:flex;align-items:center;gap:17px}.ribbon-icon{width:63px;height:63px;display:grid;place-items:center;border:1px solid var(--accent,#25d4ff);border-radius:13px;background:#07182c;box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent,#25d4ff),transparent 55%),0 0 16px color-mix(in srgb,var(--accent,#25d4ff),transparent 40%)}.ribbon-logo{width:49px;height:49px}.ribbon-title h1{margin:0;font-size:clamp(29px,3vw,43px);line-height:1;letter-spacing:-.03em}.ribbon-title p{margin:5px 0 0;color:#27d7ff;font-size:13px}.ribbon-aside{margin-left:30px;padding-left:22px;border-left:1px solid #1670b2;display:flex;flex-direction:column;color:#76a4c8;font-size:10px}.ribbon-aside b{font-size:14px;color:#4ad9ff}.ribbon-aside small{color:#668eb1}.theme-artboard{--accent:#22e5b2}.theme-frame{--accent:#28b9ff}.theme-assets{--accent:#a24fff}.theme-autofly{--accent:#ffca3f}.theme-overview{--accent:#28cfff}.banner-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 13px;border:1px solid #135a91;border-radius:10px;background:#061b35;color:#8eb7d5;font-size:10px}.notice{padding:10px 11px;border:1px solid #225e8c;border-radius:8px;background:#0a2742;color:#a9cce2;font-size:10px;line-height:1.55}.notice.warn{border-color:#7c5a25;background:#2b2112;color:#e8c582}.notice.ok{border-color:#188774;background:#07372e;color:#6cf3d0}
.mode-choice{display:flex;gap:10px;flex-wrap:wrap}.mode-choice button{min-width:190px;display:grid;grid-template-columns:39px 1fr;text-align:left;gap:10px;padding:10px 14px;border:1px solid #1761a2;border-radius:13px;background:#071d3a;color:#d9edfb}.mode-choice button:before{content:"◇";grid-row:1/3;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#075f78;color:#83f6ff;font-size:23px}.mode-choice button.cost:before{content:"▤"}.mode-choice button strong{font-size:13px}.mode-choice button small{font-size:9px;color:#78a1c1}.mode-choice button.active{border-color:#30dcff;background:linear-gradient(135deg,#0b4663,#092841);box-shadow:inset 0 0 14px #26e5ff2e,0 0 12px #0ccfff35}.mode-choice button.cost.active{border-color:#a56cff}.subhead{margin:16px 0 8px;color:#3ed9ff;font-size:11px;font-weight:800}.field{display:flex;flex-direction:column;gap:6px;margin:11px 0}.field>span,.labelfield{font-size:10px;color:#78cfff;font-weight:800}.field small,.fieldhint{font-size:9px;color:#6f98ba}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pickrow,.option-chips,.tool-choice{display:flex;gap:7px;flex-wrap:wrap}.pickrow label{display:flex;gap:5px;align-items:center;color:#b7d2e8;font-size:10px}.chip,.tabbutton,.tool-choice button{padding:8px 11px;border:1px solid #1b5b95;border-radius:8px;background:#071d3a;color:#b7d4ea;font-size:10px}.chip.active,.tabbutton.active,.tool-choice button.active{border-color:#40d9ff;background:linear-gradient(135deg,#0856ba,#0b8eef);color:#fff;box-shadow:0 0 10px #0e8dff55}.dropzone{min-height:180px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:16px;border:1px dashed #19a9ff;border-radius:11px;background:#06162c}.dropzone.over{border-color:#25f0ca;background:#083b4d}.dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{font-size:37px;color:#74cfff}.dropzone strong{font-size:12px}.dropzone small{max-width:290px;color:#7ba4c5;font-size:9px;line-height:1.5}.file-pill{max-width:100%;padding:7px;border:1px solid #176795;border-radius:7px;background:#082746;color:#8be2ff;font-size:9px;overflow-wrap:anywhere}.preview-box{height:315px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #176aa5;border-radius:10px;background:radial-gradient(circle at center,#0b3b71,#061328 63%)}.preview-box:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 49%,#20a7ff0a 50%);background-size:100% 5px}.preview-box img,.preview-box video{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.preview-empty{text-align:center;color:#82a7c5;position:relative;z-index:1}.preview-tool-logo{width:76px;height:76px;display:block;margin:0 auto 10px;filter:drop-shadow(0 0 12px #148cff80)}.preview-empty b{display:block;color:#d8ebf8}.preview-empty p{font-size:9px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.metric{padding:9px;border:1px solid #1a5687;border-radius:8px;background:#071a32}.metric span,.metric strong{display:block}.metric span{font-size:8px;color:#7093af}.metric strong{margin-top:3px;font-size:10px;color:#d9eef9}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-card{padding:0;overflow:hidden;text-align:left;border:1px solid #1a5f9b;border-radius:9px;background:#081b34;color:#d7eafb}.template-card.active{border-color:#38e7ff;box-shadow:0 0 11px #0ab9ff88}.template-card img{width:100%;height:96px;display:block;object-fit:contain;background:#05142a}.template-card .text{display:block;padding:7px}.template-card strong,.template-card small{display:block}.template-card strong{font-size:9px}.template-card small{margin-top:3px;color:#759bb9;font-size:8px;line-height:1.4}.table-grid{overflow:hidden;border:1px solid #1a5686;border-radius:9px}.table-grid>div{display:grid;grid-template-columns:95px 1fr;gap:9px;padding:9px;border-top:1px solid #143d68;font-size:9px}.table-grid>div:first-child{border-top:0}.table-grid strong{color:#62d6ff}.checkbox-stack{max-height:165px;overflow:auto;padding:8px;border:1px solid #154c7a;border-radius:8px}.checkbox-stack label{display:flex;gap:7px;padding:5px;color:#b4d1e5;font-size:9px}.output-list{list-style:none;padding:0;margin:9px 0 0;display:flex;gap:7px;flex-wrap:wrap}.output-list button{padding:7px 10px}.disabled-feature{padding:9px;border:1px dashed #40526a;border-radius:8px;color:#8099b1;font-size:9px}.mini-note,.toolmeta{color:#759bb9;font-size:9px}.separator{height:1px;margin:12px 0;background:#144c78}
.work-area{display:grid;grid-template-columns:300px minmax(330px,1fr) 300px;gap:10px}.work-area.col2{grid-template-columns:1fr 1fr}.work-area.col3{grid-template-columns:280px minmax(360px,1.25fr) 285px}.pipeline{margin-top:11px}.pipeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.pipeline-head h3{font-size:13px}.status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#759ab9;font-size:9px}.status-row strong{color:#d7ebf8}.progress{height:6px;overflow:hidden;margin:9px 0;border:1px solid #185586;border-radius:99px;background:#102543}.progress>div{height:100%;background:linear-gradient(90deg,#1fe7af,#19baff,#755cff);transition:.2s}.log{min-height:68px;max-height:155px;margin:0;overflow:auto;padding:9px;border:1px solid #144e82;border-radius:8px;background:#020c1b;color:#64d6d3;font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.log.empty{color:#587b99}.notification{position:fixed;right:22px;bottom:22px;z-index:80;max-width:min(390px,90vw);padding:11px 14px;border:1px solid #2a83ba;border-radius:10px;background:#092441;color:#e4f7ff;box-shadow:0 18px 50px #000c;font-size:10px}.modal{width:min(520px,calc(100% - 30px));padding:20px;border:1px solid #2179b9;border-radius:15px;background:#06182f;color:#edf8ff}.modal::backdrop{background:#000b;backdrop-filter:blur(4px)}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:9px}.modal h2{margin:0;font-size:19px}.modal p{color:#9bbbd3;font-size:10px;line-height:1.6}.xbtn{border:0;background:transparent;color:#d9edfb;font-size:24px}.modal-actions{justify-content:flex-end}.footnote{color:#668aa8!important}
.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 25px;margin-bottom:12px}.dashboard-head h1{margin:0;font-size:34px}.dashboard-head p{margin:4px 0 0;color:#84a9c5}.status-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.status-summary article{padding:14px;border:1px solid #14558e;border-radius:11px;background:#071a34}.status-summary span,.status-summary small{display:block}.status-summary span{font-size:8px;letter-spacing:.12em;color:#43d9ff}.status-summary strong{display:block;margin:6px 0;font-size:16px}.status-summary small{color:#708fac;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.engine-status-list{display:grid;gap:7px}.engine-status-list button{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:8px;border:1px solid #155080;border-radius:9px;background:#07182f;color:#e8f5ff;text-align:left}.status-logo{width:40px;height:40px}.engine-status-list span:not(.badge){display:flex;flex-direction:column}.engine-status-list small{font-size:8px;color:#7897b2}.honest-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7899b5}.honest-empty>span{font-size:32px;color:#36c5f3}.honest-empty strong{color:#d9edf8}.honest-empty p{max-width:480px;font-size:9px;line-height:1.6}.honest-empty.large{min-height:340px}.session-list{display:grid;gap:7px}.session-list div{display:flex;justify-content:space-between;padding:9px;border:1px solid #14517f;border-radius:8px;font-size:9px}.session-list b{color:#4be4bc}
.home-hero{min-height:245px;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;border-bottom:1px solid #1598e7;background:radial-gradient(circle at 50% 100%,#0d6fc25e,transparent 46%),linear-gradient(120deg,#020914,#06162b,#020914)}.hero-copy h1{margin:0;font-size:clamp(42px,5vw,67px);letter-spacing:-.05em}.hero-copy h1 span{background:linear-gradient(90deg,#9dff5c,#18e9ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:680px;margin:14px auto;color:#97b7cf}.hero-visual{display:none}.hero-trust{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:15px}.hero-trust span{padding:5px 8px;border:1px solid #175b8d;border-radius:99px;color:#7297b3;font-size:8px}.hero-trust span:before{content:"✓";color:#28e4b2;margin-right:5px}.home-section{margin-top:12px}.toolcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.toolcards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.toolcard{min-height:260px;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left;border:1px solid var(--ac,#1f8ad7);border-radius:14px;background:radial-gradient(circle at 95% 5%,color-mix(in srgb,var(--ac,#159aff),transparent 75%),transparent 34%),linear-gradient(145deg,#071b35,#041328);color:#fff;box-shadow:inset 0 0 20px color-mix(in srgb,var(--ac,#159aff),transparent 88%),0 0 14px color-mix(in srgb,var(--ac,#159aff),transparent 70%)}.toolcard:hover{transform:translateY(-2px)}.toolcard-top{display:flex;justify-content:space-between}.card-logo{width:54px;height:54px}.toolcard h3{margin:0;font-size:21px}.toolcard p{margin:0;color:#94b5cc;font-size:10px;line-height:1.6}.mode-pills{display:flex;gap:5px;flex-wrap:wrap}.mode-pills b{padding:4px 6px;border:1px solid color-mix(in srgb,var(--ac),transparent 45%);border-radius:5px;color:var(--ac);font-size:7px}.card-status{margin-top:auto}.card-foot{display:flex;justify-content:space-between;color:var(--ac);font-size:10px}.workflow-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;padding:14px;border:1px solid #1462a0;border-radius:12px;background:#06172d}.workflow-strip div{display:grid;grid-template-columns:30px 1fr;column-gap:7px}.workflow-strip div>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0b4d86;color:#6fe0ff;font-size:9px}.workflow-strip strong{font-size:10px}.workflow-strip small{font-size:8px;color:#6e94b1}.workflow-strip i{height:1px;flex:1;background:#1ab5d9}.tool-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tool-overview-card{padding:18px}.overview-card-head{display:flex;align-items:center;gap:12px}.overview-logo{width:55px;height:55px}.overview-card-head h2{margin:0}.tool-overview-card>p{color:#89acc5;font-size:10px}.workflow-line{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.workflow-line span{padding:6px 8px;border:1px solid #155181;border-radius:7px;background:#07192f;font-size:8px}.workflow-line b{margin-right:4px;color:#53d6ff}.overview-card-foot{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.overview-card-foot span{padding:8px;border:1px solid #154e7b;border-radius:7px}.overview-card-foot small,.overview-card-foot b{display:block}.overview-card-foot small{font-size:7px;color:#668ba8}.overview-card-foot b{margin-top:3px;font-size:8px}.utility-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;margin-bottom:11px}.utility-head h1{margin:0}.utility-head p{margin:4px 0;color:#88abc5}.utility-head img{width:58px;height:58px}.utility-panel{min-height:400px}.form-panel{max-width:720px;margin:auto}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.support-grid button{min-height:140px;display:flex;flex-direction:column;gap:7px;padding:15px;text-align:left;border:1px solid #155c95;border-radius:11px;background:#071a34;color:#ecf7ff}.support-grid span{font-size:26px;color:#4cd7ff}.support-grid small{color:#7599b5;font-size:9px}.support-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.support-steps span{display:flex;gap:7px;align-items:center;padding:9px;border:1px solid #154c7a;border-radius:8px;color:#a7c3d8;font-size:9px}.support-steps b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#0b4d87}
.stepper{display:grid;grid-template-columns:repeat(var(--steps,5),1fr);gap:0;margin-bottom:12px;padding:10px 16px;border:1px solid #0b83c9;border-radius:13px;background:#06182f;box-shadow:var(--glow)}.stepper span{position:relative;display:grid;grid-template-columns:37px 1fr;grid-template-rows:auto auto;gap:0 8px;align-items:center;padding-right:15px}.stepper span:not(:last-child):after{content:"→";position:absolute;right:3px;color:#18b8e9}.stepper b{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border:1px solid #1974ba;border-radius:50%;background:#07254a;color:#b4dcf5}.stepper strong{font-size:10px}.stepper small{font-size:8px;color:#6f99b9}.stepper .current b{border-color:#2de7b5;background:#0a5d4d;box-shadow:0 0 13px #21e4b2}.stepper .current strong{color:#38e6bc}.workspace-grid{display:grid;gap:10px}.workspace-grid.frame-layout{grid-template-columns:280px minmax(360px,1.15fr) 310px 235px}.workspace-grid.assets-layout{grid-template-columns:360px minmax(380px,1fr) 275px}.workspace-grid.artboard-layout{grid-template-columns:330px minmax(430px,1fr) 310px}.workspace-grid.autofly-layout{grid-template-columns:310px 340px minmax(320px,1fr) 260px}.tool-panel{border:1px solid #0878c5;border-radius:13px;background:linear-gradient(150deg,#071c38,#04142a);box-shadow:var(--glow);padding:13px;min-width:0}.tool-panel.accent-violet{border-color:#842dff}.tool-panel.accent-gold{border-color:#c9971f}.tool-panel-title{display:flex;gap:8px;align-items:flex-start;margin-bottom:11px}.tool-panel-title>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#075947;border:1px solid #21dca9;color:#a8ffe8;font-weight:850}.tool-panel-title h3{margin:0;font-size:12px}.tool-panel-title small{display:block;color:#68a1c2;font-size:8px;margin-top:2px}.template-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.template-tabs button{padding:7px 5px;border:1px solid #17568a;border-radius:7px;background:#071a34;color:#9ebdd3;font-size:8px}.template-tabs button.active{background:#0878dc;color:#fff;box-shadow:0 0 10px #0f9cff}.tool-preview{height:268px}.tool-output-options{display:grid;gap:10px}.processing-shell{display:grid;grid-template-columns:1fr 215px;gap:12px}.progress-orb{width:88px;height:88px;margin:auto;display:grid;place-items:center;border-radius:50%;border:9px solid #0b2e58;border-top-color:#18c9ff;color:#e6f7ff;font-size:21px;font-weight:900;box-shadow:0 0 20px #0c79d965}.processing-summary{display:flex;flex-direction:column;justify-content:center}.processing-summary p{margin:4px 0;color:#83a8c2;font-size:9px}.processing-summary b{color:#23e3b7}.asset-editor{display:grid;grid-template-columns:35px 1fr 70px;gap:8px}.editor-tools,.editor-thumbs{display:flex;flex-direction:column;gap:7px}.editor-tools button{height:32px;border:1px solid #155b94;border-radius:6px;background:#071b35;color:#a8d6f1}.editor-thumbs button{height:63px;padding:3px;border:1px solid #155b94;border-radius:7px;background:#071b35}.editor-thumbs img{width:100%;height:100%;object-fit:contain}.quick-info{font-size:9px;color:#86aac3}.quick-info b{color:#42dbff}.honest-placeholder{min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px;border:1px dashed #175e95;border-radius:9px;color:#779ab6}.honest-placeholder strong{color:#d6e9f5}.honest-placeholder small{margin-top:5px;font-size:8px}.emergency-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.emergency-card{min-height:130px;border:1px solid #8f2947;border-radius:12px;background:linear-gradient(140deg,#26101d,#071329);padding:18px}.emergency-card h3{margin:0;color:#ff7694}.emergency-card p{color:#b98ba0;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.all-tools-title{padding:0 2px}.alltools-board{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,.85fr);gap:12px}.alltools-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.alltools-main .toolcard{min-height:300px}.bonus-tile{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;text-align:left;border:1px solid #d19b24;border-radius:14px;background:radial-gradient(circle at 50% 72%,#cf921d4f,transparent 34%),linear-gradient(145deg,#241a07,#100f0d 52%,#241700);color:#fff;box-shadow:inset 0 0 22px #ffc3421c,0 0 17px #c1882738}.bonus-tile:hover{transform:translateY(-2px)}.bonus-logo{width:68px;height:68px;margin-top:12px;filter:drop-shadow(0 0 12px #ffc83f99)}.bonus-tile h2{margin:5px 0 0;font-size:27px}.bonus-tile p{margin:0;color:#ffe39c;font-size:11px}.bonus-tile small{color:#bfa66c}.bonus-tile b{margin-top:auto;align-self:flex-end;width:38px;height:38px;display:grid;place-items:center;border:1px solid #f6c342;border-radius:50%;color:#ffd862}.emergency-section{margin-top:14px;padding:14px 18px;border:1px solid #b3214f;border-radius:14px;background:linear-gradient(145deg,#190916d9,#071126e8);box-shadow:inset 0 0 20px #ff235817,0 0 16px #a9183a26}.emergency-section .sectionheader h2{color:#ffeaf0}
@media(max-width:1450px){.service-cell{min-width:90px;padding:8px}.workspace-grid.frame-layout{grid-template-columns:260px 1fr 290px}.workspace-grid.frame-layout>.tool-panel:last-child{grid-column:1/-1}.workspace-grid.autofly-layout{grid-template-columns:280px 1fr 1fr}.workspace-grid.autofly-layout>.tool-panel:last-child{grid-column:1/-1}.toolcards.four{grid-template-columns:repeat(2,1fr)}.alltools-board{grid-template-columns:1fr}.bonus-tile{min-height:210px}.alltools-main .toolcard{min-height:260px}}
@media(max-width:1050px){.service-indicators{display:none}.work-area,.work-area.col3,.workspace-grid.assets-layout,.workspace-grid.artboard-layout{grid-template-columns:1fr 1fr}.work-area>*:last-child,.workspace-grid.assets-layout>*:last-child,.workspace-grid.artboard-layout>*:last-child{grid-column:1/-1}.status-summary{grid-template-columns:1fr 1fr}.toolcards,.alltools-main{grid-template-columns:1fr 1fr}.support-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.topbar{height:74px;padding:0 10px}.menu-button{display:grid}.brand-logo{width:42px;height:42px}.lab-text,.brand-divider{display:none}.product-logo{width:38px;height:38px}.product-text strong{font-size:12px}.product-text small{font-size:8px}.workspace-profile{min-width:auto}.workspace-profile span:nth-child(2),.workspace-profile>b{display:none}.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:74px;left:0;width:min(320px,88vw);height:calc(100vh - 74px);transform:translateX(-105%);opacity:0;pointer-events:none;z-index:40}.menu-open .sidebar{transform:translateX(0);opacity:1;pointer-events:auto}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 10px;color:#75a0bf}.sidebar-head button{border:0;background:transparent;color:#e7f7ff;font-size:25px}.content{padding:11px}.app-footer{flex-direction:column;height:auto;padding:10px}.ribbon-aside{display:none}.work-area,.work-area.col2,.work-area.col3,.workspace-grid.frame-layout,.workspace-grid.assets-layout,.workspace-grid.artboard-layout,.workspace-grid.autofly-layout,.processing-shell,.dashboard-grid,.tool-overview-grid{grid-template-columns:1fr}.work-area>*:last-child,.workspace-grid.assets-layout>*:last-child,.workspace-grid.artboard-layout>*:last-child,.workspace-grid.frame-layout>.tool-panel:last-child,.workspace-grid.autofly-layout>.tool-panel:last-child{grid-column:auto}.stepper{overflow:auto;grid-template-columns:repeat(var(--steps,5),150px)}.toolcards,.toolcards.four,.alltools-main{grid-template-columns:1fr}.workflow-strip{display:grid;grid-template-columns:1fr 1fr}.workflow-strip i{display:none}.overview-card-foot,.support-steps,.settings-grid,.emergency-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.product-text small{display:none}.ribbon{padding:14px}.ribbon-icon{width:50px;height:50px}.ribbon-logo{width:40px;height:40px}.ribbon-title h1{font-size:25px}.ribbon-title p{font-size:10px}.status-summary,.support-grid,.info-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.mode-choice button{min-width:100%;}.workflow-strip{grid-template-columns:1fr}.asset-editor{grid-template-columns:1fr}.editor-tools,.editor-thumbs{flex-direction:row;overflow:auto}.editor-tools button{width:34px;flex:none}.editor-thumbs button{width:65px;flex:none}.home-hero{min-height:220px}.hero-copy h1{font-size:38px}}

/* v5: reference artwork is decorative, never a generated result */
.toolcard-art{display:block;overflow:hidden;position:relative;margin:12px -3px 9px;height:148px;border:1px solid color-mix(in srgb,var(--accent,#27bbff),transparent 44%);border-radius:11px;background:#061027;box-shadow:0 0 17px #038af933,inset 0 0 22px #0007}
.toolcard-art::after,.bonus-art::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#0208168f)}
.toolcard-art img,.bonus-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .25s}
.toolcard:hover .toolcard-art img{transform:scale(1.04)}
.mini-workflow{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;margin:4px 0 10px;color:#a9e6fa}
.mini-step{font-size:9px;white-space:nowrap;display:flex;align-items:center;gap:4px}
.mini-step b{display:grid;place-items:center;min-width:17px;height:17px;border:1px solid #28698c;border-radius:50%;font-size:9px;color:#85efff}
.mini-workflow i{font-size:12px;opacity:.65;font-style:normal;color:#39dbff}
.bonus-art{position:relative;margin:5px 0;width:100%;height:153px;overflow:hidden;border:1px solid #ad822f;border-radius:12px;background:#100d09}
.bonus-tile .mini-workflow{justify-content:flex-start;color:#ffdb8a}
.bonus-tile .mini-workflow i{color:#dba83d}
.alltools-main .toolcard{min-height:390px}
.template-card img{height:118px;object-fit:cover;object-position:center;background:#07182d}
.template-card:hover img{filter:brightness(1.08)}
.template-card .text{min-height:52px}
@media(max-width:1450px){.alltools-main .toolcard{min-height:380px}}
@media(max-width:780px){.alltools-main .toolcard{min-height:auto}.toolcard-art{height:190px}.bonus-art{height:190px}}


/* Artboard AI live cockpit – main desktop viewport contains terminal and all controls. */
.artboard-console{display:grid;grid-template-rows:auto minmax(0,1fr) minmax(160px,23vh);gap:8px;height:100%;min-height:0}
.artboard-console-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px}
.artboard-console-top .console-heading{display:flex;flex-direction:column;gap:2px;flex-shrink:0}
.console-heading strong{font-size:17px;letter-spacing:.01em;color:#ddf7ff}
.console-heading small{font-size:10px;color:#8ebacf}
.artboard-console-top .mode-choice{display:flex;flex-wrap:nowrap;gap:7px;max-width:670px;flex:1}
.artboard-console-top .mode-choice button{padding:6px 10px;min-height:45px;flex:1;border-radius:8px}
.artboard-console-top .mode-choice small{font-size:9px}
.artboard-console .workspace-grid.artboard-layout{display:grid;grid-template-columns:minmax(220px,27%) minmax(260px,1fr) minmax(235px,27%);gap:8px;min-height:0}
.artboard-console .tool-panel{padding:10px;min-height:0;overflow:auto;scrollbar-width:thin}
.artboard-console .tool-panel-title{margin-bottom:6px}
.artboard-console .subhead{margin-top:8px;margin-bottom:5px}
.artboard-console .dropzone{min-height:108px;padding:10px}
.artboard-console .dropzone .upload-icon{font-size:18px}
.artboard-console .mini-note{margin:7px 0;font-size:10px}
.artboard-console .option-chips{gap:5px}
.artboard-console .option-chips button{padding:6px 8px}
.artboard-console .preview-box{height:clamp(190px,36vh,410px);max-height:100%}
.artboard-live-preview{display:flex;flex-direction:column;min-height:0}
.artboard-live-preview .preview-box{position:relative;isolation:isolate}
.artboard-live-preview .preview-box img{width:100%;height:100%;object-fit:contain}
.artboard-live-preview .preview-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin:7px 0;flex-wrap:wrap}
.artboard-live-preview .preview-caption small{color:#79afca}
.scan-beam{pointer-events:none;position:absolute;z-index:2;inset:0;display:none;border:1px solid #00e6d5;border-radius:9px;box-shadow:inset 0 0 35px #17afff25}
.is-scanning .scan-beam,.is-generating .scan-beam,.is-vectorizing .scan-beam{display:block}
.is-scanning .scan-beam::before,.is-generating .scan-beam::before,.is-vectorizing .scan-beam::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,#50ffe8 40%,#a0f7ff,transparent);
  box-shadow:0 0 20px 5px #29eafa90;animation:artboard-sweep 2.4s ease-in-out infinite alternate
}
.is-generating .scan-beam{border-color:#9682ff;box-shadow:inset 0 0 38px #9573ff35}
.is-vectorizing .scan-beam{border-color:#ffc66a}
@keyframes artboard-sweep{0%{top:1%;opacity:.35}100%{top:98%;opacity:1}}
.artboard-console .metric-row{gap:6px;margin-top:4px}
.artboard-console .metric{padding:5px;min-width:0}
.artboard-console .metric strong{overflow-wrap:anywhere}
.artboard-console .pipeline{margin:0;min-height:0;overflow:hidden;padding:8px 10px}
.artboard-console .pipeline-head{padding-bottom:5px}
.artboard-console .processing-shell{height:calc(100% - 32px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:10px}
.artboard-console .processing-shell>div:first-child{min-height:0;display:flex;flex-direction:column}
.artboard-console .processing-shell .stepper{margin:0 0 5px;flex:none}
.artboard-console .processing-shell .log{min-height:0;max-height:none;flex:1;font-size:10px;line-height:1.45}
.artboard-console .processing-summary{min-height:0;overflow:auto;padding:5px}
.artboard-console .progress-orb{width:54px;height:54px;margin:auto}
.artboard-console .progress-orb .orb-value{font-size:12px}
.artboard-console .processing-summary p{margin:4px 0}
.artboard-console .recovery-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.artboard-console .recovery-actions button{font-size:10px;min-height:33px;padding:5px 7px;flex:1}
.artboard-console .recovery-actions button:disabled{opacity:.42;cursor:not-allowed}
.artboard-console .progress.indeterminate #progressValue{width:26%!important;animation:artboard-indeterminate 1.8s ease-in-out infinite}
@keyframes artboard-indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(400%)}}
@media(min-width:1000px) and (min-height:650px){
 .workspace:has(.artboard-console) .content{height:calc(100dvh - 128px);min-height:0;max-height:calc(100dvh - 128px);overflow:hidden;padding:8px 12px}
 .workspace:has(.artboard-console){height:calc(100dvh - 86px);overflow:hidden}
 .workspace:has(.artboard-console) .app-footer{flex-shrink:0}
}
@media(max-width:999px), (max-height:649px){
 .artboard-console{display:flex;flex-direction:column;height:auto;min-height:auto}
 .artboard-console-top{flex-wrap:wrap}
 .artboard-console-top .mode-choice{min-width:100%;max-width:none}
 .artboard-console .workspace-grid.artboard-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
 .artboard-console .workspace-grid.artboard-layout>.tool-panel:last-child{grid-column:1/-1}
 .artboard-console .pipeline{height:220px;min-height:220px}
 .artboard-console .tool-panel{overflow:visible}
}
@media(max-width:640px){
 .artboard-console .workspace-grid.artboard-layout{display:flex;flex-direction:column}
 .artboard-console .preview-box{height:260px}
 .artboard-console .processing-shell{grid-template-columns:1fr}
 .artboard-console .processing-summary{display:none}
 .artboard-console .pipeline{height:230px}
 .artboard-console-top .mode-choice small{display:none}
}
@media(prefers-reduced-motion:reduce){
 .scan-beam::before,.artboard-console .progress.indeterminate #progressValue{animation:none!important}
}

/* Artboard telemetry uses natural proportions; panels are never forced to stretch. */
.stepper .complete b{border-color:#24dcb0;background:#075344;color:#baffed}.stepper .complete strong,.stepper .complete small{color:#3fe5b9}
.artboard-console{height:auto;max-width:1380px;margin:0 auto;grid-template-rows:auto auto auto}
.artboard-console .workspace-grid.artboard-layout{grid-template-columns:minmax(245px,290px) minmax(360px,1fr) minmax(330px,390px);align-items:start}
.artboard-console .tool-panel{height:auto;overflow:visible}
.artboard-console .compact-output{max-height:650px;overflow:auto}
.artboard-console .pipeline{min-height:220px;height:220px;overflow:hidden}
.production-live-dialog{padding:9px;border:1px solid #105d88;border-radius:9px;background:#041327;margin-bottom:7px}
.live-dialog-head{display:flex;gap:8px;align-items:center;padding-bottom:7px;border-bottom:1px solid #103d5e}.live-dialog-head>div{display:flex;flex-direction:column}.live-dialog-head b{font-size:11px}.live-dialog-head small{font-size:8px;color:#75a6c4}.live-dot{width:9px;height:9px;border-radius:50%;background:#31536a}.live-dot.on{background:#21e4b2;box-shadow:0 0 10px #21e4b2;animation:live-pulse 1.2s ease-in-out infinite}
.live-dialog-list{display:grid;gap:4px;margin:7px 0}.live-dialog-list>div{display:grid;grid-template-columns:16px 1fr;gap:5px;align-items:start;color:#577b93}.live-dialog-list>div>span{font-size:10px;margin-top:2px}.live-dialog-list p{margin:0;display:flex;flex-direction:column}.live-dialog-list b{font-size:9px}.live-dialog-list small{font-size:7px;line-height:1.35}.live-dialog-list .done{color:#38ddb5}.live-dialog-list .active{color:#57dfff}.live-dialog-list .active>span{animation:live-pulse 1.2s ease-in-out infinite}
.engine-events{max-height:72px;overflow:auto;border-top:1px solid #103d5e;border-bottom:1px solid #103d5e;padding:4px 0}.engine-events p{display:grid;grid-template-columns:48px 1fr;gap:5px;margin:2px 0;font:7px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:#81abc3}.engine-events time{color:#34dfb3}
.production-facts{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px}.production-facts span{min-width:0;padding:5px;border:1px solid #10466e;border-radius:6px;background:#061b32}.production-facts small,.production-facts b{display:block;overflow-wrap:anywhere}.production-facts small{font-size:7px;color:#6895b2}.production-facts b{margin-top:2px;font-size:8px;color:#d9f3ff}
.validation-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:7px}.validation-checks span{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #17486a;border-radius:5px;color:#7399b2;font-size:7px}.validation-checks i{font-style:normal}.validation-checks .pass{color:#38ddb5;border-color:#17745e}.validation-checks .fail{color:#ff8096;border-color:#82334b}
.illustrator-button{width:100%;margin-top:7px;padding:8px;border:1px solid #bb7dff;border-radius:7px;background:linear-gradient(135deg,#5f1dd2,#8c35ff);color:#fff;font-weight:800;font-size:9px}.illustrator-button:disabled{opacity:.38;cursor:not-allowed}.compact-output .output-list{max-height:80px;overflow:auto}
@keyframes live-pulse{50%{opacity:.45}}
@media(min-width:1000px) and (min-height:650px){
 .workspace:has(.artboard-console) .content{height:auto;min-height:calc(100dvh - 128px);max-height:none;overflow:auto;padding:8px 12px}
 .workspace:has(.artboard-console){height:auto;overflow:visible}
}
@media(max-width:1150px){.artboard-console .workspace-grid.artboard-layout{grid-template-columns:1fr 1fr}.artboard-console .workspace-grid.artboard-layout>.compact-output{grid-column:1/-1;max-height:none}}
@media(max-width:640px){.production-facts{grid-template-columns:1fr}.validation-checks{grid-template-columns:1fr 1fr}.artboard-console .pipeline{height:260px}}

/* Artboard AI premium production deck: compact rails, stage intelligence and delivery page. */
.artboard-console{position:relative;isolation:isolate;max-width:1440px;padding:10px;border:1px solid #0b5b88;border-radius:18px;background:linear-gradient(145deg,#031225f2,#020915f7 58%,#06162bf2);box-shadow:0 24px 80px #0009,inset 0 1px #6eeeff20}
.artboard-console::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 40% 0,#0ed7ff16,transparent 31%),linear-gradient(90deg,transparent 49.8%,#19caff08 50%,transparent 50.2%);background-size:auto,42px 42px;pointer-events:none}
.artboard-console-top{padding:2px 4px 9px;border-bottom:1px solid #11618a}
.artboard-console-top .console-heading strong{font-size:19px;text-shadow:0 0 18px #24d9ff66}
.artboard-console .tool-panel{border-color:#1677a8;background:linear-gradient(155deg,#061d38e8,#031127e8);box-shadow:inset 0 1px #78eaff18,0 12px 32px #0006}
.artboard-workbench{display:grid;grid-template-columns:minmax(245px,285px) minmax(450px,1fr) minmax(300px,360px);gap:9px;align-items:start;margin-top:9px}
.artboard-left-rail,.artboard-center-stage{display:grid;gap:9px;min-width:0;align-content:start}
.artboard-console .compact-input,.artboard-console .compact-preview,.artboard-console .compact-output{max-height:none;overflow:visible}
.artboard-console .compact-preview .preview-box{height:clamp(300px,40vh,430px);background:radial-gradient(circle at 50% 40%,#0a3155,#020b18 72%);box-shadow:inset 0 0 34px #0acaff16}
.artboard-console .compact-output{min-height:250px}
.artboard-progress-dock{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:9px!important;min-height:82px}
.artboard-progress-dock .progress-orb{width:56px;height:56px;margin:0;border-width:6px;font-size:12px;background:#031225}
.artboard-progress-dock .progress-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.artboard-progress-dock .progress-copy>b{font-size:10px;color:#d9f6ff;overflow-wrap:anywhere}
.artboard-progress-dock .progress-copy>small{font-size:8px;color:#70a8c4}
.artboard-progress-dock .progress{margin:5px 0 0}
.artboard-console .terminal-dock{height:230px;min-height:230px;padding:9px;overflow:hidden}
.artboard-console .processing-shell.without-summary{grid-template-columns:minmax(0,1fr);height:calc(100% - 34px)}
.terminal-dock .stepper{padding:7px 9px;border-radius:9px}
.terminal-dock .stepper span{grid-template-columns:24px minmax(0,1fr);min-width:0;padding-right:6px;gap:0 4px}
.terminal-dock .stepper span:not(:last-child):after{right:0;font-size:8px}
.terminal-dock .stepper b{width:23px;height:23px;font-size:8px}
.terminal-dock .stepper strong{min-width:0;font-size:7px;line-height:1.05;overflow-wrap:anywhere}.terminal-dock .stepper small{min-width:0;font-size:6px;line-height:1.1;overflow-wrap:anywhere}
.terminal-dock .log{border-color:#0f5e8d;background:linear-gradient(180deg,#020b18,#031225);box-shadow:inset 0 0 22px #00b8ff0b}
.production-live-dialog{min-height:190px;margin:0;padding:10px;border-color:#146d9d;background:linear-gradient(160deg,#04172d,#020c1c);box-shadow:inset 0 1px #74edff17}
.production-start{min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9px}
.production-start-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2ce8bf;border-radius:13px;background:#0b4f4a;color:#8affdf;font-size:19px;box-shadow:0 0 24px #1fe9ba55}
.production-start h4{margin:10px 0 3px;font-size:14px}.production-start p{max-width:260px;margin:0 0 12px;color:#79a9c3;font-size:9px;line-height:1.55}
.active-production-card .live-dialog-head{padding:2px 2px 9px}.active-production-card .live-dialog-head b{font-size:12px}.active-production-card .live-dialog-head small{margin-top:2px;line-height:1.45}
.stage-facts{grid-template-columns:1fr 1fr;margin-top:9px}.stage-facts span{padding:7px;background:linear-gradient(145deg,#071f39,#041427)}.stage-facts b{font-size:9px;color:#e8faff}
.current-engine-event{display:grid;grid-template-columns:47px 1fr;gap:6px;margin-top:8px;padding:7px;border:1px solid #176185;border-radius:7px;background:#03101f;font:8px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#91bed2}.current-engine-event time{color:#35e4b8}
.artboard-export-page{margin-top:9px;padding:14px!important;border-color:#6a42da!important;background:linear-gradient(145deg,#071730,#110d2e)!important}
.export-page-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #3c3676}.export-page-head h3{margin:2px 0;font-size:15px}.export-page-head p{margin:0;color:#759fbd;font-size:9px}.export-ready-badge{padding:6px 9px;border:1px solid #2bcbab;border-radius:99px;background:#0a3f3c;color:#8affdf;font-size:8px;font-weight:850;letter-spacing:.08em}
.export-page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:5px}.export-contracts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.export-contracts span{padding:7px;border:1px solid #293f75;border-radius:7px;background:#08152d}.export-contracts small,.export-contracts b{display:block}.export-contracts small{font-size:7px;color:#728eae}.export-contracts b{margin-top:2px;color:#e2efff;font-size:8px;overflow-wrap:anywhere}
.artboard-export-page .output-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.artboard-export-page .output-list button{border-color:#795cff;background:#231957;color:#e8e1ff}
.artboard-export-page .validation-checks{grid-template-columns:repeat(4,1fr)}
@media(max-width:1180px){.artboard-workbench{grid-template-columns:minmax(230px,280px) minmax(390px,1fr)}.artboard-workbench>.compact-output{grid-column:1/-1}.artboard-console .compact-output{min-height:auto}.export-page-grid{grid-template-columns:1fr}}
@media(max-width:820px){.artboard-console{padding:7px;border-radius:13px}.artboard-workbench{grid-template-columns:1fr}.artboard-workbench>.compact-output{grid-column:auto}.artboard-console .compact-preview .preview-box{height:320px}.export-contracts{grid-template-columns:1fr}.artboard-export-page .validation-checks{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.artboard-console .terminal-dock{height:285px}.terminal-dock .stepper{grid-template-columns:repeat(6,125px)}.stage-facts{grid-template-columns:1fr}}