:root{color-scheme:light;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#142a32;background:#eef3f4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #142a32;--muted: #688087;--line: #dce6e8;--surface: #ffffff;--surface-soft: #f6f9f9;--brand: #087f78;--brand-dark: #075e5b;--navy: #102e36;--accent: #f2b84b;--danger: #b74d43;--shadow: 0 20px 55px rgba(19, 49, 58, .09)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body,#app{min-height:100vh}body{margin:0;background:radial-gradient(circle at 12% 5%,rgba(44,160,151,.08),transparent 24rem),linear-gradient(180deg,#f7fafb 0,#edf3f4)}body,button,input,textarea{font:inherit}button,input,textarea{color:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3,strong{letter-spacing:-.025em}code{padding:2px 7px;border:1px solid rgba(11,108,103,.1);border-radius:6px;background:#0b6c6712;font-family:Cascadia Code,Consolas,monospace;font-size:.92em}::selection{background:#087f782e}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:3px;flex:none;padding:7px;border-radius:12px;background:var(--navy);box-shadow:0 10px 24px #102e362e}.brand-mark span{display:block;border-radius:2px;background:#6fd1c9}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#f4c15d}.brand-copy{display:grid;gap:1px;min-width:0}.brand-copy strong{font-size:19px;line-height:1.05;color:var(--ink)}.brand-copy small{color:var(--muted);font-size:11px;letter-spacing:.08em}.auth-shell{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;overflow:hidden;padding:28px;background:#e9f0f1}.auth-glow{position:absolute;z-index:-1;width:30rem;height:30rem;border-radius:50%;filter:blur(20px);pointer-events:none}.auth-glow-one{top:-13rem;left:-8rem;background:#269f9533}.auth-glow-two{right:-12rem;bottom:-15rem;background:#f2b84b33}.auth-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);width:min(1120px,100%);min-height:680px;overflow:hidden;border:1px solid rgba(29,75,85,.08);border-radius:30px;background:var(--surface);box-shadow:0 36px 100px #102e362e}.auth-visual{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:42px 48px 36px;color:#fff;background:radial-gradient(circle at 83% 10%,rgba(108,211,200,.16),transparent 20rem),radial-gradient(circle at 12% 92%,rgba(242,184,75,.12),transparent 18rem),linear-gradient(145deg,#163f48,#0d2f37 54%,#09242b)}.auth-visual:after{position:absolute;right:-80px;bottom:-95px;width:320px;height:320px;border:1px solid rgba(255,255,255,.08);border-radius:50%;content:""}.auth-visual .brand-mark{background:#ffffff1f;box-shadow:none}.auth-visual .brand-copy strong{color:#fff}.auth-visual .brand-copy small{color:#def1f2a6}.auth-intro{max-width:510px;margin-top:72px}.eyebrow,.section-kicker,.auth-panel-kicker{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.auth-intro .eyebrow{color:#7cd8cf}.auth-intro h1{margin-top:15px;font-size:clamp(38px,4.5vw,58px);line-height:1.08;letter-spacing:-.055em}.auth-intro>p:last-child{max-width:470px;margin-top:20px;color:#dfeff1b8;font-size:15px;line-height:1.8}.auth-preview{width:min(100%,430px);margin-top:auto;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff12;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-preview-head,.auth-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-preview-head span{color:#e2f1f2a8;font-size:12px}.auth-preview-head strong{color:#78ddd2;font-size:18px}.auth-preview-sheet{position:relative;height:126px;margin:14px 0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#05191e61}.preview-piece{position:absolute;border:1px solid rgba(255,255,255,.5);background:#5ccfc36b}.preview-piece-one{top:0;right:48%;bottom:42%;left:0}.preview-piece-two{top:58%;right:48%;bottom:0;left:0;background:#f4c15d73}.preview-piece-three{top:0;right:0;bottom:24%;left:52%;background:#69b2d470}.preview-piece-four{top:76%;right:20%;bottom:0;left:52%;background:#c38fe166}.auth-preview-meta{color:#e2f1f294;font-size:11px}.auth-preview-meta span:first-child{display:inline-flex;align-items:center;gap:7px}.auth-preview-meta i,.live-status i{width:7px;height:7px;border-radius:50%;background:#64d7b4;box-shadow:0 0 0 4px #64d7b41f}.auth-features{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#e2f1f299;font-size:11px}.auth-features span:before{margin-right:7px;color:#63c9bf;content:"✓"}.auth-panel{display:grid;place-items:center;min-width:0;padding:56px;background:#fff}.auth-panel-content{width:min(100%,380px)}.auth-security-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#edf8f5;color:#167268;font-size:11px;font-weight:800}.auth-security-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.auth-heading{margin-top:26px}.auth-panel-kicker{color:var(--brand)}.auth-heading h2,.auth-loading h2{margin-top:8px;color:var(--ink);font-size:clamp(32px,4vw,44px);line-height:1.1}.auth-heading>p:last-child{margin-top:13px;color:var(--muted);font-size:14px;line-height:1.75}.auth-form{display:grid;gap:14px;margin-top:34px}.field{display:grid;gap:8px;min-width:0}.field>span{color:#536b72;font-size:12px;font-weight:750}.auth-input-wrap{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 15px;border:1px solid #d9e4e6;border-radius:12px;background:#f8fafa;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-input-wrap:focus-within{border-color:#087f78a6;background:#fff;box-shadow:0 0 0 4px #087f781a}.auth-input-wrap.auth-input-error{border-color:#b74d438c;background:#fff9f8}.auth-input-wrap svg{width:19px;height:19px;flex:none;fill:none;stroke:#789096;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.auth-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:15px}.auth-input-wrap input::placeholder{color:#a5b4b8}.auth-error{display:flex;align-items:center;gap:9px;color:#9f3d36;font-size:13px}.auth-error span{display:grid;width:20px;height:20px;place-items:center;flex:none;border-radius:50%;background:#fbe8e5;font-size:11px;font-weight:900}.auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;margin-top:4px;padding-inline:20px}.auth-submit span:last-child{font-size:20px;transition:transform .18s ease}.auth-submit:hover span:last-child{transform:translate(3px)}.auth-hint{margin-top:22px;color:#8ba0a5;font-size:11px;line-height:1.65;text-align:center}.auth-loading{display:flex;align-items:center;gap:20px;width:min(100%,380px)}.auth-spinner{width:44px;height:44px;flex:none;border:3px solid #dce9e9;border-top-color:var(--brand);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.shell{width:min(1480px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:20px 0 56px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:4px 4px 12px}.header-actions,.stock-row-actions,.sheet-header-actions,.sheet-stats,.sheet-fullscreen-stats,.unplaced-meta{display:flex;flex-wrap:wrap;align-items:center}.header-actions{gap:16px}.live-status{display:inline-flex;align-items:center;gap:9px;color:#597078;font-size:12px;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr);gap:18px 28px;align-items:center;margin-bottom:16px;overflow:hidden;padding:16px 20px;border-radius:18px;color:#fff;background:radial-gradient(circle at 78% 10%,rgba(90,207,196,.16),transparent 26rem),linear-gradient(132deg,#153d46,#102f37 58%,#09242a);box-shadow:0 14px 36px #0e2b3224}.hero-copy{min-width:0}.hero .eyebrow{margin-bottom:6px;color:#72d3c9;font-size:10px}.hero h1{max-width:none;margin-top:0;font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.035em}.hero h1 span{color:#f2c15f}.lead{max-width:560px;margin-top:6px;color:#e2f0f2b8;font-size:13px;line-height:1.55}.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric{min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff12;box-shadow:inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric-primary{background:#5bc2b821}.metric>span{color:#deeff0a3;font-size:10px}.metric strong{display:block;margin-top:4px;overflow:hidden;color:#fff;font-size:clamp(16px,1.5vw,22px);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.metric-primary strong{color:#7be0d5}.metric strong small{color:#deeff08f;font-size:.48em;font-weight:600}.workspace-grid,.shell>.panel{margin-bottom:22px}.panel,.sheet-card{border:1px solid rgba(25,66,76,.08);background:#fffffff5;box-shadow:var(--shadow)}.panel{padding:clamp(22px,3vw,34px);border-radius:22px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-heading-primary>div{min-width:0}.panel-heading h2{color:var(--ink);font-size:clamp(24px,2.4vw,32px);line-height:1.15}.panel-heading p:not(.section-kicker){margin-top:7px;color:var(--muted);font-size:13px;line-height:1.6}.section-kicker{margin-bottom:8px;color:var(--brand)}.unit-badge,.count-badge{display:inline-flex;align-items:center;flex:none;min-height:34px;padding:7px 11px;border:1px solid #d7e5e5;border-radius:999px;color:#4f696f;background:#f4f8f8;font-size:11px;font-weight:800}.count-badge-warning{border-color:#f0d4cf;color:#9d4037;background:#fff5f3}.input-panel{position:relative;overflow:hidden}.input-panel:before{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand),#5fc8bd 62%,var(--accent));content:""}.input-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px}.input-group{min-width:0;padding:20px;border:1px solid #e0e9ea;border-radius:16px;background:#f8fafa}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h3{color:#1d3a42;font-size:17px}.section-heading p,.section-tip{margin-top:5px;color:#7a9095;font-size:11px;line-height:1.55}.stock-list{display:grid;gap:10px}.stock-row{padding:15px;border:1px solid #dde7e8;border-radius:13px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.stock-row:focus-within{border-color:#087f7861;box-shadow:0 10px 28px #14424912;transform:translateY(-1px)}.stock-row-has-unused{border-color:#ead8b4;background:#fffdf8}.stock-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.stock-title{display:flex;align-items:center;gap:9px}.stock-title>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#18766f;background:#eaf6f4;font-size:10px;font-weight:900}.stock-title strong{color:#2c464d;font-size:13px}.stock-row-actions{justify-content:flex-end;gap:9px}.stock-usage-badge{padding:5px 8px;border-radius:999px;color:#287464;background:#eaf6f1;font-size:10px;font-weight:800}.stock-usage-badge-unused{color:#956420;background:#fff1d6}.stock-row-grid,.field-grid{display:grid;gap:12px}.stock-row-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid-secondary{margin:0 0 16px}.field-wide,.field-block{grid-column:1 / -1}.field input,.field textarea{width:100%;border:1px solid #d9e4e6;border-radius:10px;outline:none;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.field input{min-height:44px;padding:10px 12px}.field textarea{min-height:232px;padding:14px;resize:vertical;font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.7}.field input:focus,.field textarea:focus{border-color:#087f7894;box-shadow:0 0 0 4px #087f7817}.field input::placeholder,.field textarea::placeholder{color:#a8b7ba}.field small{color:#819398;font-size:11px;line-height:1.6}.input-with-unit{position:relative}.input-with-unit input{padding-right:45px}.input-with-unit>span{position:absolute;top:50%;right:11px;color:#94a5a9;font-size:10px;pointer-events:none;transform:translateY(-50%)}.piece-list-field{margin-top:4px}.section-tip{margin-bottom:0}.button{min-height:42px;border:1px solid var(--brand);border-radius:10px;padding:10px 17px;color:#fff;background:var(--brand);box-shadow:0 10px 22px #087f782e;font-weight:800;font-size:12px;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover{border-color:var(--brand-dark);background:var(--brand-dark);box-shadow:0 13px 26px #0869653d;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:focus-visible,.text-button:focus-visible,.sheet-rotation-toggle:focus-visible{outline:3px solid rgba(8,127,120,.18);outline-offset:2px}.button-ghost{border-color:#cbdcde;color:#426269;background:#fff;box-shadow:none}.button-ghost:hover{border-color:#a9c8cb;color:#1e5758;background:#f2f8f7;box-shadow:none}.button-inline{width:auto;min-height:36px;padding:8px 12px}.text-button{border:0;padding:4px;color:#778b90;background:transparent;font-size:11px;font-weight:750;cursor:pointer}.text-button:hover{color:var(--brand)}.message{display:flex;align-items:flex-start;gap:13px;margin-top:18px;padding:14px 16px;border-radius:13px}.message-icon{display:grid;width:27px;height:27px;place-items:center;flex:none;border-radius:50%;font-size:12px;font-weight:900}.message h3{font-size:14px}.message p,.message li{font-size:12px;line-height:1.65}.message p{margin-top:4px}.message ul{display:grid;gap:4px;margin:5px 0 0;padding-left:17px}.message-error{border:1px solid #f0d5d0;color:#8f3932;background:#fff6f4}.message-error .message-icon{color:#a33e36;background:#f7dfdc}.message-ok{border:1px solid #cfe9df;color:#286354;background:#f1faf6}.message-ok .message-icon{color:#176c5c;background:#d9f1e8}.empty-state{padding:28px;border:1px dashed #cadadc;border-radius:14px;color:#71878c;background:#f8fafa;font-size:13px;line-height:1.7;text-align:center}.stock-empty{margin-top:4px}.table-wrap{overflow:hidden;border:1px solid #e1e9ea;border-radius:14px}.piece-table{width:100%;border-collapse:collapse}.piece-table th,.piece-table td{padding:14px 15px;border-bottom:1px solid #e8eeee;text-align:left;vertical-align:middle}.piece-table tr:last-child td{border-bottom:0}.piece-table th{color:#74898e;background:#f7f9f9;font-size:10px;font-weight:850;letter-spacing:.04em;white-space:nowrap}.piece-table td{color:#496169;font-size:12px}.piece-table tbody tr{transition:background .16s ease}.piece-table tbody tr:hover{background:#f8fbfb}.piece-cell{display:flex;align-items:flex-start;gap:10px}.piece-cell strong{display:block;color:#29434a}.piece-cell small{display:block;margin-top:3px;color:#8a9da1;font-size:10px}.piece-chip{width:13px;height:13px;flex:none;margin-top:2px;border:2px solid transparent;border-radius:4px}.piece-unplaced-count{color:var(--danger)!important;font-weight:850}.panel-results{padding:clamp(18px,2.5vw,28px)}.sheet-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:14px}.sheet-card{min-width:0;padding:16px;border-radius:16px;box-shadow:0 12px 34px #12374012}.sheet-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.sheet-header-main{min-width:0}.sheet-header-main h3{color:#243f46;font-size:17px}.sheet-header-main p{margin-top:4px;color:#829397;font-size:10px;line-height:1.5}.sheet-header-actions{justify-content:flex-end;gap:7px}.sheet-header-actions>span{min-width:58px;color:#16776f;font-size:13px;font-weight:900;text-align:right}.sheet-rotation-toggle{min-height:34px;border:1px solid #b9d8d4;border-radius:9px;padding:7px 10px;color:#16756e;background:#eaf7f5;font-size:10px;font-weight:850;cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease}.sheet-rotation-toggle:hover{border-color:#87bdb7;background:#dcf1ee;transform:translateY(-1px)}.sheet-rotation-toggle-off{border-color:#e7c2bc;color:#9b4239;background:#fff0ed}.sheet-rotation-toggle-off:hover{border-color:#d99e95;background:#fbe5e1}.sheet-fullscreen-toggle{min-height:34px;font-size:10px}.sheet-stats{gap:6px;margin-bottom:10px}.sheet-stats span,.sheet-fullscreen-stats span,.unplaced-meta span{padding:5px 8px;border-radius:7px;color:#657b81;background:#f1f5f5;font-size:10px}.layout-frame{max-width:calc((100dvh - 320px) * var(--sheet-ratio));margin-inline:auto;overflow:hidden;border:1px solid #d7e4e6;border-radius:11px;background:#edf5f6}.layout-canvas{position:relative;width:100%;overflow:hidden;background:linear-gradient(180deg,#def0f2db,#f7fbfbfa),repeating-linear-gradient(90deg,rgba(28,94,105,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(180deg,rgba(28,94,105,.05) 0 1px,transparent 1px 28px)}.leftover-block{position:absolute;z-index:1;min-width:0;min-height:0;overflow:hidden;border:.5px dashed rgba(153,102,31,.62);color:#8b5b1f;background:#eec78324;pointer-events:none}.leftover-dimension,.placement-dimension{position:absolute;overflow:hidden;padding:1px 3px;font-size:9px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.leftover-dimension{color:inherit;background:#fffaf1d6}.leftover-dimension-top,.leftover-dimension-bottom{left:50%;max-width:calc(100% - 10px);transform:translate(-50%)}.leftover-dimension-top{top:2px}.leftover-dimension-bottom{bottom:2px}.leftover-dimension-left,.leftover-dimension-right{top:50%;max-height:calc(100% - 10px);writing-mode:vertical-rl;text-orientation:mixed;transform:translateY(-50%)}.leftover-dimension-left{left:2px}.leftover-dimension-right{right:2px}.placement-block{position:absolute;z-index:2;min-width:0;overflow:hidden;border-radius:2px;box-shadow:inset 0 0 0 .5px #ffffffad}.placement-label,.placement-dimension{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placement-label{position:absolute;top:50%;left:50%;max-width:calc(100% - 28px);font-size:12px;line-height:1.2;text-align:center;transform:translate(-50%,-50%)}.placement-dimension{color:inherit;background:#ffffff80}.placement-dimension-horizontal{bottom:3px;left:50%;max-width:calc(100% - 12px);transform:translate(-50%)}.placement-dimension-vertical{top:50%;right:2px;max-height:calc(100% - 12px);writing-mode:vertical-rl;text-orientation:mixed;transform:translateY(-50%)}.panel-warning{border-color:#efd6d1;background:snow}.unplaced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.unplaced-card{padding:15px;border:1px solid #efdcd8;border-radius:13px;background:#fff}.unplaced-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}.unplaced-badge{padding:6px 9px;border-radius:999px;color:#9c4138;background:#fbe9e6;font-size:10px;font-weight:850}.unplaced-meta{gap:6px;margin-top:10px}.unplaced-reason{margin-top:10px;color:#8e4841;font-size:12px;line-height:1.6}.sheet-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;padding:16px;background:#05181dbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sheet-fullscreen-dialog{display:flex;flex-direction:column;width:100%;height:100%;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#f5f9f9;box-shadow:0 30px 90px #0011155c}.sheet-fullscreen-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sheet-fullscreen-title p{margin-bottom:5px;color:var(--brand);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.sheet-fullscreen-title h2{color:var(--ink);font-size:clamp(24px,4vw,38px)}.sheet-fullscreen-close{flex:none}.sheet-fullscreen-stats{gap:7px;margin-top:11px}.sheet-fullscreen-view{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;overflow:auto;margin-top:12px;padding:4px}.layout-frame-fullscreen{width:min(100%,calc((100dvh - 220px) * var(--sheet-ratio)));max-width:100%;flex:none}.layout-canvas-fullscreen{min-height:0}.layout-canvas-fullscreen .leftover-dimension{padding:2px 5px;font-size:clamp(11px,1.3vw,15px)}.layout-canvas-fullscreen .placement-label{max-width:calc(100% - 36px);font-size:clamp(14px,1.7vw,22px)}.layout-canvas-fullscreen .placement-dimension{padding:2px 6px;font-size:clamp(12px,1.5vw,16px)}@media(max-width:1160px){.hero{grid-template-columns:1fr;gap:14px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.input-layout{grid-template-columns:1fr}}@media(max-width:900px){.auth-layout{grid-template-columns:1fr;min-height:auto}.auth-visual{min-height:330px;padding:30px}.auth-intro{margin-top:45px}.auth-intro h1{font-size:clamp(34px,7vw,48px)}.auth-preview{display:none}.auth-features{margin-top:auto;padding-top:28px}.auth-panel{padding:42px 30px}.table-wrap{overflow-x:auto}.piece-table{min-width:820px}}@media(max-width:720px){.auth-shell{padding:12px}.auth-layout{border-radius:20px}.auth-visual{min-height:270px;padding:24px}.auth-intro{margin-top:34px}.auth-intro>p:last-child,.auth-features{display:none}.auth-panel{padding:34px 24px 30px}.auth-heading h2,.auth-loading h2{font-size:32px}.shell{width:min(100% - 20px,1480px);padding-top:10px}.app-header{align-items:flex-start;padding:8px 2px 14px}.brand-copy small,.live-status{display:none}.header-actions{gap:8px}.hero{gap:12px;padding:14px;border-radius:16px}.hero h1{font-size:22px}.lead{font-size:12px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.metric-primary{padding:10px 12px}.panel{padding:20px 16px;border-radius:18px}.panel-heading,.section-heading,.stock-row-head,.sheet-card header{flex-direction:column}.panel-heading{margin-bottom:18px}.unit-badge,.count-badge{align-self:flex-start}.input-group{padding:15px}.section-heading .button,.section-heading .text-button{align-self:flex-start}.stock-row-actions{width:100%;justify-content:flex-start}.stock-row-grid,.field-grid{grid-template-columns:1fr}.field-wide,.field-block{grid-column:auto}.message{padding:13px}.sheet-header-actions{width:100%;justify-content:flex-start}.sheet-header-actions>span{margin-left:auto}.sheet-fullscreen-overlay{padding:0}.sheet-fullscreen-dialog{padding:10px;border:0;border-radius:0}.sheet-fullscreen-stats{gap:5px}.sheet-fullscreen-view{margin-top:8px;padding:0}.layout-frame-fullscreen{width:min(100%,calc((100dvh - 180px) * var(--sheet-ratio)))}.layout-canvas-fullscreen .placement-label{max-width:calc(100% - 24px);font-size:clamp(12px,3.6vw,18px)}.layout-canvas-fullscreen .placement-dimension,.layout-canvas-fullscreen .leftover-dimension{font-size:clamp(10px,3vw,14px)}}@media(max-width:720px)and (orientation:portrait){.sheet-fullscreen-overlay{overflow:hidden}.sheet-fullscreen-dialog{position:absolute;top:50%;left:50%;width:100dvh;height:100vw;max-width:none;max-height:none;padding:8px;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.sheet-fullscreen-toolbar{align-items:center;gap:8px}.sheet-fullscreen-title p{display:none}.sheet-fullscreen-title h2{font-size:clamp(16px,4vw,20px)}.sheet-fullscreen-close{min-height:32px;padding:6px 10px}.sheet-fullscreen-stats{display:none}.sheet-fullscreen-view{margin-top:4px}.layout-frame-fullscreen{width:min(100%,calc((100vw - 56px) * var(--sheet-ratio)))}.layout-canvas-fullscreen .placement-label{max-width:calc(100% - 18px);font-size:clamp(10px,2.3vw,14px)}.layout-canvas-fullscreen .placement-dimension,.layout-canvas-fullscreen .leftover-dimension{font-size:clamp(8px,2vw,12px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-nav{display:flex;gap:4px;margin:0 auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.app-nav button{min-height:34px;border:1px solid transparent;border-radius:9px;padding:6px 14px;color:var(--muted);background:transparent;font-weight:700;font-size:12px;cursor:pointer;transition:background .16s ease,color .16s ease}.app-nav button:hover{color:var(--brand-dark)}.app-nav button.app-nav-active{color:#fff;background:var(--brand);box-shadow:0 6px 14px #087f7833}.panel-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.save-order-input{min-height:34px;width:190px;border:1px solid var(--line);border-radius:9px;padding:6px 10px;color:var(--ink);background:#fff;font-size:12px}.save-order-input:focus{outline:none;border-color:var(--brand)}.save-message{color:var(--brand-dark);font-size:12px;font-weight:700}.button-danger{color:var(--danger);border-color:#e4c8c3}.button-danger:hover{border-color:var(--danger);color:#fff;background:var(--danger)}.view-head{margin:8px 0 22px}.view-head .section-kicker{margin-bottom:6px}.view-head h2{margin:0 0 8px;color:var(--navy);font-size:26px;line-height:1.2}.view-head p:last-child{margin:0;color:var(--muted)}.view-empty{padding:48px 20px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center;background:var(--surface)}.order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.order-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.order-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.order-card-head strong{color:var(--navy);font-size:15px}.order-date{color:var(--muted);font-size:12px;white-space:nowrap}.order-card-meta{display:flex;gap:14px;margin-bottom:14px;color:var(--muted);font-size:12px}.order-card-actions,.scrap-card-actions{display:flex;gap:8px}.scrap-summary{display:flex;gap:18px;margin-bottom:16px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:var(--brand-dark);background:var(--surface-soft);font-weight:700;font-size:13px}.scrap-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.scrap-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.scrap-card-used{opacity:.6;background:var(--surface-soft)}.scrap-card-main{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.scrap-card-main strong{color:var(--navy);font-size:17px}.scrap-card-main span{color:var(--brand-dark);font-weight:800;font-size:13px}.scrap-card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:14px;color:var(--muted);font-size:12px}.scrap-status{padding:2px 8px;border-radius:999px;font-weight:700;font-size:11px}.scrap-status-available{color:#0b6b4f;background:#e2f4ec}.scrap-status-used{color:var(--muted);background:#e8eef0}.scrap-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.scrap-toggle input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.hero-tip{margin-top:14px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--surface-soft);font-size:12.5px;line-height:1.6}.hero-tip-ok{color:#0b6b4f;background:#e2f4ec;border-color:#c3e7d8}.sheet-scrap-badge{display:inline-block;margin-right:8px;padding:2px 9px;border-radius:999px;color:#fff;background:var(--brand);font-size:11px;font-weight:800;vertical-align:middle}.sheet-card-scrap{border-color:#087f7873}