:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d13;--panel:#111922;--panel-soft:#141e28;--line:#26333e;--text:#f3f7f8;--muted:#9badb8;--cyan:#4ad9e8;--gold:#e8bb68;--violet:#ba9bff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:#0c141c;border-right:1px solid #1e2a34;flex-direction:column;flex:none;width:246px;height:100vh;padding:27px 16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 10px 34px;display:flex}.brand-mark{border:1px solid #37505b;border-radius:11px;width:42px;height:42px;display:block;overflow:hidden;box-shadow:0 0 24px #36d9ec1c}.brand-mark img{object-fit:cover;object-position:top;width:100%;height:100%}.brand strong{letter-spacing:.12em;font-size:17px;line-height:1.2;display:block}.brand small{letter-spacing:.17em;color:var(--cyan);margin-top:3px;font-size:8px;display:block}.nav-group-label{color:#708390;letter-spacing:.17em;padding:12px 13px;font-size:10px;font-weight:700}.main-nav{gap:4px;display:grid}.nav-item{color:#a9b9c3;border-radius:8px;align-items:center;gap:13px;min-height:42px;padding:0 12px;font-weight:600;display:flex}.nav-item:hover,.nav-item:focus-visible{color:#fff;background:#172530}.nav-item.active{color:#b9f7fb;background:#18313a;border:1px solid #265562}.nav-count{color:#b9f7fb;background:#28414b;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.privacy-note{background:#101e28;border:1px solid #213942;border-radius:10px;gap:10px;margin:0 2px 17px;padding:14px 10px;display:flex}.privacy-icon{width:29px;height:29px;color:var(--cyan);background:#173943;border-radius:8px;flex:none;place-items:center;display:grid}.privacy-note strong{font-size:12px;display:block}.privacy-note p{color:#94abb8;margin:4px 0 0;font-size:11px;line-height:1.45}.account-row{color:#b7c8d0;text-align:left;background:0 0;border:0;border-top:1px solid #26333e;align-items:center;gap:9px;width:100%;padding:17px 8px 0;display:flex}.account-row:hover{color:#fff}.avatar{color:#fff;background:#405665;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.account-copy{flex:1;min-width:0}.account-copy strong{color:#f2f6f8;font-size:11px;display:block}.account-copy small{text-overflow:ellipsis;white-space:nowrap;color:#92a4ae;font-size:10px;display:block;overflow:hidden}.main-content{flex:1;min-width:0}.topbar{background:#0b1118;border-bottom:1px solid #1c2a33;justify-content:space-between;align-items:center;height:65px;padding:0 42px;display:flex}.breadcrumb{color:#8b9faa;letter-spacing:.17em;font-size:10px;font-weight:700}.breadcrumb span{color:#4b626c;padding:0 11px}.topbar-right{color:#a9bac3;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.status-dot{background:#71d5aa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #71d5aa80}.mobile-menu{display:none!important}.content-wrap{max-width:1440px;margin:0 auto;padding:35px 42px 26px}.hero{background:radial-gradient(circle at 78% 52%,#154657 0,#0d2935 27%,#0c1a25 67%,#0b1720 100%);border:1px solid #26505b;border-radius:14px;justify-content:space-between;min-height:285px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.28;pointer-events:none;background-image:linear-gradient(90deg,#0000 96%,#72d7e31b 97%),linear-gradient(#72d7e31b 3%,#0000 4%);background-size:32px 32px;position:absolute;inset:0}.hero-text{z-index:1;width:min(650px,70%);padding:35px 0 34px 39px;position:relative}.eyebrow{color:#68deeb;letter-spacing:.18em;align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.eyebrow-line{background:#68deeb;width:16px;height:1px}.hero h1{letter-spacing:-.045em;margin:17px 0 13px;font-size:clamp(30px,3.2vw,47px);font-weight:750;line-height:1.1}.hero h1 em{color:#79e4e9;font-style:normal}.hero p{color:#b8cad3;max-width:560px;margin:0 0 23px;font-size:13px;line-height:1.7}.hero-art{opacity:.9;place-items:center;width:37%;display:grid;position:absolute;top:0;bottom:0;right:0}.hero-art:before{content:"";filter:blur(38px);background:#46c8d733;border-radius:50%;width:280px;height:280px;position:absolute}.hero-art img{aspect-ratio:1.3;object-fit:cover;object-position:top;mix-blend-mode:screen;filter:drop-shadow(0 0 18px #49d7ef55);width:min(83%,275px);position:relative;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.primary-button,.secondary-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:0 17px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{color:#06202a;background:#70dce5;border:1px solid #8df0f4;box-shadow:0 5px 24px #56d7e334}.primary-button:hover{background:#91f1f5}.secondary-button{color:#d9f7f8;background:#182b35;border:1px solid #3a5560}.secondary-button:hover{background:#1d3c46;border-color:#6bc9d3}.notice{border-radius:8px;align-items:center;gap:11px;margin-top:16px;padding:11px 14px;display:flex}.notice button{color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.notice.success{color:#b2eed0;background:#123629;border:1px solid #246248}.notice.error{color:#ffd4d8;background:#462024;border:1px solid #793e47}.metrics{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:19px;display:grid}.metric{background:#111b24;border:1px solid #23323d;border-radius:10px;min-height:107px;padding:17px 19px}.metric span{color:#89a0ad;letter-spacing:.15em;font-size:10px;font-weight:800;display:block}.metric strong{color:#f2f8f9;margin-top:8px;font-size:28px;line-height:1.15;display:block}.metric small{color:#8da1ac;margin-top:3px;font-size:11px;display:block}.rules-section{background:linear-gradient(135deg,#142833,#111b24 55%);border:1px solid #314752;border-radius:11px;margin-top:19px;padding:22px}.rules-intro h2{letter-spacing:-.02em;margin:5px 0 4px;font-size:20px}.rules-intro p{color:#9cb2bd;margin:0;font-size:11px}.rules-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;display:grid}.rule-card{background:#0e1c26;border:1px solid #2c4550;border-radius:8px;min-height:168px;padding:15px}.rule-number{color:#67cfdb;letter-spacing:.15em;font-size:9px;font-weight:800}.rule-card h3{margin:10px 0 5px;font-size:13px}.rule-card p{color:#9cb0ba;margin:0;font-size:10px;line-height:1.55}.rule-command{color:#d4c08f;letter-spacing:.08em;margin-top:12px;font-size:10px;font-weight:700}.command-guide{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.command-guide span{color:#a5b8c3;border:1px solid #2c4550;border-radius:5px;padding:6px 8px;font-size:10px}.command-guide strong{color:#83dfe6;margin-right:4px}.rules-footnote{color:#7f96a3;margin:13px 0 0;font-size:10px}.workflow-label select{color:#d2eef1;text-transform:capitalize;background:#213842;border:1px solid #41606b;border-radius:5px;max-width:112px;min-height:27px;padding:0 5px;font-size:10px;font-weight:700}.transfer-state{text-transform:capitalize}.transfer-state.pending{color:#edcb83}.transfer-state.failed{color:#ffabae}.transfer-state.ready{color:#a9dfbd}.library-section,.connections-section{margin-top:41px;scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.section-kicker{color:#70d9e4;letter-spacing:.18em;font-size:10px;font-weight:800}.section-heading h2,.modal-head h2{letter-spacing:-.025em;margin:4px 0;font-size:23px}.section-heading p{color:#8fa4b0;margin:3px 0 0;font-size:12px}.library-toolbar{background:#111b24;border:1px solid #26343e;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.filter-row{flex-wrap:wrap;gap:5px;display:flex}.filter-pill{color:#96a9b3;background:0 0;border:1px solid #0000;border-radius:7px;min-height:30px;padding:0 10px;font-size:11px;font-weight:700}.filter-pill:hover{color:#fff;background:#1e303b}.filter-pill.selected{color:#c4f7f7;background:#23414b;border-color:#3b6b76}.search-box{color:#6f8a99;background:#0d151e;border:1px solid #293d49;border-radius:7px;align-items:center;gap:7px;width:210px;min-width:182px;height:31px;padding:0 10px;display:flex}.search-box input{color:#e9f4f5;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.search-box input::placeholder{color:#708795}.empty-state{text-align:center;background:#111922;border:1px solid #26343e;border-top:0;border-radius:0 0 10px 10px;flex-direction:column;justify-content:center;align-items:center;min-height:223px;padding:24px;display:flex}.empty-icon{color:#8fe2e9;background:#1b333d;border:1px solid #365663;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.empty-state h3{margin:11px 0 3px;font-size:15px}.empty-state p{color:#8ea4ae;max-width:375px;margin:0 0 14px;font-size:12px;line-height:1.5}.asset-list{background:#111922;border:1px solid #26343e;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.asset-row{border-top:1px solid #26343e;align-items:center;gap:14px;min-height:78px;padding:12px 17px;display:flex}.asset-row:first-child{border-top:0}.asset-row:hover{background:#15212b}.asset-icon{color:#7be0ed;background:#194051;border-radius:9px;flex:none;place-items:center;width:42px;height:42px;display:grid}.asset-icon.video{color:#cfb6f5;background:#3a2d4d}.asset-icon.audio{color:#edc980;background:#473924}.asset-icon.document{color:#a5dfbf;background:#244039}.asset-icon.other{color:#b0c5d1;background:#30404b}.asset-main{flex:1;min-width:0}.asset-main h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:13px;overflow:hidden}.asset-details{color:#879ba7;flex-wrap:wrap;gap:8px;font-size:10px;display:flex}.asset-details span+span:before{content:"·";color:#526874;margin-right:8px}.asset-tags{align-items:center;gap:7px;display:flex}.source-tag,.state-tag{text-overflow:ellipsis;white-space:nowrap;color:#a9bec8;background:#23323b;border-radius:5px;max-width:135px;padding:4px 7px;font-size:10px;overflow:hidden}.state-tag{text-transform:capitalize;color:#b8c9d0;background:#303944}.state-tag.locked,.state-tag.approved{color:#a5edc6;background:#1b4937}.download-button{color:#d2ecf0;background:#1b2c36;border:1px solid #3a505a;border-radius:6px;flex:none;align-items:center;gap:7px;min-height:31px;padding:0 9px;font-size:11px;display:flex}.download-button:hover{background:#24404c}.connections-section{margin-top:42px}.connections-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.connection-card{background:#121d27;border:1px solid #283943;border-radius:10px;min-height:188px;padding:18px}.connection-head{justify-content:space-between;align-items:flex-start;display:flex}.connection-symbol{border-radius:8px;place-items:center;width:34px;height:34px;font-size:23px;font-weight:400;display:grid}.connection-symbol.cyan{color:#8ee7ed;background:#164350}.connection-symbol.gold{color:#eccc8e;background:#493c28}.connection-symbol.violet{color:#c9aff2;background:#38314d}.connection-state{letter-spacing:.12em;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:800}.connection-state.ready{color:#a9ebca;background:#1c4738}.connection-state.planned{color:#b1bac4;background:#2b3640}.connection-card h3{margin:17px 0 7px;font-size:14px}.connection-card p{color:#9aadb8;margin:0;font-size:11px;line-height:1.6}.footer{color:#687d89;letter-spacing:.09em;border-top:1px solid #1d2c36;justify-content:center;gap:9px;margin-top:52px;padding-top:24px;font-size:10px;display:flex}.generate-panel{background:#111e28;border:1px solid #2b424d;border-radius:10px;grid-template-columns:240px 1fr;gap:24px;margin-top:15px;padding:20px;display:grid}.generate-panel h3{margin:7px 0;font-size:15px}.generate-panel p{color:#91a8b4;margin:0;font-size:11px;line-height:1.6}.generate-fields{align-items:start;gap:11px;display:flex}.generate-fields label{color:#c7d7df;gap:6px;font-size:11px;font-weight:700;display:grid}.generate-fields select,.generate-fields textarea{color:#e7f1f4;background:#0d171f;border:1px solid #3c515e;border-radius:7px;outline:0;padding:9px}.generate-fields select{min-width:132px}.generate-fields textarea{resize:vertical;width:100%;min-height:82px}.generate-fields .prompt-field{flex:1}.generate-panel form>.secondary-button{margin-top:9px}.generation-unavailable{color:#8ca0ab;margin-left:10px;font-size:10px;display:inline-block}.upload-limit{color:#839ba8;margin:7px 0 0;font-size:10px;line-height:1.4}.api-access-panel{display:block}.api-access-panel .generate-fields input,.api-issued input{color:#e7f1f4;background:#0d171f;border:1px solid #3c515e;border-radius:7px;outline:0;width:100%;min-width:0;padding:9px}.api-access-panel .generate-fields label{flex:1}.api-access-panel .upload-limit{overflow-wrap:anywhere;margin:12px 0}.api-issued{background:#112a2b;border:1px solid #548b79;border-radius:8px;margin-top:18px;padding:13px}.api-issued strong{color:#d1f5e8;margin-bottom:8px;font-size:12px;display:block}.api-issued input{font-family:monospace}.api-issued button{margin-top:8px}.api-credentials{border-top:1px solid #2b424d;margin-top:18px;padding-top:15px}.api-credentials h3{margin:0 0 9px}.api-credential{border-top:1px solid #223640;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.api-credential span{gap:3px;display:grid}.api-credential small{color:#8ca0ab}.modal-backdrop{z-index:50;background:#03090dc9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.upload-modal{background:#111d27;border:1px solid #37606b;border-radius:13px;width:min(100%,520px);max-height:calc(100vh - 40px);padding:24px;overflow:auto;box-shadow:0 24px 90px #000a}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head h2{font-size:22px}.icon-button{color:#a9bcc6;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{color:#fff;background:#263742}.modal-intro{color:#9fb0ba;margin:8px 0 19px;font-size:12px}.dropzone{text-align:center;cursor:pointer;background:#112832;border:1px dashed #477683;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:135px;padding:15px;display:flex;position:relative}.dropzone:hover,.dropzone:focus-within{background:#15333e;border-color:#8ce5ed}.dropzone input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.drop-icon{color:#8bdfe7;place-items:center;display:grid}.dropzone strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.dropzone span:last-child{color:#8ca4b1;font-size:10px}.field{margin-top:17px}.field label{color:#c9d7de;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.field input,.field select{color:#e7f1f4;background:#0d171f;border:1px solid #3c515e;border-radius:7px;outline:0;width:100%;min-height:39px;padding:0 11px}.field input:focus,.field select:focus{border-color:#7ddce6}.field input::placeholder{color:#627c8a}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-error{color:#ffb9c0;margin:12px 0;font-size:11px}.modal-actions{justify-content:flex-end;align-items:center;gap:9px;margin-top:24px;display:flex}.text-button{color:#aabdc7;background:0 0;border:0;padding:9px 13px;font-size:12px;font-weight:700}.text-button:hover{color:#fff}.app-loading{color:#aabec9;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.app-loading img{object-fit:cover;object-position:top;border-radius:14px;width:80px;height:80px}.app-loading a{color:#8de4e9;text-decoration:underline}.login-page{background:#080e14;grid-template-columns:1fr minmax(320px,470px);min-height:100vh;display:grid}.login-story{background:radial-gradient(circle at 48% 46%,#124450 0,#0c2531 37%,#0a1821 72%);border-right:1px solid #28505a;flex-direction:column;justify-content:space-between;padding:35px 55px;display:flex;overflow:hidden}.login-brand{letter-spacing:.15em;font-size:18px;font-weight:800}.login-brand span{color:#67e1ea;letter-spacing:.18em;margin-top:4px;font-size:9px;display:block}.login-story-main{max-width:500px}.login-art{object-fit:cover;object-position:top;mix-blend-mode:screen;width:min(220px,48vw);height:190px;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.login-story h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(34px,4vw,54px);line-height:1.1}.login-story h1 em{color:#78e6eb;font-style:normal}.login-story p{color:#abc0ca;max-width:440px;line-height:1.7}.login-story-foot{color:#66808e;font-size:11px}.login-panel{justify-content:center;align-items:center;padding:32px;display:flex}.login-card{width:min(100%,360px)}.login-card .section-kicker{margin-bottom:11px;display:block}.login-card h2{letter-spacing:-.035em;margin:0 0 9px;font-size:29px}.login-card>p{color:#9aafbb;margin:0 0 27px;font-size:12px;line-height:1.6}.login-card .field{margin-top:17px}.login-submit{width:100%;min-height:43px;margin-top:25px}.login-hint{color:#7f97a3;align-items:center;gap:8px;margin-top:19px;font-size:11px;display:flex}.login-card .recovery-link{color:#89dfe8;text-align:center;margin:8px auto 0;display:block}.login-card .recovery-link:hover{color:#b7f7fa}.form-success{color:#a8e9c6;margin:12px 0;font-size:11px}@media (max-width:1100px){.sidebar{width:218px}.content-wrap{padding:30px 28px}.topbar{padding:0 28px}.asset-tags{display:none}.hero-art{width:33%}}@media (max-width:800px){.sidebar{transition:transform .2s;position:fixed;left:0;transform:translate(-102%);box-shadow:20px 0 60px #0007}.sidebar-open{transform:translate(0)}.mobile-menu{margin-left:-9px;margin-right:8px;display:grid!important}.topbar{justify-content:flex-start;padding:0 20px}.topbar-right{margin-left:auto}.content-wrap{padding:22px 20px}.hero{min-height:270px}.hero-text{width:75%;padding:31px 0 30px 27px}.hero-art{opacity:.65}.connections-grid{grid-template-columns:1fr 1fr}.rules-grid{grid-template-columns:1fr}.rule-card{min-height:0}.generate-panel{grid-template-columns:1fr;gap:12px}.login-page{grid-template-columns:1fr}.login-story{min-height:290px;padding:25px 32px}.login-story-main{align-items:center;gap:18px;display:flex}.login-story h1{font-size:34px}.login-story p{font-size:12px}.login-art{flex:none;width:140px;height:140px}.login-story-foot{display:none}.login-panel{padding:40px 24px}}@media (max-width:600px){.topbar{height:56px;padding:0 16px}.topbar-right{font-size:10px}.content-wrap{padding:16px 13px}.hero{min-height:286px}.hero-text{width:100%;padding:28px 22px}.hero h1{max-width:350px;font-size:31px}.hero p{max-width:310px}.hero-art{opacity:.19;width:190px;right:-38px}.metrics{gap:7px}.metric{min-height:91px;padding:13px 10px}.metric span{font-size:8px}.metric strong{font-size:23px}.metric small{font-size:9px;line-height:1.2}.library-section,.connections-section{margin-top:33px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.section-heading .secondary-button{width:35px;min-width:35px;padding:0;font-size:0}.section-heading .secondary-button svg{width:17px}.library-toolbar{padding:9px;display:block}.filter-row{flex-wrap:nowrap;padding-bottom:7px;overflow:auto}.filter-pill{flex:none}.search-box{width:100%;margin-top:3px}.asset-row{gap:9px;padding:10px}.asset-icon{width:36px;height:36px}.asset-details{gap:4px}.asset-details span+span:before{margin-right:4px}.asset-tags{display:block}.workflow-label select{max-width:87px}.source-tag{display:none}.download-button{justify-content:center;width:32px;padding:0}.download-button span{display:none}.connections-grid{grid-template-columns:1fr}.connection-card{min-height:155px}.generate-fields{display:block}.generate-fields label+label{margin-top:10px}.generate-fields select{width:100%}.field-grid{grid-template-columns:1fr;gap:0}.login-story{min-height:210px;padding:20px}.login-story-main{gap:7px}.login-art{width:95px;height:100px}.login-story h1{font-size:29px}.login-story p{font-size:11px}.login-card h2{font-size:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sidebar{transition:none}}
