.login-tech{--ice:#bce8ff;--electric:#159eff;isolation:isolate;-webkit-user-select:none;user-select:none;color:#e2f3ff;background:#020d1a url(/assets/login/industrial-stage.webp) 50%/cover no-repeat;min-height:max(760px,100svh);font-family:Segoe UI,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.login-tech input,.login-tech textarea{-webkit-user-select:text;user-select:text}.tech-atmosphere{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#010b16a0,#0000 40%,#020d1922 70%),radial-gradient(at 60% 30%,#005bc01c,#0000 55%);position:absolute;inset:0}.tech-header{z-index:5;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:28px;left:4.3%;right:4.3%}.tech-brand{color:#e6f2ff;align-items:center;gap:13px;text-decoration:none;display:flex}.tech-brand:hover{color:#fff}.tech-brand-mark{filter:drop-shadow(0 0 14px #167aff40);width:48px;height:52px}.tech-brand>span{flex-direction:column;gap:3px;display:flex}.tech-brand strong{letter-spacing:2px;font-size:clamp(21px,1.9vw,30px);font-weight:700}.tech-brand small{color:#b5cee5;letter-spacing:4px;font-size:10px}.tech-header-motto{color:#c7d9ed;align-items:center;gap:26px;font-size:14px;display:flex}.tech-header-motto i{background:#5d87ac;width:1px;height:10px;transform:rotate(8deg)}.tech-header-motto b{background:#37557170;width:1px;height:16px;margin-inline:12px}.tech-scene{z-index:1;position:absolute;inset:2% 29% 6% 17%}.login-tech .hero-preview{background:0 0;border:0;border-radius:0;width:100%;height:100%;overflow:visible}.login-tech .scene-host{touch-action:pan-y;opacity:0;transition:opacity .35s;inset:0}.login-tech .hero-preview[data-state=ready] .scene-host{opacity:1}.hero-poster{object-fit:contain;pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.hero-preview[data-state=ready] .hero-poster{opacity:0}.login-tech .hero-preview .scene-controls{z-index:4;color:#81b6d8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap;background:#0213299c;border:1px solid #2c6b963b;border-radius:4px;padding:4px 6px;bottom:1%;left:39%;right:15%}.login-tech .hero-preview .scene-controls>span{letter-spacing:1px;font-size:9px}.login-tech .hero-preview .scene-controls button{color:#82cfff;padding:5px}.login-tech .hero-preview .scene-controls button:hover{background:#0f68a342}.login-tech .scene-fallback{background:url(/assets/login/screw-fallback.webp) 50%/contain no-repeat;justify-content:flex-end;padding-bottom:45px}.login-tech .scene-fallback>svg{display:none}.tech-annotations{pointer-events:none;z-index:2;position:absolute;inset:0}.tech-callout{color:#9ad9ff;border-left:1px solid #159affb0;flex-direction:column;width:max-content;padding:0 0 0 14px;display:flex;position:absolute}.tech-callout:before{content:"";background:linear-gradient(90deg,#147bc640,#23b7ff);width:47px;height:1px;position:absolute;top:8px;left:-47px}.tech-callout i{background:#affbff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:-4px;box-shadow:0 0 6px #00c8ff,0 0 16px #0585ff}.tech-callout strong{font-size:15px;font-weight:500}.tech-callout span{border-bottom:1px solid #268ac970;margin-top:3px;padding-bottom:4px;font-size:9px}.tech-callout small{color:#599bcf;margin-top:4px;font-size:10px}.tech-feed{top:11.5%;left:35.6%}.tech-compression{top:29%;left:46.8%}.tech-metering{top:46.5%;left:55.8%}.tech-hologram{color:#8dcdf4;clip-path:polygon(8% 0,93% 0,100% 8%,100% 91%,92% 100%,0 100%,0 8%);background:linear-gradient(140deg,#092e4640,#03111d85);border:1px solid #3d9de58c;width:205px;padding:16px 13px 10px;position:absolute;top:9%;left:51.4%;transform:perspective(600px)rotateY(-28deg)rotate(9deg);box-shadow:inset 0 0 16px #3295e11a,0 0 20px #087ce318}.tech-hologram>strong{font-size:13px;font-weight:500;display:block}.tech-hologram>span{color:#5a98c7;margin-top:3px;font-size:7px;display:block}.tech-holo-row{border-top:1px solid #2a77a92e;align-items:center;gap:4px;margin-top:9px;padding-top:5px;display:flex}.tech-holo-row svg{width:112px;height:30px}.tech-holo-row small{white-space:nowrap;color:#7bafd0;font-size:8px}.tech-hologram>i{letter-spacing:1px;text-align:right;color:#457596;margin-top:10px;font-size:6px;font-style:normal;display:block}.tech-intro{z-index:3;text-shadow:0 2px 18px #001020;width:36%;position:absolute;top:25%;left:4.5%}.tech-intro-line{background:linear-gradient(#0000,#249dda,#37acdf55,#0000);width:1px;height:220px;position:absolute;top:4px;left:-2.3vw}.tech-intro-line:before,.tech-intro-line:after{content:"";background:#6be6ff;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 7px #10baff}.tech-intro-line:before{top:5px}.tech-intro-line:after{bottom:0}.tech-intro h1{letter-spacing:3px;color:#e2f4ff;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 9px #061b2d);background:linear-gradient(#fff 20%,#e1f4ff 52%,#70bbec);-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:clamp(43px,4.45vw,76px);font-weight:750;line-height:1.3}.tech-intro h2{white-space:nowrap;color:#d4f0ff;letter-spacing:.4px;margin:0 0 18px;font-size:clamp(19px,2vw,33px);font-weight:650;line-height:1.5}.tech-intro>p{color:#b7d6ef;letter-spacing:5px;white-space:nowrap;margin:0 0 8px;font-size:clamp(12px,1.25vw,20px)}.tech-overline{color:#74b6e1;letter-spacing:5px;font-size:clamp(8px,.7vw,11px)}.tech-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:535px;margin-top:48px;display:grid}.tech-feature{clip-path:polygon(10% 0,94% 0,100% 6%,100% 90%,90% 100%,5% 100%,0 95%,0 10%);background:linear-gradient(150deg,#7fbdedb0,#1643694d 15%,#15416859 65%,#87d7ffcc);flex-direction:column;justify-content:center;align-items:center;gap:9px;height:124px;padding:16px 4px 10px;display:flex;position:relative}.tech-feature:before{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(145deg,#06213ad9,#020d1bee);position:absolute;inset:1px}.tech-feature:after{content:"";background:linear-gradient(90deg,#0000,#44bdff,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}.tech-feature>svg{color:#7eccff;filter:drop-shadow(0 0 6px #008affaa);margin-bottom:2px}.tech-feature strong{color:#e4efff;font-size:14px;font-weight:500}.tech-feature small{color:#7e9cba;font-size:11px}.tech-specs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:535px;margin-top:45px;display:grid}.tech-specs>div{border-left:1px solid #5383a742;flex-direction:column;gap:5px;padding-left:22px;display:flex}.tech-specs>div:first-child{border:0;padding-left:0}.tech-specs strong{color:#37a4ff;white-space:nowrap;font-size:clamp(19px,1.8vw,30px);font-weight:600;line-height:1.2}.tech-specs span{color:#adc7df;white-space:nowrap;font-size:12px}.tech-auth-area{z-index:4;clip-path:polygon(3.5% 0,97% 0,100% 2%,100% 97.5%,97% 100%,3% 100%,0 98%,0 3%);filter:drop-shadow(0 0 10px #007aff24);background:linear-gradient(135deg,#a9ddffdb,#29689c99 18%,#6cb6f382 42%,#12324d 67%,#b4ecff);width:31.3%;min-height:575px;position:absolute;top:13.5%;bottom:9%;right:3.2%}.tech-auth-area:before{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(138deg,#163951e8,#061526f5 43%,#041020f2 72%,#0a2542ee);position:absolute;inset:2px}.tech-auth-area:after{content:"";z-index:3;pointer-events:none;clip-path:inherit;border:1px solid #4682b443;position:absolute;inset:6px}.tech-panel-edge{z-index:1;clip-path:inherit;pointer-events:none;position:absolute;inset:2px;box-shadow:inset 0 0 20px #6ab7f13b}.tech-panel-caption{letter-spacing:1.6px;color:#5384a8;text-align:right;font-size:8px;line-height:1.7;position:absolute;top:34px;right:33px}.tech-panel-spark{pointer-events:none;background:#6ee8ff;position:absolute;box-shadow:0 0 5px #53d8ff,0 0 14px #008bff,0 0 35px #007bff}.tech-panel-spark-top{width:45px;height:2px;animation:9s ease-in-out infinite alternate tech-edge-travel;top:1px;left:33%}.tech-panel-spark-side{width:2px;height:30px;animation:7s ease-in-out infinite alternate tech-edge-drop;top:15%;right:1px}.tech-auth-form{z-index:2;margin:clamp(69px,9.2vh,105px) 10.5% 0;position:relative}.tech-auth-form>h2{color:#ddf3ff;letter-spacing:2px;text-shadow:0 0 25px #4aa3d227;margin:0 0 4px;font-size:clamp(32px,2.8vw,47px);font-weight:700;line-height:1.4}.tech-auth-form>h3{color:#d1edff;letter-spacing:1px;margin:0 0 4px;font-size:clamp(20px,1.8vw,30px);font-weight:550}.tech-auth-form>p{color:#96adc6;white-space:nowrap;margin:0 0 34px;font-size:clamp(13px,1.2vw,20px);line-height:1.6}.tech-auth-form fieldset{border:0;min-width:0;margin:0;padding:0}.tech-auth-form .tech-input{color:#deefff;background:#020c1670;border:1px solid #a1bad175;border-radius:8px;flex-direction:row;align-items:center;gap:15px;height:54px;margin:0 0 16px;padding-left:17px;transition:border-color .2s;display:flex;position:relative;box-shadow:inset 0 0 0 2px #061727,0 0 3px #92d8ff15}.tech-auth-form .tech-input:focus-within{border-color:#55b4e4}.tech-input>svg{flex-shrink:0}.tech-auth-form .tech-input>input{color:#e8f5ff;border-radius:inherit;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;flex:1;padding:0 12px 0 0;font-size:14px}.tech-auth-form .tech-input>input::placeholder{color:#8094a7}.tech-auth-form .tech-input>input:-webkit-autofill{-webkit-text-fill-color:#e8f5ff;box-shadow:inset 0 0 0 100px #07192c}.tech-auth-form .tech-input>input[name=password]{padding-right:40px}.tech-password-toggle{color:#b6cada;background:0 0;border:0;width:30px;height:34px;padding:0;position:absolute;right:8px}.tech-password-toggle:hover{color:#d7f3ff;background:#15406150}.tech-form-options{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 28px;display:flex}.tech-form-options>label{color:#d4e3f5;flex-direction:row;align-items:center;gap:9px;margin:0;font-size:13px;display:flex}.tech-form-options input{accent-color:#249fff;width:16px;height:16px;margin:0}.tech-form-options>button{color:#29b4ff;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.tech-form-options>button:hover{color:#a3e7ff}.login-tech .tech-auth-form .tech-login-submit{color:#fff;letter-spacing:5px;background:radial-gradient(at 100% 120%,#56e9ff,#0000 45%),linear-gradient(170deg,#168eff,#005bf1 68%,#047aff);border:1px solid #369eff;border-bottom-color:#9efbff;border-radius:9px;width:100%;height:56px;font-size:17px;font-weight:600;transition:filter .2s,box-shadow .2s;box-shadow:inset 0 -2px 7px #77e8ff94,0 4px 22px #0068ff3b}.login-tech .tech-auth-form .tech-login-submit:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 -2px 7px #bafaff,0 4px 26px #007aff75}.tech-login-help{color:#a8d2ee;background:#0d345b88;border-left:2px solid #258fd0;margin:-12px 0 15px;padding:9px;font-size:11px;line-height:1.7}.tech-auth-form .form-error{color:#ffbcbe;background:#4d142650;border:1px solid #ae56784f;margin:-9px 0 12px;padding:8px 10px;font-size:12px}.tech-planet{z-index:0;pointer-events:none;opacity:.85;background:url(/assets/login/earth-night.webp) 50% 32%/cover no-repeat;width:115%;height:30%;position:absolute;bottom:0;left:-4%;-webkit-mask-image:linear-gradient(#0000,#000 25%);mask-image:linear-gradient(#0000,#000 25%)}.tech-panel-bottom{z-index:1;text-align:center;color:#bdd5eb;letter-spacing:6px;pointer-events:none;font-size:11px;position:absolute;bottom:36px;left:0;right:0}.tech-footer{z-index:3;color:#8aafcc;letter-spacing:3px;pointer-events:none;justify-content:space-between;font-size:9px;line-height:1.7;display:flex;position:absolute;bottom:6.5%;left:4.5%;right:4.5%}.tech-footer>span:last-child{letter-spacing:1px;opacity:.6;align-self:end;font-size:9px}.tech-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes tech-edge-travel{0%{opacity:.5;transform:translate(-50px)}to{opacity:1;transform:translate(180px)}}@keyframes tech-edge-drop{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(300px)}}@media (width>=1800px){.tech-intro{top:27%}.tech-features,.tech-specs{max-width:600px}.tech-feature{height:142px}.tech-auth-area{max-width:660px}}@media (width<=1200px){.tech-hologram{width:165px;top:12%}.tech-holo-row svg{width:80px}.tech-header-motto{gap:18px;font-size:12px}.tech-features{gap:9px;margin-top:35px}.tech-feature{gap:7px;height:105px}.tech-feature strong{font-size:12px}.tech-feature small{font-size:10px}.tech-specs{margin-top:30px}.tech-specs>div{padding-left:12px}.tech-specs span{font-size:10px}.tech-auth-area{width:34%;right:2.5%}.tech-auth-form{margin-inline:9%}.tech-auth-form>p{font-size:13px}.tech-auth-form .tech-input{gap:10px;padding-left:13px}.tech-callout strong{font-size:12px}.tech-callout small{display:none}.tech-callout span{font-size:7px}.tech-metering{left:53%}}@media (width<=950px){.login-tech{min-height:max(780px,100svh)}.tech-brand strong{font-size:23px}.tech-brand small{letter-spacing:2px}.tech-header-motto{gap:12px}.tech-header-motto b{margin:0}.tech-intro{width:44%;top:23%}.tech-intro h1{font-size:44px}.tech-intro h2{font-size:20px}.tech-intro>p{letter-spacing:2px;font-size:12px}.tech-overline{letter-spacing:2.5px}.tech-annotations{display:none}.tech-auth-area{width:41%;top:16%;bottom:10%}.tech-auth-form>h2{font-size:33px}.tech-auth-form>h3{font-size:21px}.tech-auth-form>p,.tech-auth-form .tech-input>input{font-size:12px}.tech-scene{opacity:.5;inset:3% 27% 12% 12%}.tech-intro{text-shadow:0 2px 8px #010a13,0 0 25px #010a13}.login-tech .hero-preview .scene-controls{left:4%;right:35%}.tech-footer>span:last-child{display:none}}@media (width<=680px){.login-tech{background:radial-gradient(at 50% 35%,#102847,#020d1a 75%);flex-direction:column;justify-content:center;gap:0;min-height:100svh;padding:20px 22px 24px;display:flex}.tech-header{order:0;position:relative;top:auto;left:auto;right:auto}.tech-brand{gap:10px}.tech-brand-mark{width:37px;height:40px}.tech-brand strong{font-size:22px}.tech-brand small{letter-spacing:2px;font-size:8px}.tech-header-motto{font-size:11px}.tech-header-motto>span,.tech-header-motto i,.tech-header-motto b{display:none}.tech-intro{order:1;width:100%;margin-top:40px;position:relative;inset:auto}.tech-intro h1{letter-spacing:2px;font-size:38px}.tech-intro h2{white-space:normal;margin-bottom:10px;font-size:17px}.tech-intro>p{letter-spacing:1.5px;font-size:11px}.tech-overline{letter-spacing:2px;font-size:7px}.tech-intro-line{height:115px;left:-11px}.tech-features,.tech-specs{display:none}.tech-auth-area{flex:none;order:2;align-self:center;width:100%;max-width:420px;min-height:525px;margin-top:0;position:relative;inset:auto}.tech-auth-form{margin:57px 8.5% 90px}.tech-panel-caption{font-size:7px;top:20px;right:23px}.tech-auth-form>h2{font-size:32px}.tech-auth-form>h3{font-size:20px}.tech-auth-form>p{margin-bottom:25px;font-size:12px}.tech-auth-form .tech-input{height:48px}.tech-form-options{margin:18px 0 22px}.tech-form-options>label,.tech-form-options>button{font-size:12px}.login-tech .tech-auth-form .tech-login-submit{height:49px}.tech-panel-bottom{letter-spacing:3px;font-size:9px;bottom:24px}.tech-planet{height:22%}.tech-scene{opacity:1;flex:none;order:3;width:calc(100% + 44px);height:410px;margin:0 -22px;position:relative;inset:auto}.login-tech .hero-preview .scene-controls{bottom:3%;left:22%;right:8%}.tech-footer{order:4;margin-top:14px;font-size:8px;position:relative;inset:auto}.tech-header,.tech-intro,.tech-annotations,.tech-scene,.tech-footer{display:none}}@media (prefers-reduced-motion:reduce){.tech-panel-spark{animation:none}}.print-preview{z-index:1000;background:#e9eef2;grid-template-rows:66px minmax(0,1fr);grid-template-columns:180px minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.print-preview>header{z-index:2;background:#fff;border-bottom:1px solid #dae4ea;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex}.print-preview>header strong{align-items:center;gap:12px;font-size:14px;display:flex}.print-preview>header .muted{font-size:11px;font-weight:400}.print-thumbnails{background:#f5f8fa;border-right:1px solid #dce5ec;padding:20px 15px;overflow:auto}.print-thumbnails button{background:0 0;border-color:#0000;flex-direction:column;align-items:flex-start;gap:9px;width:100%;margin-bottom:16px;padding:7px;font-size:11px;display:flex}.print-thumbnails button[aria-current=page]{background:#e5f3f5;border-color:#2594a0}.print-thumbnails button>span{align-items:center;gap:6px;display:flex}.thumbnail-paper{pointer-events:none;background:#fff;border:1px solid #dce4ea;width:100%}.thumbnail-paper svg{width:100%;height:auto;display:block}.paper-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;padding:28px;overflow:auto}#printRoot{min-width:0;max-width:none;margin:auto}.print-page{break-after:page;background:#fff;margin:0 0 28px;scroll-margin-top:10px;box-shadow:0 4px 25px #123f6315}.print-page svg{width:100%;height:auto;display:block}.print-page:last-child{break-after:auto}@media (width<=800px){.print-preview{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.print-thumbnails{display:none}.print-preview>header{flex-wrap:wrap;padding:12px;font-size:11px}.print-preview>header strong{display:none}.print-preview>header button{padding:8px;font-size:11px}.paper-scroll{padding:12px}}@media print{@page{size:A4 landscape;margin:0}html,body{background:#fff}.app-shell,.toast,.busy,.modal,.print-preview>header,.print-thumbnails{display:none!important}.print-preview{background:#fff;display:block;position:static;overflow:visible}.paper-scroll{padding:0;overflow:visible}#printRoot{max-width:none;margin:0;width:100%!important}.print-page{width:297mm;height:210mm;box-shadow:none;margin:0;overflow:hidden}.print-page svg{width:297mm;height:210mm}}:root{color:#193b53;font-synthesis:none;--navy:#123f63;--teal:#12848e;--line:#e1e8ed;--muted:#758895;--shadow:0 3px 18px #123f6305;--ease:cubic-bezier(.2, .8, .2, 1);background:#f3f6f8;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;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{cursor:pointer;color:#315468;transition:background .18s, border-color .18s, box-shadow .18s, transform .18s var(--ease);background:#fff;border:1px solid #d8e3e9;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:7px 10px;line-height:1.3;display:inline-flex}button:hover:not(:disabled){background:#f0f8f8;border-color:#96c3c8}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 3px 7px #16848c15}button.primary:hover:not(:disabled){background:#0c7480;box-shadow:0 4px 14px #12848e24}button.danger{color:#fff;background:#b84040;border-color:#b84040}.danger-text{color:#b34343!important}.text-button{color:var(--teal);background:0 0;border-color:#0000;padding:7px 9px}.icon-button{background:0 0;border:0;flex-shrink:0;padding:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none}input,select,textarea{color:#18394f;background:#fff;border:1px solid #d5e1e8;border-radius:4px;min-width:0;padding:8px 10px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#a9bdc9}input:focus,textarea:focus{border-color:#36a0ac}input::placeholder,textarea::placeholder{color:#96a5b0}textarea{resize:vertical;min-height:100px}label{color:#526a7b;flex-direction:column;gap:8px;margin:16px 0;font-size:13px;display:flex}p{line-height:1.75}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;color:var(--navy);font-size:28px;font-weight:680;line-height:1.3}h2{font-size:16px;font-weight:650}h3{font-size:16px}small,.muted{color:var(--muted)}small{font-size:12px}fieldset{border:0;min-width:0;margin:0;padding:0}svg{flex-shrink:0}::selection{background:#ccecef}.numeric{font-variant-numeric:tabular-nums}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:none}}.app-shell{background:#f3f6f8;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-topbar{z-index:30;background:#fff;border-bottom:1px solid #cbd6df;flex:0 0 40px;align-items:center;gap:20px;height:40px;padding:0 10px;display:flex}.brand{color:var(--navy);white-space:nowrap;align-items:center;gap:7px;text-decoration:none;display:flex}.brand img{width:25px;height:25px}.brand span{letter-spacing:-.3px;font-size:15px;font-weight:650}.app-topbar nav{align-self:stretch;gap:3px;display:flex}.app-topbar nav button{color:#506477;white-space:nowrap;background:0 0;border:0;border-radius:0;gap:6px;padding:0 13px;font-size:12px;position:relative}.app-topbar nav button.active{color:var(--teal);box-shadow:inset 0 -2px var(--teal);background:#e9f3f5;font-weight:650}.unsaved-dot{background:#c79231;border-radius:50%;width:4px;height:4px}.account{color:#667e8f;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.account button{padding:5px 7px;font-size:11px}.workspace{flex:1;min-width:0;min-height:0}.workspace-content{height:100%;overflow:auto}.design-active .workspace-content{overflow:hidden}.page-transition{height:100%;animation:.12s ease-out page-enter}@keyframes page-enter{0%{opacity:.65}to{opacity:1}}.designer{background:#e9eef2;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.page{flex-direction:column;min-width:0;height:100%;min-height:0;margin:0;padding:10px 12px;display:flex}.page-toolbar{flex-shrink:0;align-items:center;gap:10px;min-height:32px;margin-bottom:9px;display:flex}.page-toolbar h1{letter-spacing:0;white-space:nowrap;margin:0 6px 0 0;font-size:14px;font-weight:650}.page-toolbar>.search{max-width:340px}.page-toolbar>button{white-space:nowrap;font-size:12px}.toolbar-end{margin-left:auto}.toolbar-count{color:var(--muted);white-space:nowrap;font-size:11px}.page-toolbar .filters.compact{margin:0}.page-toolbar .segmented{border-radius:4px;padding:2px}.page-toolbar .segmented button{border-radius:3px;padding:5px 12px}.page>.panel,.catalog-layout>.panel{flex-direction:column;min-height:0;display:flex}.page>.panel{flex:1}.page-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.page-title h1{letter-spacing:0;margin:0;font-size:18px}.page-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{white-space:nowrap;letter-spacing:0;color:#6c8190;background:#eff3f6;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:550;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.draft{color:#a77922;background:#fff3d9}.badge.released{color:#32816e;background:#e9f6ee}.badge.void{color:#7c8994;background:#eff1f3}.machine-tag,.type-pill{color:#668397;background:#f0f5f8;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:550}.workspace-tools{background:#eef4f7;border-bottom:1px solid #cbd6df;flex-shrink:0;align-items:center;gap:5px;min-height:40px;padding:5px 8px;display:flex;overflow-x:auto}.workspace-tools button,.workspace-tools select{white-space:nowrap;flex-shrink:0;padding:6px 9px;font-size:12px}.workspace-tools select{max-width:190px;font-weight:600}.machine-summary{color:#637e91;white-space:nowrap;font-size:11px}.panel{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:5px;min-width:0;overflow:hidden}.diagram-panel{flex:0 0 var(--drawing-height,46%);border:0;border-radius:0;flex-direction:column;min-height:200px;max-height:calc(100% - 285px);display:flex}.drawing-title{flex:1;align-items:center;gap:8px;min-width:0;margin-left:10px;display:flex}.drawing-title h1{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:550;overflow:hidden}.drawing-title .badge{padding:3px 6px;font-size:10px}.workspace-splitter{cursor:row-resize;touch-action:none;background:#e9eef2;border-top:1px solid #cbd6df;border-bottom:1px solid #cbd6df;flex:0 0 7px;justify-content:center;align-items:center;height:7px;display:flex}.workspace-splitter span{background:#aabdc9;border-radius:2px;width:32px;height:2px}.workspace-splitter:hover,.workspace-splitter:focus-visible{background:#d5e9ec}.diagram-tools{border-bottom:1px solid #edf1f3;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:3px 8px;display:flex}.diagram-tools button{background:0 0;border:0;padding:4px 6px;font-size:11px}.divider{background:var(--line);width:1px;height:18px;margin:0 5px}.legend{gap:12px;margin-right:12px;display:flex}.legend span{color:#82949f;align-items:center;gap:5px;font-size:10px;display:flex}.legend i{border-radius:2px;width:6px;height:6px}.drawing-scroll{overscroll-behavior-inline:contain;flex:1;min-height:0;padding:0;overflow:auto}.drawing{display:block}.drawing[data-diagram-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.drawing [data-diagram-sort-id]:focus{outline:none}.drawing [data-diagram-sort-id]:focus-visible [data-element-hitbox]{stroke:var(--teal);stroke-width:1.5px;stroke-dasharray:3 2}.validation-bar{background:#f8fbfc;border-top:1px solid #edf0f2;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:26px;padding:3px 9px;font-size:11px;display:flex}.validation-bar strong{color:#365369;font-variant-numeric:tabular-nums}.validation-bar.warn{color:#a18547}.validation-bar.valid{color:#2f8974}.validation-bar button{margin-left:auto;padding:3px 7px;font-size:11px}.editor-grid{--editor-heading-height:39px;--editor-toolbar-height:44px;--editor-row-height:36px;flex:1;grid-template-columns:minmax(230px,.78fr) minmax(370px,1.08fr) minmax(390px,1.14fr);align-items:stretch;gap:1px;min-height:0;display:grid}.editor-grid>.panel{border:0;border-radius:0;flex-direction:column;min-height:0;display:flex}.section-head{border-bottom:1px solid var(--line);background:#f4f7f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:35px;padding:6px 9px;display:flex}.section-head h2{align-items:center;gap:8px;margin:0;font-size:12px;font-weight:650;display:flex}.editor-grid>.panel>.section-head{height:var(--editor-heading-height);min-height:var(--editor-heading-height);padding-block:0}.section-head>div:first-child{align-items:baseline;gap:9px;min-width:0;display:flex}.section-head span{color:#899ca9;font-size:11px}.section-head button{padding:4px 6px;font-size:11px}.catalog-filter{height:var(--editor-toolbar-height);border-bottom:1px solid #e9eef2;flex-shrink:0;gap:6px;padding:6px 8px;display:flex}.search{color:#8a9daa;background:#fff;border:1px solid #d8e3e9;border-radius:4px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 8px;transition:border-color .18s;display:flex}.search:focus-within{border-color:#36a0ac}.search input{width:100%;box-shadow:none;background:0 0;border:0;flex:1;padding:7px 0}.search input:focus-visible{outline:none}.search span{white-space:nowrap;font-size:11px}.catalog-filter select{width:91px;padding:5px;font-size:11px}.catalog-items{scrollbar-gutter:stable;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px;min-height:0;padding:0 6px 6px;display:grid;overflow:auto}.catalog-item{min-width:0;transition:transform .18s var(--ease), box-shadow .18s, border-color .18s;background:#fff;border:1px solid #e5edf1;border-radius:3px;position:relative}.element-delete-zone{z-index:1100;color:#9a3025;pointer-events:auto;background:#fff0ec;border:2px dashed #bf5145;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:min(560px,90vw);min-height:70px;padding:12px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #57231b30}.element-delete-zone.delete-hover{color:#fff;background:#b6382b;border-style:solid}.catalog-item:hover{border-color:#8abec4;transform:none;box-shadow:0 5px 10px #0d526009}.component-add{background:0 0;border:0;flex-direction:column;gap:5px;width:100%;min-width:0;padding:6px 3px 18px;display:flex}.catalog-symbol{width:65px;height:34px;display:block}.catalog-symbol svg{width:100%;height:100%}.component-add strong{word-break:break-word;max-width:100%;font-size:11px;font-weight:600}.component-add small{font-size:10px}.catalog-item.capacity-disabled,.catalog-item.capacity-disabled:hover{box-shadow:none;background:#fff3ed;border-color:#e9b8a4}.capacity-disabled .component-add:disabled{opacity:1;color:#86503c;cursor:not-allowed}.capacity-disabled .catalog-symbol{opacity:.45;filter:grayscale()}.capacity-label{color:#a13d20;font-size:10px;font-weight:600;position:absolute;bottom:5px;left:5px}.detail-button{color:#5f92a4;background:0 0;border:0;padding:4px;font-size:10px;position:absolute;bottom:3px;right:5px}.panel-note{color:#91a1ad;margin:13px 16px;font-size:11px;line-height:1.7}.sequence-list,.barrel-rows{scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.sequence-row,.sequence-columns,.barrel-row,.barrel-columns{text-align:center;border-bottom:1px solid #e9eef2;grid-template-columns:minmax(28px,.5fr) minmax(0,2.6fr) minmax(38px,.75fr) minmax(44px,.8fr) minmax(96px,1.4fr);align-items:center;gap:5px;min-height:32px;padding:3px 7px;display:grid}.sequence-columns,.barrel-columns{height:var(--editor-toolbar-height);min-height:var(--editor-toolbar-height);color:#738796;scrollbar-gutter:stable;background:#f9fafb;flex-shrink:0;font-size:10px;overflow-y:auto}.sequence-columns>span:nth-child(3),.sequence-columns>span:nth-child(4),.barrel-columns>span:nth-child(3),.barrel-columns>span:nth-child(4){text-align:center}.row-length,.row-end{text-align:center;font-size:11px}.sequence-row,.barrel-row{height:var(--editor-row-height);min-height:var(--editor-row-height);transition:background .12s,transform .2s cubic-bezier(.2,.8,.2,1),opacity .16s}.sortable-list{overflow-anchor:none;position:relative}.sortable-list.sorting{isolation:isolate;overflow-y:hidden}.sortable-list.sorting [data-sort-id]{will-change:transform}.sortable-list.sorting>:not([data-drag-source]){pointer-events:none}.sortable-list [data-drag-source]{opacity:0}.barrel-row[draggable=true]{cursor:grab}.sort-placeholder{z-index:1;border:1px dashed var(--teal);color:#31767e;pointer-events:none;background:#e7f5f5;border-radius:3px;align-items:center;padding:0 30px;font-size:11px;transition:top .18s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;left:3px;right:3px}.sort-drag-image{min-width:160px;color:var(--navy);border:1px solid var(--teal);white-space:nowrap;background:#fff;border-radius:4px;padding:8px 16px;font-size:12px;position:fixed;top:-10000px;left:0;box-shadow:0 5px 16px #123f6330}.sequence-row{cursor:grab;position:relative}.sequence-row:hover,.barrel-row:hover{background:#f8fbfc}.sequence-row.selected{box-shadow:inset 3px 0 var(--teal);background:#eaf7f7}.sequence-row.conflict{background:#fff7f0}.position{color:#90a4b1;font-variant-numeric:tabular-nums;min-width:22px;font-size:11px}.sequence-name{flex:1;min-width:0}.sequence-name strong,.barrel-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;display:block;overflow:hidden}.sequence-name small,.barrel-name small{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;line-height:1.2;display:block;overflow:hidden}.mini-actions{flex-wrap:nowrap;justify-content:center;gap:0;max-width:none;display:flex}.mini-actions button{color:#7e97a6;background:0 0;border:0;min-width:24px;min-height:24px;padding:5px}.mini-actions button:hover{color:var(--teal);background:#e5f1f3}.drop-zone{color:#87a2ae;background:#fafdfd;border:1px dashed #c4dade;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:32px;margin:5px;font-size:11px;display:flex}.barrel-name{text-align:center;background:0 0;border:0;flex:1;min-width:0;padding:0;display:block}.barrel-name:hover{background:0 0!important}.selection-tools{border-top:1px solid var(--line);background:#f8fcfc;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:4px 7px;display:flex}.selection-tools button{padding:4px 7px;font-size:11px}.table-scroll{overscroll-behavior-inline:contain;overflow:auto}.catalog-layout>.panel>.table-scroll,.page>.panel>.table-scroll{scrollbar-gutter:stable;flex:1;min-height:0}.table-scroll th{z-index:1;position:sticky;top:0}:is(.page>.panel:has(>.empty)>.table-scroll,.catalog-layout>.panel:has(>.empty)>.table-scroll){flex:none}.page>.panel>.empty,.catalog-layout>.panel>.empty{flex:1}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13px}th{color:#7c91a0;border-bottom:1px solid var(--line);background:#f8fafc;padding:8px 12px;font-size:11px;font-weight:550}td{border-bottom:1px solid #edf1f3;padding:6px 12px;transition:background .15s}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f9fcfc}tbody tr.selected td{background:#ecf7f7}tbody tr.selected td:first-child{box-shadow:inset 3px 0 var(--teal)}td button{padding:7px 10px;font-size:12px}td strong{font-weight:550}.table-footer{color:#94a4af;border-top:1px solid var(--line);padding:8px 12px;font-size:11px}.page>.search,.filters{margin-bottom:10px}.filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filters>.search{max-width:440px}.filters select{font-size:12px}.segmented{border:1px solid var(--line);background:#edf3f6;border-radius:8px;flex-shrink:0;gap:3px;padding:3px;display:flex}.segmented button{color:#7c92a1;background:0 0;border:0;border-radius:6px;padding:6px 13px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--teal);color:#fff;box-shadow:0 2px 5px #164f651a}.list-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:6px 12px 0;display:flex}.filters.compact{flex-wrap:nowrap;flex:1;justify-content:flex-end;margin:0 0 6px}.compact .search{max-width:300px}.tabs{white-space:nowrap;gap:14px;display:flex}.tabs button{color:#8498a6;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;gap:6px;padding:10px 4px;font-size:12px}.tabs button[aria-pressed=true]{border-bottom-color:var(--teal);color:var(--teal);font-weight:650}.tabs span{background:#eef3f6;border-radius:4px;padding:2px 5px;font-size:10px}.project-name{color:var(--navy);text-align:left;gap:12px;padding:0}.project-name small{color:#91a4b1;margin-top:6px;font-size:10px;display:block}.project-icon{color:#7998ad;background:#eef4f8;border-radius:7px;place-items:center;width:36px;height:40px;display:grid}.project-icon.released{color:#6d9a87;background:#eaf6f0}.catalog-layout{flex:1;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:12px;min-height:0;display:grid}.catalog-layout.no-detail{grid-template-columns:1fr}.table-symbol{width:62px;height:33px}.table-symbol svg{width:100%;height:100%}.model-select{color:#31566a;text-align:left;padding:7px 0;font-weight:550}.component-detail{animation:enter .2s var(--ease);position:relative;overflow:auto}.detail-body{padding:12px}.detail-body h3{overflow-wrap:anywhere;letter-spacing:0;margin:0 0 9px;font-size:14px}.parameter-list{margin:10px 0}.parameter-list>div{border-bottom:1px solid #eef3f5;justify-content:space-between;gap:20px;padding:6px 0;font-size:12px;display:flex}.parameter-list dt{color:#8ba0ad;flex-shrink:0}.parameter-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.detail-actions{justify-content:space-between;gap:8px;display:flex}.detail-actions .primary{flex:1}.detail-body .panel-note{margin:8px 0 0;font-size:10px}.stock-count{color:var(--teal);font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.stock-count.shortage{color:#bb8b35;background:#fff3d9;border-radius:20px;padding:3px 13px}.stock-count.unknown{color:#9aadba;font-size:13px;font-weight:400}.drawer-model{overflow-wrap:anywhere;font-size:19px}.stock-summary{color:#658596;background:#f0f6f8;border-radius:9px;flex-direction:column;gap:10px;padding:20px;display:flex}.stock-summary strong{color:var(--teal);font-variant-numeric:tabular-nums;font-size:36px}.stock-summary small{color:var(--teal);font-size:16px}.stock-result{background:#f2f8f8;border-radius:7px;justify-content:space-between;margin-top:20px;padding:15px;font-size:13px;display:flex}.stock-result strong{font-variant-numeric:tabular-nums}.empty{color:#8299a8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:35px 20px;display:flex}.empty-icon{color:#7da1b4;background:#edf4f7;border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:9px;display:grid;transform:rotate(-5deg)}.empty h3{color:#4a6c82;margin:6px 0;font-size:17px}.empty p{max-width:420px;margin:0 0 9px;font-size:12px}.settings-grid{grid-template-columns:minmax(260px,.75fr) minmax(250px,.65fr) minmax(400px,1.4fr);align-items:start;gap:12px;display:grid}.settings-grid article{padding:16px}.settings-grid p{color:#8498a5;font-size:12px}.settings-grid h2{margin:0;font-size:14px}.card-heading{align-items:center;gap:13px;margin-bottom:14px;display:flex}.card-heading p{margin:6px 0 0;font-size:11px}.card-heading>button{margin-left:auto}.status-icon{color:#308996;background:#e9f5f5;border-radius:12px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.status-icon.amber{color:#b78c3c;background:#fff4dc}.machine-settings{grid-column:auto}.machine-settings table{border:1px solid var(--line)}.machine-settings .panel-note{margin:18px 0 0}.local-security{color:#607c8e}.local-security p{margin:12px 0 0}.backup-success{align-items:center;gap:6px;margin:15px 0 0;display:flex}.mode-badge{border:1px solid var(--line);color:#7292a4;background:#fff;border-radius:20px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex}.modal{color:#25495f;width:490px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);animation:dialog-in .22s var(--ease);overscroll-behavior:contain;border:1px solid #d9e3e7;border-radius:14px;padding:26px;box-shadow:0 24px 90px #12354c35}.modal.wide{width:800px}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12334b60}.modal.closing{opacity:0;transition:opacity .16s,transform .16s;transform:translateY(8px)scale(.98)}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:19px;display:flex}.modal h2{margin:0;font-size:16px}.modal footer{justify-content:flex-end;gap:8px;margin-top:26px;display:flex}.modal.drawer{border:0;border-left:1px solid var(--line);width:440px;height:100dvh;max-height:100dvh;animation:drawer-in .25s var(--ease);border-radius:0;margin:0;padding:28px;position:fixed;inset:0 0 0 auto}.modal.drawer.closing{transform:translate(35px)}.modal.drawer footer{border-top:1px solid var(--line);padding-top:20px}.confirm-message{align-items:flex-start;gap:16px;display:flex}.confirm-message p{margin:0;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.form-grid label{min-width:0}.template-list,.export-options{flex-direction:column;gap:9px;max-height:60vh;display:flex;overflow:auto}.template-list button,.export-options button{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.template-list button:hover,.export-options button:hover{transform:translate(2px)}.template-list span,.export-options span{color:#8a9ca5;font-size:12px}.module-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.module-grid button{flex-direction:column;align-items:flex-start;font-size:12px;display:flex}.module-grid small{font-size:10px}.color-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.color-grid input{width:100%;height:36px;padding:2px}.detail-symbol{width:100%;height:140px}.detail-symbol svg{width:100%;height:100%}.warning{color:#9a762f;background:#fff7e7;border-radius:7px;padding:14px;font-size:12px}.error{color:#b54040}.success{color:#267b60!important}.form-error{background:#fff0ef;border-radius:6px;padding:11px 13px;font-size:12px;animation:.2s enter;color:#af4545!important}.field-hint{margin:-6px 0 0;font-size:11px}.toast{z-index:10000;color:#fff;max-width:90vw;animation:toast-in .22s var(--ease);background:#173f52;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #163d5429}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.toast.error{color:#fff;background:#9b4141}.toast button{color:#fff;background:0 0;border:0;padding:4px}.toast span{overflow-wrap:anywhere}.busy{z-index:10001;color:#286c71;background:#e5f3f2;border:1px solid #bddee0;border-radius:7px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex;position:fixed;top:15px;right:23px}.loading{color:#8298a2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading img{width:48px;margin-bottom:20px;animation:1.5s ease-in-out infinite loading-pulse}.loading h1{color:#315966}@keyframes loading-pulse{50%{opacity:.55;transform:scale(.95)}}.readonly-notice{color:#54798f;background:#eaf3f9;border:1px solid #cbdfea;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:3px 10px;font-size:12px;display:flex}.screw-preview{isolation:isolate;background:radial-gradient(at 50% 35%,#fff,#edf4f6);border:1px solid #e3edf0;border-radius:10px;height:185px;position:relative;overflow:hidden}.scene-host{cursor:grab;touch-action:pan-y;position:absolute;inset:0 0 38px}.scene-host:active{cursor:grabbing}.scene-host canvas{outline:none;width:100%;height:100%;display:block}.scene-controls{color:#86a1ae;background:#ffffffb3;border-top:1px solid #dde8ed;justify-content:space-between;align-items:center;gap:4px;padding:4px 8px;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.scene-controls>div{display:flex}.scene-controls button{color:#618599;padding:6px}.scene-fallback{color:#7fa1b3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.scene-loading{font-size:11px}.password-input{width:100%;display:flex;position:relative}.password-input input{width:100%;padding-right:44px}.password-input button{color:#8ca1b2;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-input button:active{transform:translateY(-50%)}.machine-reference-list{max-height:55vh;margin-top:18px;overflow:auto}.machine-reference-list article{border-top:1px solid var(--line);padding:18px 0}.machine-reference-list dl div{gap:15px;margin:8px 0;font-size:12px;display:flex}.machine-reference-list dt{color:var(--muted);min-width:145px}.machine-reference-list dd{margin:0}@media (width>=1650px){.catalog-items{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1199px){.app-topbar{gap:12px}.app-topbar nav button{padding:0 9px}.editor-grid{grid-template-columns:minmax(200px,.7fr) minmax(330px,1fr) minmax(330px,1fr)}.catalog-items{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-row,.sequence-columns,.barrel-row,.barrel-columns{grid-template-columns:minmax(23px,.5fr) minmax(0,2.6fr) minmax(30px,.75fr) minmax(35px,.8fr) minmax(88px,1.4fr);gap:3px}.mini-actions button{min-width:22px;padding:4px}.settings-grid{grid-template-columns:1fr 1fr}.machine-settings{grid-column:1/-1}.machine-summary{display:none}}@media (width<=900px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.app-topbar{position:sticky;top:0}.app-topbar .brand span,.account>span{display:none}.app-topbar nav{flex:1;justify-content:center}.app-topbar nav button{padding:0 8px}.account{margin:0}.workspace-content,.design-active .workspace-content{height:auto;overflow:visible}.page-transition,.page,.designer{height:auto}.workspace-tools{flex-wrap:wrap}.diagram-panel{flex:none;height:300px;max-height:none}.workspace-splitter{display:none}.editor-grid{flex:none;grid-template-columns:1fr 1fr;display:grid}.editor-grid>.panel{height:370px}.barrel-panel{grid-column:1/-1}.catalog-layout{grid-template-columns:minmax(0,1fr) 260px}.catalog-layout>.panel>.table-scroll,.page>.panel>.table-scroll{flex:none;max-height:65vh}.page-toolbar{flex-wrap:wrap}.drawing-title,.legend{display:none}.settings-grid{grid-template-columns:1fr}.machine-settings{grid-column:auto}}@media (width<=600px){.app-topbar{gap:4px;padding:0 5px}.app-topbar .brand img{width:22px;height:22px}.app-topbar nav{gap:0}.app-topbar nav button{padding:0 7px;font-size:11px}.app-topbar nav svg,.account>svg{display:none}.account button{padding:4px}.account button span{display:none}.workspace-tools{gap:4px;padding:5px}.workspace-tools button,.workspace-tools select{padding:6px;font-size:11px}.workspace-tools .divider{display:none}.diagram-panel{height:265px}.diagram-tools{gap:4px}.diagram-tools .row-actions{gap:3px}.validation-bar{gap:6px;font-size:10px}.validation-bar span{flex:1}.editor-grid{grid-template-columns:minmax(0,1fr);gap:6px}.barrel-panel{grid-column:auto}.catalog-items{grid-template-columns:repeat(3,minmax(0,1fr))}.page{padding:10px 8px}.page-title h1{font-size:17px}.filters{gap:7px}.filters>.search{min-width:160px}.filters.compact{flex-wrap:wrap;min-width:100%}.list-toolbar{gap:5px}.tabs{gap:9px}.tabs button{font-size:11px}.catalog-layout{grid-template-columns:1fr}.component-detail{position:static}.card-heading{flex-wrap:wrap}.card-heading>button{margin-left:0}.modal,.modal.drawer{max-width:100vw;padding:20px}.form-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.machine-reference-list dt{min-width:95px}.readonly-notice{flex-wrap:wrap}.toast{max-width:92vw;font-size:12px;bottom:16px}.busy{font-size:11px;top:8px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.catalog-item:hover{transform:none}}.screw-preview[data-state=fallback] .scene-host{visibility:hidden}.app-shell.printing{height:100vh;min-height:0;overflow:hidden}