@charset "UTF-8";
:root{--brand:#DC2450;--brand-light:#F0688D;--navy:#000846;--sky:#3AB5E6;--pink:#FFF4F7;--purple:#EFEEFB;--bg:#F9FAFB;--text:#101828;--muted:#475467;--subtle:#667085;--border:#EAECF0;--white:#fff;--radius:14px;--shadow:0 8px 24px #10182806;font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3AB5E680;outline-offset:3px}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}input,textarea,select{min-width:0}button svg{pointer-events:none}p{line-height:1.8}.muted{color:var(--subtle)}.small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:var(--brand);text-transform:uppercase}.brand{display:flex;gap:10px;align-items:center}.brand-word{font-family:Arial,sans-serif;font-weight:800;font-size:34px;letter-spacing:-1.5px;color:var(--brand);line-height:1}.brand-word span{color:var(--navy);font-weight:500;font-size:20px;letter-spacing:-.5px}.brand-caption{font-size:10px;color:var(--subtle);margin-top:5px;letter-spacing:1.4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;background:#F2F4F7;color:var(--muted);font-size:11px;line-height:1.5;white-space:nowrap}.badge.pink{background:var(--pink);color:var(--brand)}.badge.blue{background:#EDF8FD;color:#187AA3}.badge.purple{background:var(--purple);color:#6254A4}.badge.green{background:#ECFDF3;color:#067647}.badge.outline{background:transparent;border:1px solid var(--border)}.badge svg{width:13px;height:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:white;font-weight:600;font-size:13px;transition:background .15s,transform .15s}.button:hover{background:#F2F4F7}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 3px 6px #DC245018}.button.primary:hover{background:#C71D45}.button.navy{background:var(--navy);border-color:var(--navy);color:white}.button.ghost{background:transparent;border-color:transparent;color:var(--subtle)}.button.ghost:hover{background:#F2F4F7;color:var(--text)}.button.sm{min-height:32px;padding:6px 11px;font-size:12px}.button svg{width:17px;height:17px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:white}.icon-button:hover{background:var(--bg)}.full{width:100%}.divider{height:1px;background:var(--border);margin:24px 0}.field{display:flex;flex-direction:column;gap:8px}.field>label,.field-label{font-size:13px;font-weight:600}.field>label b{color:var(--brand)}.field input,.field textarea,.field select{width:100%;border:1px solid #D0D5DD;border-radius:8px;background:white;padding:11px 12px;color:var(--text)}.field input::placeholder,.field textarea::placeholder{color:#98A2B3}.field textarea{resize:vertical;min-height:110px;line-height:1.8}.field small{font-size:11px;line-height:1.7;color:var(--subtle)}.error{color:#B42318;background:#FEF3F2;font-size:12px;padding:10px;border-radius:6px}.hidden{display:none!important}
.official-logo{display:block;width:145px;height:36px;object-fit:contain;object-position:left center}.login-story .official-logo.light{filter:brightness(0) invert(1);width:165px;height:41px}.button.primary{background:var(--sky);border-color:var(--sky);color:var(--navy);box-shadow:0 3px 6px #3AB5E618}.button.primary:hover{background:#48CBFF;border-color:#48CBFF}.button.primary:active{background:#31A1CE;border-color:#31A1CE}
/* Entry */
.login-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fff}.login-story{position:relative;display:flex;flex-direction:column;padding:45px 8%;background:var(--navy);color:#fff;overflow:hidden}.login-story .brand-word{color:#fff}.login-story .brand-word span,.login-story .brand-caption{color:#fff}.login-story .brand-caption{opacity:.55}.login-story:before{content:'';position:absolute;right:-130px;top:100px;width:480px;height:480px;border-radius:50%;border:1px solid #ffffff0d;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02;pointer-events:none}.story-main{position:relative;margin:auto 0;padding:60px 0}.story-main .eyebrow{color:#F0688D}.story-main h1{font-size:42px;font-weight:650;line-height:1.5;letter-spacing:1px;margin:20px 0}.story-main h1 em{font-style:normal;color:var(--brand-light)}.story-main>p{font-size:14px;color:#D2D6EC;max-width:380px}.story-flow{position:relative;margin:44px 0 25px;background:#ffffff08;border:1px solid #ffffff18;border-radius:16px;padding:24px;max-width:440px}.flow-heading{font-size:11px;color:#B5BAD6;letter-spacing:1px;margin-bottom:22px}.flow-steps{display:flex;align-items:center;justify-content:space-between;gap:8px}.flow-node{display:flex;flex-direction:column;gap:12px;font-size:12px;align-items:center}.flow-node>span{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#ffffff0b;border:1px solid #ffffff15}.flow-node:first-child>span{color:#F0688D}.flow-node:nth-child(3)>span{color:#3AB5E6}.flow-node:last-child>span{color:#B4A5F9}.flow-arrow{color:#646B9C;margin-top:-24px}.story-footer{font-size:11px;letter-spacing:.4px;color:#8991BA;position:relative}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{width:100%;max-width:390px}.login-form .login-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--pink);color:var(--brand);border-radius:13px;margin-bottom:26px}.login-form h2{font-size:27px;letter-spacing:.6px;margin:10px 0}.login-form>.muted{margin-bottom:30px;font-size:13px}.login-form .field{margin:24px 0 18px}.input-icon{position:relative}.input-icon input{padding-left:40px}.input-icon>svg{position:absolute;top:12px;left:12px;color:#98A2B3;width:17px;height:17px}.login-form .button.primary{min-height:46px}.demo-divider{display:flex;align-items:center;gap:16px;color:#98A2B3;font-size:11px;margin:28px 0 18px}.demo-divider:before,.demo-divider:after{content:'';height:1px;background:var(--border);flex:1}.demo-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-role{border:1px solid var(--border);padding:17px 12px;border-radius:10px;text-align:left;transition:border-color .2s,background .2s}.demo-role:hover{border-color:var(--brand-light);background:var(--pink)}.demo-role svg{color:var(--subtle);margin-bottom:12px}.demo-role b{display:block;font-size:13px;margin-bottom:5px}.demo-role small{color:var(--subtle);font-size:11px}.login-note{margin-top:24px;font-size:11px;color:#98A2B3;line-height:1.9;display:flex;gap:8px}.login-note svg{width:15px;height:15px;margin-top:3px}
/* Frame */
.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20;padding:28px 16px 16px}.sidebar .brand{padding:0 12px 27px}.workspace-name{padding:18px 12px;border-top:1px solid var(--border);font-size:13px;font-weight:650;display:flex;gap:10px;align-items:center}.workspace-icon{width:30px;height:30px;display:grid;place-items:center;background:var(--navy);border-radius:7px;color:white}.workspace-icon svg{width:17px;height:17px}.nav-heading{font-size:10px;color:#98A2B3;letter-spacing:1px;padding:18px 14px 10px}.nav-link{display:flex;align-items:center;gap:11px;margin:4px 0;padding:12px 14px;border-radius:8px;font-size:13px;color:var(--muted)}.nav-link svg{width:18px;height:18px;color:#667085}.nav-link:hover{background:var(--bg)}.nav-link.active{background:var(--pink);color:var(--brand);font-weight:650}.nav-link.active svg{color:var(--brand)}.nav-link .count{margin-left:auto;font-size:10px;background:#fff;padding:1px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto}.sidebar-note{padding:16px 14px;background:var(--bg);border-radius:10px;margin:20px 0 14px}.sidebar-note .note-title{font-size:12px;font-weight:600;display:flex;gap:7px;align-items:center;margin-bottom:6px}.sidebar-note .note-title svg{width:15px;height:15px;color:var(--brand)}.sidebar-note p{font-size:11px;color:var(--subtle);line-height:1.8}.profile{display:flex;align-items:center;gap:10px;padding:15px 6px 2px;border-top:1px solid var(--border)}.avatar{display:grid;place-items:center;width:34px;height:34px;background:var(--purple);color:#6556A6;border-radius:50%;font-size:12px;font-weight:650;flex-shrink:0}.profile b{font-size:12px}.profile small{display:block;font-size:10px;color:var(--subtle);margin-top:4px}.profile>button{margin-left:auto;padding:5px;color:var(--subtle)}.profile>button svg{width:16px;height:16px}.app-body{margin-left:230px}.topbar{height:70px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:16px}.breadcrumb{display:flex;gap:10px;font-size:12px;color:#98A2B3;align-items:center}.breadcrumb strong{font-weight:500;color:var(--muted)}.top-actions{display:flex;gap:13px;align-items:center}.top-actions .demo-pill{display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid #FDD4DF;border-radius:20px;padding:5px 9px;color:#B91C40;background:#FFF9FB}.dot{width:5px;height:5px;background:var(--brand);border-radius:50%;display:inline-block}.content{max-width:1480px;margin:0 auto;padding:32px 38px 22px}.mobile-menu{display:none}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:18px}.page-top h1{font-size:25px;font-weight:650;letter-spacing:.5px}.page-top p{font-size:12px;color:var(--subtle);margin-top:8px}.page-top .actions{display:flex;gap:9px}.hero{background:var(--navy);color:#fff;border-radius:14px;padding:29px 32px;display:flex;justify-content:space-between;gap:20px;position:relative;overflow:hidden;min-height:185px}.hero:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff10;border-radius:50%;right:-60px;top:-25px;box-shadow:0 0 0 40px #ffffff04,0 0 0 80px #ffffff03;pointer-events:none}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:9px;letter-spacing:2.3px;color:var(--brand-light)}.hero h2{font-size:24px;font-weight:600;letter-spacing:.5px;margin:14px 0 10px}.hero p{font-size:12px;color:#B5BAD6;max-width:460px}.hero-tags{display:flex;gap:20px;margin-top:21px;color:#D6D9EB;font-size:11px}.hero-tags span{display:flex;align-items:center;gap:6px}.hero-tags svg{width:14px;height:14px;color:var(--brand-light)}.hero-diagram{display:flex;align-items:center;gap:16px;align-self:center;position:relative;z-index:1;padding:0 14px}.hero-node{width:76px;height:88px;background:#ffffff09;border:1px solid #ffffff1c;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;font-size:10px;color:#D3D8F0;transform:rotate(-5deg)}.hero-node svg{width:25px;height:25px;color:#F0688D}.hero-node:last-child{transform:rotate(7deg);margin-left:-4px}.hero-node:last-child svg{color:#3AB5E6}.hero-plus{color:#7C83AF;font-size:22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:21px 0 30px;gap:14px}.metric{padding:18px 21px;border:1px solid var(--border);border-radius:10px;background:white;display:flex;gap:14px;align-items:center}.metric-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--pink);border-radius:9px;color:var(--brand)}.metric:nth-child(2) .metric-icon{background:#EDF8FD;color:#278DB8}.metric:nth-child(3) .metric-icon{background:var(--purple);color:#796AB5}.metric:nth-child(4) .metric-icon{background:#F2F4F7;color:#667085}.metric label{font-size:11px;color:var(--subtle);display:block}.metric b{font-size:24px;font-weight:650;display:block;line-height:1.3;margin-top:4px;font-variant-numeric:tabular-nums}.metric b small{font-size:11px;font-weight:400;color:var(--subtle);margin-left:7px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-line h2{font-size:17px;font-weight:650;display:flex;align-items:center;gap:9px}.section-line h2>span{font-size:11px;color:var(--subtle);font-weight:400;background:#EAECF0;padding:2px 7px;border-radius:5px}.search{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #D0D5DD;border-radius:8px;background:white;width:290px}.search svg{width:16px;height:16px;color:#98A2B3}.search input{border:0;outline:0;background:transparent;font-size:12px;flex:1;width:100%}.search kbd{font-size:10px;color:#98A2B3;border:1px solid var(--border);border-radius:3px;padding:1px 4px}.filter-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--border);margin-bottom:19px}.tabs{display:flex;gap:20px;overflow-x:auto;white-space:nowrap}.tab{padding:12px 1px 14px;font-size:12px;color:var(--subtle);border-bottom:2px solid transparent}.tab.active{color:var(--brand);font-weight:650;border-bottom-color:var(--brand)}.filter-selects{display:flex;gap:8px;padding-bottom:8px}.filter-selects select{border:1px solid var(--border);border-radius:6px;color:var(--muted);background:#fff;padding:6px 8px;font-size:11px;max-width:140px}.result-line{display:flex;justify-content:space-between;color:var(--subtle);font-size:11px;margin:0 0 16px;align-items:center}.result-line>div{display:flex;gap:8px;align-items:center}.view-switch{display:flex;background:#EAECF0;border-radius:5px;padding:2px}.view-switch button{display:grid;place-items:center;width:25px;height:23px;border-radius:3px;color:#98A2B3}.view-switch button.active{background:#fff;color:var(--muted);box-shadow:0 1px 3px #10182810}.view-switch svg{width:14px;height:14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.resource-card{background:white;border:1px solid var(--border);border-radius:12px;padding:23px;transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;position:relative}.resource-card:hover{box-shadow:0 7px 24px #10182809;border-color:#D0D5DD}.card-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px}.resource-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--pink);color:var(--brand)}.resource-icon.blue{background:#EDF8FD;color:#298EBA}.resource-icon.purple{background:var(--purple);color:#7965BD}.resource-icon.green{background:#EDF9F3;color:#2A9070}.resource-icon svg{width:23px;height:23px}.card-flags{display:flex;gap:6px;align-items:flex-start}.resource-card h3{font-size:17px;line-height:1.5;font-weight:650;margin-bottom:7px}.resource-card h3 a:hover{color:var(--brand)}.card-description{font-size:12px;line-height:1.9;color:var(--subtle);margin-bottom:16px;min-height:46px}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;color:var(--subtle);padding:4px 7px;background:#F9FAFB;border:1px solid #F2F4F7;border-radius:4px}.card-tools{display:flex;gap:6px;align-items:center;margin:18px 0;color:#98A2B3;font-size:10px}.tool-dots{display:flex;gap:4px}.tool-dot{width:21px;height:21px;display:grid;place-items:center;border:1px solid #EAECF0;border-radius:5px;color:#667085;background:#fff;font-family:Arial;font-size:9px;font-weight:700}.card-footer{border-top:1px solid #F2F4F7;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:10px;color:var(--subtle)}.card-author{display:flex;align-items:center;gap:7px}.card-author .avatar{width:22px;height:22px;font-size:9px;background:#F2F4F7;color:#667085}.card-footer a{display:flex;gap:4px;align-items:center;font-size:11px;color:var(--muted);font-weight:600}.card-footer a:hover{color:var(--brand)}.card-footer svg{width:14px;height:14px}.card-bottom-meta{margin-top:14px;font-size:10px;color:#98A2B3;display:flex;justify-content:space-between;gap:8px}.card-bottom-meta span{display:flex;gap:4px;align-items:center}.card-bottom-meta svg{width:12px;height:12px}.card-manage{display:flex;gap:7px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.cards.list{grid-template-columns:1fr}.cards.list .resource-card{display:grid;grid-template-columns:50px 1fr 180px;gap:0 18px;padding:19px}.cards.list .card-top{grid-column:1;grid-row:1/6}.cards.list .card-flags{display:none}.cards.list h3,.cards.list .card-description,.cards.list .tag-list{grid-column:2}.cards.list .card-description{min-height:0;margin-bottom:10px}.cards.list .card-tools{grid-column:3;grid-row:1/3;align-self:start;margin:4px 0}.cards.list .card-footer{grid-column:3;grid-row:3/5;border:0;align-self:end;padding:0;flex-wrap:wrap}.cards.list .card-bottom-meta{grid-column:2/4}.cards.list .card-manage{grid-column:2/4}.extension-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;padding:20px 22px;border:1px dashed #D0D5DD;border-radius:10px}.extension-strip h3{font-size:12px;margin-bottom:5px}.extension-strip p{font-size:11px;color:var(--subtle)}.extension-icons{display:flex;gap:7px;flex-shrink:0}.extension-icons span{width:31px;height:31px;background:white;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:#98A2B3}.extension-icons svg{width:16px;height:16px}.page-footer{display:flex;justify-content:space-between;gap:12px;color:#98A2B3;font-size:10px;margin-top:31px;padding-top:19px;border-top:1px solid var(--border)}.page-footer button{color:#98A2B3;padding:0;font-size:10px}.page-footer button:hover{color:var(--brand)}.empty{padding:60px 20px;text-align:center;background:white;border:1px dashed #D0D5DD;border-radius:12px;grid-column:1/-1}.empty>svg{width:32px;height:32px;color:#98A2B3;margin-bottom:18px}.empty h3{font-size:16px;margin-bottom:10px}.empty p{font-size:12px;color:var(--subtle);margin-bottom:20px}
/* Detail */
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--subtle);margin-bottom:23px}.back-link svg{width:15px;height:15px}.detail-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:24px}.detail-heading .resource-icon{width:58px;height:58px;border-radius:14px}.detail-heading .resource-icon svg{width:29px;height:29px}.detail-heading h1{font-size:26px;margin:6px 0 9px}.detail-heading p{font-size:12px;color:var(--subtle);max-width:680px}.detail-heading .badge{margin-right:6px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.panel{padding:26px;border:1px solid var(--border);background:white;border-radius:12px;margin-bottom:20px}.panel h2{font-size:15px;font-weight:650;display:flex;align-items:center;gap:9px;margin-bottom:17px}.panel h2 svg{width:17px;height:17px;color:var(--brand)}.panel p,.panel li{font-size:12px;line-height:2;color:var(--muted)}.panel ul{padding-left:20px;margin:8px 0}.panel h3{font-size:12px;font-weight:650;margin:20px 0 8px}.detail-tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-bottom:23px}.detail-tabs a{padding:11px 0;font-size:12px;color:var(--subtle)}.detail-tabs a:first-child{color:var(--brand);border-bottom:2px solid var(--brand)}.steps{display:flex;flex-direction:column;gap:18px}.step{display:flex;gap:12px;align-items:flex-start}.step>span{width:24px;height:24px;border-radius:50%;background:var(--pink);color:var(--brand);display:grid;place-items:center;font-size:11px;flex-shrink:0}.step p{padding-top:0}.prompt-box{background:#F9FAFB;border:1px solid var(--border);border-radius:8px;padding:16px;font-size:12px;line-height:2;white-space:pre-wrap;word-break:break-word;color:var(--muted)}.prompt-actions{display:flex;justify-content:flex-end;margin-top:12px}.info-note{padding:12px 14px;background:#F9FAFB;border-radius:7px;font-size:11px;color:var(--subtle);line-height:1.9;display:flex;gap:9px;margin-top:16px}.info-note svg{width:15px;height:15px;margin-top:3px;flex-shrink:0}.download-panel{position:sticky;top:22px}.download-panel h2{margin-bottom:8px}.download-panel>.muted{font-size:11px;margin-bottom:20px}.download-panel .button{margin-bottom:9px}.facts{margin:18px 0 0}.fact{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;border-bottom:1px solid #F2F4F7}.fact:last-child{border:0}.fact dt{color:var(--subtle)}.fact dd{margin:0;text-align:right;color:var(--muted);max-width:170px;overflow-wrap:anywhere}.compat{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:11px;color:var(--muted)}.compat .badge{font-size:9px}.relation-card{border:1px solid var(--border);border-radius:9px;padding:16px;display:block;margin-bottom:11px}.relation-card:hover{border-color:#F5B4C4;background:#FFFBFC}.relation-title{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:8px}.relation-title b{font-size:12px;font-weight:600}.relation-title svg{width:15px;height:15px;color:var(--subtle)}.relation-card p{font-size:11px;color:var(--subtle);margin-top:8px}.workflow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:var(--bg);padding:16px;border-radius:9px;margin-top:17px}.workflow span,.workflow a{font-size:10px;padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:#fff}.workflow a{color:var(--brand);border-color:#F9CDD8}.workflow>svg{width:14px;height:14px;color:#98A2B3}.preview-banner{padding:12px 16px;border:1px solid #F9CDD8;border-radius:8px;background:var(--pink);color:var(--brand);font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
/* Editor and guide */
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px}.editor-layout .panel{padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid .wide{grid-column:1/-1}.upload-zone{border:1px dashed #D0D5DD;padding:23px;text-align:center;background:var(--bg);border-radius:9px}.upload-zone>svg{color:#98A2B3;width:26px;height:26px;margin-bottom:10px}.upload-zone p{font-size:12px;color:var(--muted)}.upload-zone input{max-width:100%;font-size:11px;margin-top:14px}.upload-zone small{display:block;color:var(--subtle);font-size:10px;margin-top:12px}.tool-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.tool-option{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:7px;font-size:12px}.tool-option input{accent-color:var(--brand)}.tool-option select{margin-left:auto;font-size:10px;border:0;background:var(--bg);padding:5px}.editor-help h3{font-size:12px;margin-bottom:9px}.editor-help p{font-size:11px;color:var(--subtle);line-height:1.9}.editor-help .panel{padding:20px}.editor-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;background:white;border:1px solid var(--border);border-radius:10px;padding:18px 22px;margin-bottom:20px}.editor-footer>span{font-size:11px;color:var(--subtle)}.editor-footer>div{display:flex;gap:8px}.relation-editor{border:1px solid var(--border);padding:15px;border-radius:9px;margin-top:12px}.relation-editor .row{display:flex;gap:8px;margin-bottom:10px}.relation-editor select,.relation-editor input{width:100%;padding:9px;font-size:12px;border:1px solid #D0D5DD;border-radius:6px}.relation-editor .row select{flex:1}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.guide-card{background:white;border:1px solid var(--border);border-radius:12px;padding:25px}.guide-number{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--brand);margin-bottom:18px}.guide-card h3{font-size:15px;margin-bottom:12px}.guide-card p{font-size:12px;color:var(--subtle);line-height:2}.guide-tool{padding:15px 0;border-bottom:1px solid var(--border)}.guide-tool:last-child{border:0}.guide-tool b{display:block;font-size:12px;margin-bottom:7px}.guide-tool p{font-size:11px;color:var(--subtle)}.dialog-backdrop{position:fixed;inset:0;background:#00084655;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.dialog{background:white;border-radius:14px;box-shadow:0 20px 80px #00084622;width:440px;max-width:100%;padding:26px}.dialog h2{font-size:18px;margin:3px 0 14px}.dialog p{font-size:12px;color:var(--subtle);line-height:1.9;white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:12px 20px;border-radius:9px;background:var(--navy);color:#fff;font-size:12px;box-shadow:0 8px 24px #00084622;opacity:0;pointer-events:none;transition:.2s;z-index:200;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.skip-link{position:fixed;left:15px;top:-50px;z-index:300;background:white;padding:12px;border:1px solid var(--brand)}.skip-link:focus{top:10px}
@media(min-width:1500px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:200px}.hero h2{font-size:28px}}
@media(max-width:1200px){.content{padding:28px}.topbar{padding:0 28px}.hero-diagram{gap:9px;padding:0}.hero-node{width:65px}.metrics{gap:9px}.metric{padding:15px;gap:10px}.metric b small{display:none}.detail-grid{grid-template-columns:minmax(0,1fr) 255px}.filter-selects select{max-width:115px}.tabs{gap:14px}.editor-layout{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:1000px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.app-body{margin-left:200px}.sidebar .brand-word{font-size:30px}.sidebar .brand-word span{font-size:17px}.content{padding:25px}.hero-diagram{display:none}.hero{min-height:175px}.metrics{grid-template-columns:repeat(2,1fr)}.filter-row{align-items:flex-start;flex-direction:column;gap:4px}.filter-selects{width:100%}.filter-selects select{max-width:unset;flex:1}.tabs{width:100%;gap:22px}.detail-grid,.editor-layout{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.download-panel{position:static}.editor-help{display:none}.guide-grid{grid-template-columns:1fr}.guide-card{padding:22px}.guide-number{margin-bottom:10px}.login-story{padding:36px 8%}.story-main h1{font-size:32px}.login-form-wrap{padding:35px}.story-flow{padding:20px}.flow-node{font-size:10px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:230px;transition:transform .2s;box-shadow:0 0 30px #00084615}.sidebar.open{transform:translateX(0)}.app-body{margin-left:0}.mobile-menu{display:grid;place-items:center;padding:0;color:var(--muted)}.topbar{height:60px;padding:0 20px}.breadcrumb{gap:7px}.breadcrumb>span:first-child{display:none}.top-actions{gap:8px}.top-actions .button{font-size:10px;padding:6px 9px;min-height:30px}.top-actions .demo-pill{font-size:9px;padding:4px 7px}.content{padding:23px 20px}.page-top h1{font-size:22px}.page-top p{font-size:11px}.page-top .button{font-size:11px;padding:9px 11px}.hero{padding:25px}.hero h2{font-size:22px}.hero p{font-size:11px}.hero-tags{gap:12px;font-size:10px;flex-wrap:wrap}.metric{padding:14px}.metric b{font-size:23px}.section-line{flex-wrap:wrap}.search{width:100%}.section-line h2{font-size:16px}.section-line>div:last-child{width:100%}.cards{grid-template-columns:1fr}.resource-card{padding:22px}.card-description{min-height:0}.extension-strip{padding:17px}.extension-icons{display:none}.page-footer{font-size:9px}.detail-heading h1{font-size:22px}.detail-heading .resource-icon{width:46px;height:46px}.detail-heading{gap:12px}.detail-aside{grid-template-columns:1fr}.panel{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.editor-layout .panel{padding:20px}.editor-footer{padding:15px}.editor-footer>span{display:none}.editor-footer>div{width:100%;justify-content:flex-end}.cards.list .resource-card{display:flex;gap:0}.cards.list .card-top{display:flex}.cards.list .card-flags{display:flex}.cards.list .card-tools{margin:14px 0}.cards.list .card-footer{padding-top:14px;border-top:1px solid var(--border)}.login-shell{grid-template-columns:1fr;min-height:100vh}.login-story{padding:26px 28px 28px}.story-main{padding:28px 0 0}.story-main h1{font-size:27px;margin:12px 0 8px;line-height:1.5}.story-main h1 br{display:none}.story-main>p{font-size:11px;max-width:none}.story-flow,.story-footer,.login-story .eyebrow{display:none}.login-form-wrap{padding:32px 28px}.login-form{max-width:430px}.login-form .login-mark{display:none}.login-form h2{font-size:23px}.login-form>.muted{margin-bottom:20px}.login-form .eyebrow{font-size:10px}.demo-divider{margin:22px 0 15px}.topbar .breadcrumb strong{font-size:11px}.tool-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}