@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#17201f;--muted:#66706d;--line:#d9dfdc;--paper:#f4f5f1;--panel:#fff;--green:#16785c;--green-dark:#0d5f47;--green-soft:#e8f3ee;--orange:#e87837;--red:#ba4539}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 84% -15%, #16785c1f, transparent 28rem), var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#ffffffe0;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(145deg, #17302a, var(--green));color:#fff;letter-spacing:-.12em;border-radius:14px;grid-template-columns:1fr 1fr;place-items:center;width:48px;height:48px;padding:0 7px;font-size:19px;font-weight:900;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #16785c40}.brand-mark:after{content:"";border:1px solid #ffffff38;border-radius:9px;position:absolute;inset:5px}.brand-mark span:first-child{transform:translateY(-4px)}.brand-mark span:last-child{color:#8af0c9;transform:translateY(4px)}.brand h1{letter-spacing:.015em;margin:0;font-size:20px;line-height:1}.brand h1 em{color:var(--green);letter-spacing:.08em;font-size:.7em;font-style:normal}.brand p{color:var(--muted);margin:5px 0 0;font-size:12px}.project-actions{align-items:center;gap:9px;display:flex}.project-name{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.project-name input{width:170px}input,select{color:var(--ink);background:#fff;border:1px solid #cfd7d3;border-radius:9px;outline:none;min-height:38px;padding:8px 10px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #16785c1f}.button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:10px;padding:9px 14px;font-weight:700}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:var(--green-soft);color:var(--green-dark);border-color:#cbe4da}.button.ghost{background:0 0}.button.danger{color:var(--red)}.mode-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1500px;margin:0 auto;padding:20px clamp(18px,4vw,56px) 0;display:grid}.mode-tabs button{border:1px solid var(--line);text-align:left;background:#ffffffad;border-radius:15px;flex-direction:column;justify-content:center;min-height:76px;padding:13px 18px 13px 64px;display:flex;position:relative}.mode-tabs button>span{color:#8a9490;border:1px solid var(--line);border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid;position:absolute;top:18px;left:17px}.mode-tabs strong{font-size:15px}.mode-tabs small{color:var(--muted);margin-top:4px}.mode-tabs button.active{border-color:var(--green);background:var(--green-soft);box-shadow:0 7px 22px #16785c14}.mode-tabs button.active>span{color:#fff;background:var(--green);border-color:var(--green)}.projects-popover{border:1px solid var(--line);z-index:40;background:#fff;border-radius:16px;width:min(420px,100vw - 36px);padding:20px;position:fixed;top:88px;right:clamp(18px,4vw,56px);box-shadow:0 25px 70px #19262233}.section-heading{justify-content:space-between;gap:10px;display:flex}.section-heading p,.section-heading h2{margin:0}.section-heading p{color:var(--green);letter-spacing:.13em;font-size:10px;font-weight:800}.section-heading h2{margin-top:4px;font-size:18px}.section-heading>button{color:var(--muted);background:0 0;border:0;font-size:25px}.saved-project{border:1px solid var(--line);background:#fafbf9;border-radius:10px;justify-content:space-between;width:100%;margin-top:10px;padding:13px;display:flex}.saved-project small{color:var(--green)}.storage-note,.empty-note{color:var(--muted);font-size:12px;line-height:1.5}.storage-status{z-index:45;width:min(440px,100vw - 28px);min-height:42px;color:var(--green-dark);background:#edf8f3;border:1px solid #bddbce;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 14px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #17201f29}.storage-status.error{color:#8d3e2c;background:#fff3ef;border-color:#edc8bd}.storage-status button{color:currentColor;background:0 0;border:0;font-size:21px;line-height:1}.workspace-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:14px;max-width:1500px;margin:0 auto;padding:14px clamp(18px,4vw,56px) 26px;display:grid}.control-panel{flex-direction:column;gap:10px;display:flex}.panel-block,.canvas-card,.result-card{border:1px solid var(--line);background:#fffffff0;border-radius:15px;box-shadow:0 8px 26px #17201f0a}.panel-block{padding:17px}.intro-block{background:var(--ink);color:#fff;border-color:var(--ink)}.intro-block h2{margin:5px 0 8px;font-size:20px}.intro-block>p:last-child{color:#b9c4c0;margin:0;font-size:12px;line-height:1.55}.eyebrow{color:var(--green);letter-spacing:.14em;margin:0;font-size:10px;font-weight:800}.intro-block .eyebrow{color:#6ce0b4}.constructor-crowns{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.constructor-crowns button{color:#dce5e1;text-align:left;background:#202b29;border:1px solid #3d4c48;border-radius:10px;flex-direction:column;gap:3px;min-height:52px;padding:8px 10px;display:flex}.constructor-crowns button.active{color:#fff;background:#164b3c;border-color:#6ce0b4;box-shadow:inset 0 0 0 1px #6ce0b433}.constructor-crowns small{color:#9fb2ab;font-size:9px}.copy-crown{width:100%;margin-bottom:10px}.block-title{align-items:center;gap:9px;margin-bottom:14px;display:flex}.block-title>span{background:var(--green-soft);width:24px;height:24px;color:var(--green);border-radius:7px;place-items:center;font-size:12px;font-weight:800;display:grid}.block-title h3{margin:0;font-size:14px}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:11px;display:flex}.field>input{width:100%;color:var(--ink)}.field-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.wall-gap-field{margin-top:10px}.unit-input{position:relative}.unit-input input{width:100%;padding-right:40px}.unit-input b{color:#7f8985;font-size:10px;position:absolute;top:12px;right:10px}.hint{color:var(--muted);background:#f4f6f3;border-radius:9px;margin:11px 0 0;padding:10px;font-size:11px;line-height:1.45}.segmented{background:#eef1ef;border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:12px;font-weight:700}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 9px #14231d1a}.editor-mode-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.editor-mode-switch button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fff;border-radius:10px;font-size:11px;font-weight:800}.editor-mode-switch button.active{border-color:var(--green);background:var(--green-soft);color:var(--green-dark);box-shadow:inset 0 0 0 1px #1689671f}.mode-explanation{min-height:35px;color:var(--muted);margin:8px 0 12px;font-size:10px;line-height:1.45}.toggle-row{align-items:flex-start;gap:10px;margin-top:13px;display:flex}.toggle-row input{min-height:auto;accent-color:var(--green);margin-top:3px}.toggle-row span{flex-direction:column;gap:3px;display:flex}.toggle-row small{color:var(--muted);font-size:10px}.compact-toggle{padding:9px 0 0}.drawing-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.drawing-actions .button{padding:7px 8px;font-size:11px}.history-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.history-actions .button{min-height:34px;padding:6px 8px;font-size:10px}.drawing-shortcuts{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.45}.nominal-length{background:var(--green-soft);border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:11px 12px;display:flex}.nominal-length span{color:var(--green-dark);font-size:11px}.nominal-length strong{color:var(--green-dark)}.end-editor{border-top:1px dashed var(--line);margin-top:13px;padding-top:12px}.end-editor h4{margin:0 0 8px;font-size:12px}.end-row{grid-template-columns:60px minmax(0,1fr) 58px;align-items:center;gap:6px;margin-top:6px;display:grid}.end-row.single{grid-template-columns:minmax(0,1fr) 58px}.end-row>span{color:var(--muted);font-size:9px}.end-row select,.end-row input{width:100%;min-height:34px;padding:5px 7px;font-size:10px}.end-row b{color:var(--muted);text-align:right;font-size:9px}.end-row b.plus{color:var(--green)}.end-row b.minus{color:#a04b34}.canvas-column{min-width:0}.canvas-card{padding:14px}.canvas-head{justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding:2px 4px 12px;display:flex}.canvas-head h2{margin:4px 0 0;font-size:15px}.canvas-tools{gap:5px;display:flex}.canvas-tools button{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:8px;padding:6px 10px;font-size:11px}.canvas-crown{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:3px 4px 3px 9px;font-size:9px;display:flex}.canvas-crown select{width:52px;height:26px;min-height:26px;color:var(--green-dark);border-radius:6px;padding:2px 5px;font-weight:800}.drawing-stage{background-color:#17201f;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;border-radius:12px;min-height:610px;position:relative;overflow:hidden}.drawing-stage svg{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;width:100%;min-height:610px;display:block}.drawing-stage.fullscreen-mode{z-index:9999;border-radius:0;width:100vw;height:100vh;min-height:100vh;position:fixed;inset:0}.drawing-stage.fullscreen-mode svg{width:100vw;height:100vh;min-height:100vh}.canvas-svg.draw,.canvas-svg.dimension{cursor:crosshair}.canvas-svg.edit{cursor:default}.canvas-svg.panning,.canvas-svg.moving-wall,.canvas-svg.rotating-wall{cursor:grabbing}.editor-toolbar{z-index:8;background:#090e0de6;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:5px;min-height:42px;padding:5px;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 8px 24px #00000038}.editor-toolbar button{color:#d5dedb;background:#1e2927;border:1px solid #3b4744;border-radius:7px;min-width:32px;min-height:31px;padding:4px 9px;font-size:10px;font-weight:800}.editor-toolbar button:hover:not(:disabled){color:#fff;border-color:#66d8ad}.editor-toolbar button:disabled{opacity:.35}.toolbar-mode{gap:4px;display:flex}.toolbar-mode button.active,.editor-toolbar .snap-toggle.active,.editor-toolbar .node-toggle.active{color:#89ebc6;background:#174c3d;border-color:#66d8ad}.toolbar-divider{background:#394542;width:1px;height:24px;margin:0 2px}.editor-toolbar .finish-chain{color:#ffd9c4;background:#643821;border-color:#d67745;margin-left:auto}.snap-menu{z-index:12;color:#dce6e2;background:#151d1cfa;border:1px solid #4b5d58;border-radius:10px;width:292px;padding:12px;position:absolute;top:63px;left:230px;box-shadow:0 16px 42px #0000006b}.snap-menu-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.snap-menu-head button{color:#fff;background:#26322f;border:1px solid #45534f;border-radius:6px;width:25px;height:25px}.snap-menu>p{color:#8fa29b;margin:4px 0 10px;font-size:9px}.snap-options{grid-template-columns:1fr 1fr;gap:4px;display:grid}.snap-options label{cursor:pointer;background:#1c2724;border:1px solid #35443f;border-radius:7px;grid-template-columns:16px 20px 1fr;align-items:center;gap:5px;min-height:31px;padding:4px 6px;display:grid}.snap-options label:hover{border-color:#5ecda4}.snap-options input{accent-color:#54d4a3;width:13px;height:13px;margin:0}.snap-options i{color:#ff9b60;text-align:center;font-size:15px;font-style:normal}.snap-options span{font-size:9px;font-weight:750}.snap-menu>small{color:#81958d;margin-top:9px;font-size:8px;display:block}.wall-hit{stroke:#0000;stroke-width:28px}.wall-main{stroke:#c6d0d4;stroke-width:11px;stroke-linecap:square;transition:stroke .15s,stroke-width .15s}.timber-body{fill:#cbd4d1;stroke:#eef4f1;stroke-width:1.2px;transition:fill .15s}.timber-tenon{fill:#8ee0c0;stroke:#eafff7;stroke-width:1px}.timber-groove{fill:none;stroke:#0b1110;stroke-width:3px;stroke-linejoin:round}.timber-end{stroke:#f6fbf9;stroke-width:2px}.wall-line:hover .timber-body{fill:#7ed7b5}.wall-line.selected .timber-body{fill:#f08b4f;stroke:#ffd8c1;stroke-width:2px}.wall-line.selected .timber-tenon{fill:#ffbd93}.wall-line.internal .wall-main{stroke:#55cf9f}.wall-line:hover .wall-main{stroke:#69d5ad}.wall-line.internal:hover .wall-main{stroke:#7aebc0}.wall-line.selected .wall-main{stroke:#f08b4f;stroke-width:14px}.wall-line.movable{cursor:move}.dimension-tag rect{fill:#0d1313eb;stroke:#65706c;stroke-width:1.5px}.dimension-tag text{fill:#fff;paint-order:stroke;stroke:#111817;stroke-width:3px;font-size:12px;font-weight:800}.piece-code-tag{pointer-events:none}.piece-code-tag rect{fill:#094131f5;stroke:#8be4c2;stroke-width:1px}.piece-code-tag text{fill:#edfff8;letter-spacing:.02em;paint-order:stroke;stroke:#073d2e;stroke-width:1.5px;font-size:9px;font-weight:900}.user-dimension{cursor:pointer}.user-dimension .dimension-hit{stroke:#0000;stroke-width:22px}.user-dimension .dimension-line,.user-dimension .dimension-extension{stroke:#ffb07b;stroke-width:1.8px;vector-effect:non-scaling-stroke}.user-dimension .dimension-extension{stroke-dasharray:4 3;opacity:.9}.user-dimension .dimension-arrow{fill:#ff9a5d;stroke:#fff1e7;stroke-width:.8px}.user-dimension .dimension-value rect{fill:#181f1df7;stroke:#ff9a5d;stroke-width:1.4px}.user-dimension .dimension-value text{fill:#fff4ed;paint-order:stroke;stroke:#121817;stroke-width:2px;font-size:11px;font-weight:900}.user-dimension.selected .dimension-line,.user-dimension.selected .dimension-extension{stroke:#67e1b4;stroke-width:2.8px}.user-dimension.selected .dimension-arrow{fill:#67e1b4}.user-dimension.selected .dimension-value rect{stroke:#67e1b4}.user-dimension.preview{pointer-events:none}.user-dimension.preview .dimension-line,.user-dimension.preview .dimension-extension{stroke:#67e1b4;stroke-dasharray:6 4}.user-dimension.preview .dimension-arrow{fill:#67e1b4}.user-dimension.preview .dimension-value rect{stroke:#67e1b4}.user-dimension .dimension-point{fill:#17201f;stroke:#67e1b4;stroke-width:2px}.plan-node{fill:#347fae;stroke:#fff;stroke-width:2px;pointer-events:none;transition:r .12s,fill .12s}.plan-node.editable{pointer-events:all;cursor:grab;filter:drop-shadow(0 2px 3px #00000073)}.plan-node.editable:hover{fill:#64dcb0}.plan-node.editable:active{cursor:grabbing;fill:#ff9354}.rotation-control{cursor:grab;filter:drop-shadow(0 3px 5px #00000073)}.rotation-control:active{cursor:grabbing}.rotation-control line{stroke:#ffb183;stroke-width:2px;stroke-dasharray:5 4;pointer-events:none}.rotation-control circle{fill:#f08b4f;stroke:#fff;stroke-width:2px}.rotation-control text{fill:#fff;pointer-events:none;font-size:16px;font-weight:900}.joint-marker{pointer-events:none}.joint-marker>circle{fill:#ff6e73;stroke:#161f1e;stroke-width:3px}.end-visible-arrow{pointer-events:none}.end-visible-arrow line{stroke:#ff8a4c;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 1px #111817)}.end-visible-arrow path{fill:#ff7043;stroke:#fff4ed;stroke-width:1.4px;filter:drop-shadow(0 0 1px #111817)}.preview-line{pointer-events:none}.preview-line .preview-segment{stroke:#65dfb1;stroke-width:7px;stroke-dasharray:13 8}.preview-line .snap-guide{stroke:#65dfb152;stroke-width:1.5px;stroke-dasharray:5 6}.preview-line .preview-start{fill:#17201f;stroke:#65dfb1;stroke-width:3px}.preview-line .preview-end{fill:#65dfb1;stroke:#fff;stroke-width:2px}.preview-line rect{fill:#65dfb1}.preview-line text{fill:#0c3f30;font-size:14px;font-weight:900}.snap-marker{filter:drop-shadow(0 2px 3px #000000b3)}.snap-marker .marker-symbol{fill:#0f1917f0;stroke:#ff9a5d;stroke-width:2.4px;vector-effect:non-scaling-stroke}.snap-marker.snap-grid .marker-symbol,.snap-marker.snap-parallel .marker-symbol{stroke:#69dfb3}.snap-marker .snap-label rect{fill:#0c1211f5;stroke:#ff9a5d;stroke-width:1px}.snap-marker .snap-label text{fill:#fff4ed;stroke:none;font-size:9px;font-weight:800}.drawing-tip{z-index:6;color:#cad3cf;pointer-events:none;background:#0a0f0ed4;border-radius:9px;align-items:center;gap:7px;max-width:520px;padding:9px 11px;font-size:10px;display:flex;position:absolute;top:66px;left:13px}.length-entry-badge{z-index:7;color:#fff;text-align:left;pointer-events:none;background:#0d2d24f2;border:1px solid #65dfb180;border-radius:10px;grid-template-columns:auto auto;align-items:baseline;gap:3px 12px;min-width:220px;padding:10px 14px;display:grid;position:absolute;top:110px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.length-entry-badge span{color:#9cc9b8;font-size:9px}.length-entry-badge strong{color:#86ebc5;font-size:18px}.length-entry-badge small{color:#a9bbb4;grid-column:1/-1;font-size:8px}.move-entry-badge{z-index:7;color:#fff;pointer-events:none;background:#3d2215f5;border:1px solid #ff9a5d99;border-radius:10px;grid-template-columns:auto auto;align-items:baseline;gap:3px 12px;min-width:235px;padding:10px 14px;display:grid;position:absolute;top:110px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.move-entry-badge span{color:#f0b793;font-size:9px}.move-entry-badge strong{color:#ffb07e;font-size:18px}.move-entry-badge small{color:#d2b7a6;grid-column:1/-1;font-size:8px}.hover-card{z-index:6;color:var(--green-dark);pointer-events:none;background:#e8f3eef2;border-radius:9px;flex-direction:column;gap:3px;padding:10px 12px;display:flex;position:absolute;top:66px;right:13px;box-shadow:0 8px 25px #0000002e}.hover-card .hover-cut{border-top:1px solid #0d5f472e;margin-top:3px;padding-top:5px;font-weight:800}.dot{background:#8b9591;border-radius:50%;width:7px;height:7px}.dot.active{background:#65dfb1;box-shadow:0 0 0 4px #65dfb129}.legend{color:#b8c2be;pointer-events:none;background:#0a0f0ebf;border-radius:9px;flex-wrap:wrap;gap:8px 15px;padding:9px 11px;font-size:9px;display:flex;position:absolute;bottom:13px;left:13px;right:13px}.legend span{align-items:center;gap:5px;display:flex}.legend i{background:#c6d0d4;border-radius:3px;width:20px;height:5px;display:block}.legend .legend-selected{background:#f08b4f}.legend .legend-internal{background:#55cf9f}.legend .legend-node{background:#347fae;border-radius:50%;width:7px;height:7px}.legend .legend-joint{background:#ff6e73;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #35191a}.legend .legend-tenon{background:#8ee0c0;width:14px}.legend .legend-groove{background:0 0;border:2px solid #a6b3ae;border-top:0;border-radius:0;width:14px;height:8px}.legend .legend-outside{background:0 0;border-radius:0;width:18px;height:10px;position:relative}.legend .legend-outside:before{content:"";background:#ff7043;height:2px;position:absolute;top:4px;left:1px;right:4px}.legend .legend-outside:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #ff7043;width:0;height:0;position:absolute;top:1px;right:1px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.summary-grid article{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;min-height:90px;padding:13px;display:flex}.summary-grid p{color:var(--muted);margin:0;font-size:10px}.summary-grid strong{letter-spacing:-.04em;margin-top:8px;font-size:19px}.summary-grid small{color:var(--muted);margin-top:auto;font-size:9px}.summary-grid article.accent{background:var(--green);border-color:var(--green);color:#fff}.summary-grid article.accent p,.summary-grid article.accent small{color:#c9ecdf}.results-section{max-width:1500px;margin:0 auto;padding:10px clamp(18px,4vw,56px) 70px}.results-head{justify-content:space-between;align-items:end;gap:20px;padding:20px 0 14px;display:flex}.results-head h2{letter-spacing:-.04em;margin:5px 0;font-size:27px}.results-head>div>p:last-child{color:var(--muted);margin:0;font-size:12px}.export-actions{gap:8px;display:flex}.result-columns{grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);align-items:start;gap:12px;display:grid}.result-card{padding:19px}.card-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.card-title p,.card-title h3{margin:0}.card-title p{color:var(--green);letter-spacing:.13em;font-size:9px;font-weight:800}.card-title h3{margin-top:4px;font-size:18px}.card-title select{min-height:36px;font-size:11px}.cut-list{flex-direction:column;display:flex}.cut-row{border-top:1px solid #edf0ee;grid-template-columns:180px minmax(180px,1fr) 150px;align-items:center;gap:14px;padding:13px 0;display:grid}.cut-name{flex-direction:column;min-width:0;display:flex}.cut-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cut-name span{color:var(--muted);margin-top:4px;font-size:9px}.cut-bars{gap:3px;min-width:0;display:flex}.cut-bars span{background:var(--green-soft);min-width:54px;min-height:36px;color:var(--green-dark);border:1px solid #cfe5dc;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 5px;display:flex}.cut-bars b{font-size:9px}.cut-bars small{color:var(--muted);font-size:8px}.end-summary{color:var(--muted);text-align:center;justify-content:flex-end;align-items:center;gap:6px;font-size:8px;display:flex}.end-summary span{max-width:62px}.piece-end-editor{color:var(--muted);flex-direction:column;gap:7px;margin-top:12px;font-size:11px;display:flex}.piece-end-options{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.piece-end-options button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#f7f9f7;border-radius:8px;padding:6px 4px;font-size:9px;font-weight:800}.piece-end-options button.active{background:var(--green);border-color:var(--green);color:#fff}.feature-settings{background:#f8fbf9;border:1px solid #dce7e2;border-radius:9px;margin-top:8px;padding:10px}.feature-size-grid{margin-top:0}.feature-position-label{color:var(--muted);margin:10px 0 6px;font-size:9px;display:block}.feature-position{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.feature-position button{border:1px solid var(--line);min-height:31px;color:var(--muted);background:#fff;border-radius:7px;font-size:9px;font-weight:800}.feature-position button.active{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.feature-settings>small{color:var(--muted);margin-top:7px;font-size:8px;line-height:1.35;display:block}.duplicate-wall{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;display:flex}.duplicate-wall small{color:inherit;opacity:.7;font-size:8px}.end-summary b{color:var(--orange)}.purchase-row{border-top:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.purchase-row>div{flex-direction:column;gap:4px;display:flex}.purchase-row span{color:var(--muted);font-size:9px}.purchase-row>b{color:var(--green);white-space:nowrap;font-size:18px}.purchase-total{background:var(--ink);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:15px;padding:15px;display:flex}.purchase-total span{color:#b7c1bd;font-size:10px}.purchase-total strong{font-size:18px}.warning{color:#8f4020;background:#fff0e8;border-radius:8px;padding:10px;font-size:10px}.cutting-map-card{margin-top:12px}.cutting-map-count{background:var(--green-soft);color:var(--green-dark);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:900}.cutting-map-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stock-bar-card{border:1px solid var(--line);background:#fbfcfb;border-radius:11px;min-width:0;padding:13px}.stock-bar-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.stock-bar-head>div{align-items:baseline;gap:8px;min-width:0;display:flex}.stock-bar-head strong{color:var(--green-dark);font-size:13px}.stock-bar-head span{color:var(--muted);font-size:9px}.stock-bar-head>b{white-space:nowrap;border-radius:6px;padding:5px 7px;font-size:8px}.stock-bar-head .has-remainder{color:#8f4020;background:#fff0e8}.stock-bar-head .zero-remainder{color:#11664d;background:#e1f6ed}.stock-bar-visual{background:#eff2f0;border:2px solid #25332f;border-radius:7px;width:100%;height:42px;display:flex;overflow:hidden}.stock-bar-visual>span{flex-direction:column;flex-basis:0;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.stock-piece{color:#073d2e;background:#8ee0c0;border-right:2px solid #25332f}.stock-piece:nth-child(2n){background:#b6ead6}.stock-piece b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.stock-piece small,.stock-remainder small{font-size:8px}.stock-remainder{color:#79513b;background:repeating-linear-gradient(135deg,#fff0e8 0 7px,#f7ded0 7px 14px)}.stock-piece-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.stock-piece-list>div{background:#fff;border:1px solid #e5ebe8;border-radius:6px;grid-template-columns:auto auto;gap:1px 7px;min-width:0;padding:6px 7px;display:grid}.stock-piece-list b{color:var(--green-dark);font-size:9px}.stock-piece-list span{color:var(--ink);justify-self:end;font-size:9px;font-weight:800}.stock-piece-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:8px;overflow:hidden}.fc-shell{max-width:1500px;margin:0 auto;padding:14px clamp(18px,4vw,56px) 70px}.fc-roombar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-radius:14px;justify-content:space-between;gap:12px;margin-bottom:12px;padding:9px;display:flex;position:sticky;top:83px;box-shadow:0 8px 24px #17201f12}.fc-room-tabs{gap:7px;min-width:0;display:flex;overflow-x:auto}.fc-room-tabs button{border:1px solid var(--line);min-width:138px;min-height:48px;color:var(--ink);text-align:left;background:#f8faf8;border-radius:9px;flex-direction:column;flex:none;justify-content:center;gap:3px;padding:7px 10px;display:flex}.fc-room-tabs button span{font-size:11px;font-weight:800}.fc-room-tabs button small{color:var(--muted);font-size:8px}.fc-room-tabs button.active{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.fc-room-tabs .fc-add-room{min-width:118px;color:var(--green);text-align:center;align-items:center;font-size:10px;font-weight:800}.fc-room-actions{align-items:center;gap:6px;display:flex}.fc-room-actions button{border:1px solid var(--line);min-height:38px;color:var(--muted);white-space:nowrap;background:#fff;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800}.fc-room-actions button.primary{border-color:var(--green);background:var(--green);color:#fff}.fc-heading{justify-content:space-between;align-items:end;gap:28px;padding:18px 3px;display:flex}.fc-heading h2{letter-spacing:-.04em;margin:5px 0 6px;font-size:28px}.fc-heading>div>p:last-child{max-width:720px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.fc-heading>label{width:260px;color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.fc-heading input{width:100%}.fc-surface-tabs{grid-template-columns:1fr 1fr;gap:9px;display:grid}.fc-surface-tabs button{border:1px solid var(--line);min-height:76px;color:var(--ink);text-align:left;background:#fff;border-radius:13px;grid-template-columns:60px 1fr;align-items:center;gap:3px 12px;padding:13px 16px;display:grid}.fc-surface-tabs button>span{color:var(--muted);letter-spacing:.1em;background:#eef1ef;border-radius:8px;grid-row:1/3;align-self:stretch;place-items:center;font-size:10px;font-weight:900;display:grid}.fc-surface-tabs strong{font-size:17px}.fc-surface-tabs small{color:var(--muted);font-size:9px}.fc-surface-tabs button.active{border-color:var(--green);background:var(--green-soft)}.fc-surface-tabs button.active>span{background:var(--green);color:#fff}.fc-result-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.fc-result-strip article{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;min-height:102px;padding:15px;display:flex}.fc-result-strip article small{color:var(--muted);letter-spacing:.12em;font-size:8px;font-weight:900}.fc-result-strip article strong{letter-spacing:-.04em;margin-top:9px;font-size:21px}.fc-result-strip article span{color:var(--muted);margin-top:auto;font-size:9px}.fc-result-strip article.ok{background:linear-gradient(145deg,#e8f6ef,#fff);border-color:#9dd4be}.fc-result-strip article.ok strong{color:var(--green-dark)}.fc-result-strip article.bad{background:#fff4f0;border-color:#e1a99d}.fc-result-strip article.bad strong{color:#a34131}.fc-main-grid{grid-template-columns:350px minmax(0,1fr);align-items:start;gap:10px;margin-top:10px;display:grid}.fc-controls{flex-direction:column;gap:10px;display:flex}.fc-form-grid{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.fc-field{min-width:0;color:var(--muted);flex-direction:column;gap:5px;font-size:9px;display:flex}.fc-field>div{position:relative}.fc-field input{width:100%;min-height:37px;color:var(--ink);padding-right:43px}.fc-field b{color:#7d8884;pointer-events:none;font-size:8px;position:absolute;top:12px;right:9px}.fc-layout-switch{background:#eef1ef;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;margin:11px 0;padding:3px;display:grid}.fc-layout-switch button{min-height:37px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:6px;font-size:9px;font-weight:800}.fc-layout-switch button.active{color:var(--green-dark);background:#fff;box-shadow:0 2px 8px #17201f17}.fc-gap-list{background:#f3f6f4;border-radius:9px;margin-top:11px;padding:10px}.fc-gap-list>span{color:var(--muted);font-size:9px}.fc-gap-list>div{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.fc-gap-list b{color:var(--green-dark);background:#fff;border:1px solid #d9e7e1;border-radius:6px;padding:5px 7px;font-size:8px}.fc-content{flex-direction:column;gap:10px;min-width:0;display:flex}.fc-plan-card,.fc-layers-card,.fc-summary{border:1px solid var(--line);background:#fffffff5;border-radius:15px;padding:17px;box-shadow:0 8px 26px #17201f0a}.fc-card-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.fc-card-head p,.fc-card-head h3{margin:0}.fc-card-head p{color:var(--green);letter-spacing:.13em;font-size:8px;font-weight:900}.fc-card-head h3{margin-top:4px;font-size:17px}.fc-card-head>span{color:var(--muted);text-align:right;font-size:9px}.fc-plan-wrap{background:#111b19;border:1px solid #2d3a36;border-radius:11px;overflow:hidden}.fc-plan-toolbar{background:#0e1715;border-bottom:1px solid #2d3a36;justify-content:space-between;align-items:center;gap:12px;min-height:45px;padding:8px 10px;display:flex}.fc-plan-toolbar>span{color:#9fb0aa;white-space:nowrap;font-size:10px;font-weight:800}.fc-plan-toolbar>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.fc-plan-toolbar button{color:#bac7c2;cursor:pointer;background:#182421;border:1px solid #33443f;border-radius:7px;min-height:29px;padding:5px 10px;font-size:9px;font-weight:850}.fc-plan-toolbar button:hover:not(:disabled){color:#fff;border-color:#72d8b1}.fc-plan-toolbar button.active{color:#fff;background:#1c503f;border-color:#72d8b1;box-shadow:inset 0 0 0 1px #72d8b133}.fc-plan-toolbar button:disabled{opacity:.34;cursor:not-allowed}.fc-plan{width:100%;min-height:340px;display:block}.fc-room-shape{fill:#20332e;stroke:#aabbb5;stroke-width:2px}.fc-beam-shape{fill:#72d8b1;stroke:#d8fff0;stroke-width:1px}.fc-muted-beam{opacity:.25}.fc-beam-index{fill:#0e3b2e;text-anchor:middle;font-size:8px;font-weight:900}.fc-board-piece rect{stroke:#ffffff85;stroke-width:.55px;transition:filter .12s,opacity .12s}.fc-board-piece:hover rect{filter:brightness(1.28);opacity:1;stroke:#fff;stroke-width:1.4px}.fc-board-piece text{fill:#07120f;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#ffffff73;stroke-width:1.5px;font-size:7px;font-weight:900}.fc-board-piece.stock-0 rect{fill:#77d9b4}.fc-board-piece.stock-1 rect{fill:#efbd69}.fc-board-piece.stock-2 rect{fill:#8dbaf0}.fc-board-piece.stock-3 rect{fill:#d69be8}.fc-board-piece.stock-4 rect{fill:#e99174}.fc-board-piece.stock-5 rect{fill:#a8d977}.fc-support-guide{stroke:#ffffff85;stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.fc-board-joint{stroke:#ff7048;stroke-width:2.2px;pointer-events:stroke}.fc-dimension-line{stroke:#a8b5b0;stroke-width:1px;stroke-dasharray:4 3}.fc-dimension-text{fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#111b19;stroke-width:4px;font-size:11px;font-weight:900}.fc-plan-legend{color:#c0cbc7;border-top:1px solid #2d3a36;flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:38px;padding:9px 12px;font-size:8px;display:flex}.fc-plan-legend span{align-items:center;gap:5px;display:flex}.fc-plan-legend i{border-radius:2px;width:18px;height:5px}.fc-plan-legend i.beam{background:#72d8b1}.fc-plan-legend i.gap{background:0 0;border:1px dashed #a8b5b0}.fc-plan-legend i.board{background:linear-gradient(90deg,#77d9b4 0 33%,#efbd69 33% 66%,#8dbaf0 66%)}.fc-plan-legend i.joint{background:#ff7048;width:3px;height:12px}.fc-plan-legend i.stock{background:#d69be8;border:1px solid #fff9}.fc-plan-legend b{color:#72d8b1;margin-left:auto}.fc-layer-list{flex-direction:column;gap:7px;display:flex}.fc-layer-list>article{background:#fafbfa;border:1px solid #e3e8e5;border-radius:11px;grid-template-columns:28px minmax(0,1fr) 210px;align-items:start;gap:10px;padding:10px;transition:all .15s;display:grid}.fc-layer-list>article.enabled{box-shadow:inset 3px 0 var(--green);background:#f5fbf8;border-color:#b9dacc}.fc-layer-number{color:#7a8581;background:#e9eeeb;border-radius:7px;place-items:center;width:24px;height:24px;font-size:9px;font-weight:900;display:grid}.fc-layer-list article.enabled .fc-layer-number{background:var(--green);color:#fff}.fc-layer-body>label{align-items:flex-start;gap:8px;display:flex}.fc-layer-body>label input{min-height:auto;accent-color:var(--green);margin-top:3px}.fc-layer-body>label span{flex-direction:column;gap:3px;display:flex}.fc-layer-body>label small{color:var(--muted);font-size:8px;line-height:1.35}.fc-layer-fields{grid-template-columns:repeat(4,minmax(90px,1fr));gap:6px;margin:9px 0 0 25px;display:grid}.fc-layer-fields .fc-field input{min-height:32px;padding:5px 34px 5px 7px;font-size:9px}.fc-layer-fields .fc-field b{top:10px}.fc-layer-result{border-left:1px solid #dfe7e3;flex-direction:column;justify-content:center;gap:3px;min-height:48px;padding:8px 10px;display:flex}.fc-layer-result small{color:var(--green);letter-spacing:.12em;font-size:7px;font-weight:900}.fc-layer-result strong{color:var(--green-dark);font-size:10px;line-height:1.35}.fc-layer-result span{color:var(--muted);font-size:8px;line-height:1.35}.fc-summary{margin-top:10px}.fc-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.fc-summary-grid article{background:#fafbfa;border:1px solid #e1e6e3;border-radius:9px;flex-direction:column;min-height:78px;padding:11px;display:flex}.fc-summary-grid small{color:var(--muted);font-size:8px}.fc-summary-grid strong{color:var(--ink);margin-top:8px;font-size:16px}.fc-summary-grid span{color:var(--green);margin-top:auto;font-size:8px;font-weight:800}@media (max-width:1080px){.workspace-grid{grid-template-columns:320px minmax(0,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}.cut-row{grid-template-columns:150px minmax(160px,1fr)}.end-summary{display:none}.cutting-map-list{grid-template-columns:1fr}.fc-main-grid{grid-template-columns:310px minmax(0,1fr)}.fc-layer-list>article{grid-template-columns:26px minmax(0,1fr)}.fc-layer-result{border-top:1px solid #dfe7e3;border-left:0;grid-column:2}.fc-layer-fields{grid-template-columns:repeat(2,minmax(90px,1fr))}}@media (max-width:820px){.topbar{align-items:flex-start;position:static}.project-actions{flex-wrap:wrap;justify-content:flex-end}.project-name span{display:none}.mode-tabs,.workspace-grid{grid-template-columns:1fr}.control-panel{order:2}.canvas-column{order:1}.result-columns{grid-template-columns:1fr}.drawing-stage,.drawing-stage svg{min-height:500px}.fc-roombar{flex-direction:column;position:static}.fc-room-actions{justify-content:flex-end}.fc-result-strip{grid-template-columns:1fr 1fr}.fc-main-grid{grid-template-columns:1fr}.fc-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.topbar{flex-wrap:wrap;padding:12px 14px}.brand p{display:none}.brand-mark{border-radius:12px;width:42px;height:42px;font-size:17px}.project-actions{flex-wrap:nowrap;justify-content:stretch;width:100%}.project-name{flex:1;min-width:0}.project-name input{width:100%;min-width:0}.project-actions .button{padding-inline:10px;font-size:12px}.storage-status{bottom:12px}.mode-tabs,.workspace-grid,.results-section{padding-left:12px;padding-right:12px}.canvas-head{align-items:flex-start}.canvas-head h2{font-size:12px}.drawing-stage,.drawing-stage svg{min-height:420px}.editor-toolbar{left:8px;right:8px;overflow-x:auto}.editor-toolbar button{white-space:nowrap}.drawing-tip{max-width:none;top:62px;left:8px;right:8px}.snap-menu{width:auto;top:60px;left:8px;right:8px}.hover-card{top:104px;right:8px}.length-entry-badge{min-width:200px;top:108px}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid article{min-height:82px}.results-head{flex-direction:column;align-items:flex-start}.export-actions{width:100%}.export-actions .button{flex:1}.cut-row{grid-template-columns:1fr;gap:7px}.stock-bar-head{flex-direction:column;align-items:flex-start;gap:6px}.stock-piece-list{grid-template-columns:1fr}.stock-piece b{font-size:8px}.fc-shell{padding:10px 12px 50px}.fc-heading{flex-direction:column;align-items:stretch;gap:12px}.fc-heading>label{width:100%}.fc-heading h2{font-size:23px}.fc-surface-tabs{grid-template-columns:1fr}.fc-result-strip{grid-template-columns:1fr 1fr}.fc-result-strip article{min-height:92px;padding:12px}.fc-plan-toolbar{flex-direction:column;align-items:stretch}.fc-plan-toolbar>div{justify-content:stretch}.fc-plan-toolbar button{flex:auto}.fc-plan-legend b{width:100%;margin-left:0}.fc-result-strip article strong{font-size:17px}.fc-room-actions{justify-content:flex-start;overflow-x:auto}.fc-plan{min-height:280px}.fc-layer-list>article{grid-template-columns:24px minmax(0,1fr)}.fc-layer-result{grid-column:1/-1;padding-left:34px}.fc-layer-fields{grid-template-columns:1fr 1fr;margin-left:0}}.auth-shell{color:#14243d;background:#f4f7fb;flex-direction:column;min-height:100svh;display:flex}.auth-shell~.site-footer{display:none}.auth-page{color:#14243d;background:#f4f7fb;grid-template-columns:minmax(0,430px) minmax(0,520px);place-content:start center;gap:18px;min-height:100vh;padding:clamp(24px,6vh,72px) 24px 32px;display:grid}.auth-shell .auth-page{min-height:0}.auth-showcase,.auth-panel{border:1px solid #dce4ef;border-radius:16px;min-width:0;box-shadow:0 8px 28px #1730520d}.auth-showcase{background:linear-gradient(145deg,#fff 25%,#eaf1ff);flex-direction:column;padding:34px;display:flex}.auth-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.auth-brand-v2{color:#fff;background:#2764e7;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid;box-shadow:0 8px 20px #2764e738}.auth-brand h1,.auth-brand p{margin:0}.auth-brand h1{color:#14243d;letter-spacing:.08em;font-size:19px;font-weight:700}.auth-brand p{color:#65758b;margin-top:4px;font-size:12px}.auth-showcase-copy{margin:44px 0 24px}.auth-showcase-copy p{color:#2764e7;letter-spacing:.12em;margin:0;font-size:11px;font-weight:700}.auth-showcase-copy h2{color:#14243d;letter-spacing:-.035em;max-width:350px;margin:10px 0 14px;font-size:clamp(28px,3vw,34px);font-weight:600;line-height:1.15}.auth-showcase-copy span{color:#65758b;max-width:350px;font-size:14px;line-height:1.6;display:block}.auth-benefits{gap:10px;margin:0;padding:0;list-style:none;display:grid}.auth-benefits li{color:#334963;background:#ffffffb3;border:1px solid #c3d2e8cc;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.auth-benefits i{color:#2764e7;background:#e5eeff;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.auth-showcase>small{color:#65758b;margin-top:22px;font-size:12px;line-height:1.5}.auth-panel{background:#fff;place-items:start center;display:grid}.auth-card{width:min(520px,100%);min-width:0;padding:40px}.auth-card-wide{width:min(520px,100%)}.auth-mobile-brand{align-items:center;gap:10px;display:none}.auth-mobile-brand>div{gap:3px;display:grid}.auth-mobile-brand strong{letter-spacing:.08em;font-size:15px}.auth-mobile-brand small{color:#7b899c;font-size:9px}.auth-heading{margin:0 0 26px}.auth-heading p{color:#2764e7;letter-spacing:.12em;margin:0;font-size:11px;font-weight:700}.auth-heading h2{letter-spacing:-.035em;margin:9px 0 10px;font-size:28px;font-weight:600;line-height:1.2}.auth-heading span{color:#65758b;font-size:14px;line-height:1.6}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{color:#42546b;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.auth-form input{color:#14243d;background:#fbfcfe;border-color:#d9e1ec;width:100%;min-width:0;min-height:46px;font-size:15px;font-weight:400}.auth-form input:focus{border-color:#7fa5ef;box-shadow:0 0 0 3px #2764e717}.auth-form small{color:#65758b;font-size:12px;font-weight:400;line-height:1.5}.auth-form>button,.auth-primary-link{color:#fff;background:#2764e7;border:0;border-radius:9px;place-items:center;min-height:46px;margin-top:3px;font-size:14px;font-weight:700;text-decoration:none;display:grid}.auth-form>button:hover,.auth-primary-link:hover{background:#1e4fc0}.auth-form>button:disabled{cursor:progress;opacity:.65}.auth-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.auth-options label{flex-direction:row;align-items:center;gap:7px}.auth-options input{accent-color:#2764e7;width:15px;height:15px;min-height:0;margin:0}.auth-options a,.auth-footnote a,.auth-secondary-link,.auth-terms a{color:#2764e7;font-weight:600;text-decoration:none}.auth-shell a:hover{text-underline-offset:3px;text-decoration:underline}.auth-shell a:focus-visible,.auth-shell button:focus-visible{outline-offset:4px;outline:2px solid #2764e7}.auth-password-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-rule i,.auth-requirements i{color:#9aa6b6;font-style:normal}.auth-rule.valid,.auth-requirements .valid,.auth-rule.valid i,.auth-requirements .valid i{color:#16825f}.auth-rule.invalid{color:#a4584b}.auth-requirements{grid-template-columns:1fr 1fr;gap:5px 10px;display:grid}.auth-requirements span{color:#65758b;align-items:center;gap:5px;font-size:12px;display:flex}.auth-terms{color:#65758b;text-align:center;margin:16px 0 0;font-size:12px;line-height:1.6}.auth-success{color:#116449;background:#eaf7f1;border-radius:8px;margin:0;padding:9px 11px;font-size:10px;line-height:1.4}.auth-secondary-link{place-items:center;min-height:36px;font-size:10px;display:grid}.auth-verified{gap:14px;display:grid}.auth-verified>i{color:#16825f;background:#e8f7f1;border-radius:50%;justify-self:center;place-items:center;width:52px;height:52px;font-size:22px;font-style:normal;font-weight:900;display:grid}.auth-complete{background:var(--green-soft);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.auth-complete strong{color:var(--green-dark)}.auth-complete span{color:var(--muted);font-size:11px;line-height:1.5}.auth-complete a{color:var(--green-dark);align-self:flex-start;font-size:11px;font-weight:900}.auth-error{color:#963c2e;background:#fff0ec;border-radius:8px;margin:0;padding:9px 11px;font-size:10px;line-height:1.4}.auth-footnote{color:#65758b;text-align:center;border-top:1px solid #e4e9f0;margin:24px 0 0;padding-top:20px;font-size:13px}.auth-footer{color:#65758b;border-top:1px solid #dce4ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;width:min(968px,100% - 48px);margin:auto auto 0;padding:22px 0;font-size:12px;line-height:1.5;display:flex}.auth-footer>div,.auth-footer nav{flex-wrap:wrap;gap:8px 16px;display:flex}.auth-footer strong{color:#334963;font-weight:600}.auth-footer a{color:#53647a;text-decoration:none}.login-field{flex-direction:column;gap:7px;min-width:0;display:flex}.login-password-control{position:relative}.login-password-control input{padding-right:48px}.login-password-toggle{color:#53647a;background:0 0;border:0;border-radius:7px;place-items:center;width:40px;padding:0;display:grid;position:absolute;top:3px;bottom:3px;right:3px}.login-password-toggle svg{width:20px;height:20px}.login-password-toggle:hover:not(:disabled){color:#2764e7;background:#eaf1ff}.login-form input:hover:not(:disabled):not(:focus):not([aria-invalid=true]){border-color:#9baec9}.login-form input:disabled{cursor:wait;color:#65758b;background:#f0f3f8}.login-form input[aria-invalid=true]{border-color:#b44435}.login-form .login-field-error{color:#a63325;margin:0;font-size:13px;line-height:1.5}.login-form .login-submit{justify-content:center;align-items:center;gap:9px;display:flex}.login-form .login-submit:hover:not(:disabled){background:#1e4fc0}.login-form .login-submit:disabled{cursor:wait;opacity:.7;background:#2764e7}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}}.account-controls{align-items:center;gap:6px;display:flex}.tutuu-account-avatar{color:#2764e7;background:#eaf1ff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.tutuu-account-avatar img{object-fit:cover;width:100%;height:100%}.account-badge{background:#edf4f1;border-radius:9px;flex-direction:column;min-width:0;padding:5px 9px;display:flex}.account-badge strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:9px;overflow:hidden}.account-badge small{color:var(--muted);font-size:7px}.account-link{border:1px solid var(--line);min-height:38px;color:var(--ink);border-radius:9px;place-items:center;padding:9px 10px;font-size:9px;font-weight:800;text-decoration:none;display:grid}.account-logout{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fff;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:800}.profile-content{width:min(1050px,100% - 48px);margin:0 auto;padding:27px 0 55px}.profile-title p,.profile-title h1{margin:0}.profile-title p,.profile-card header p{color:#2764e7;letter-spacing:.12em;font-size:9px;font-weight:900}.profile-title h1{color:#14243d;margin:5px 0 6px;font-size:25px}.profile-title span{color:#6b7a90;font-size:11px}.profile-summary{background:#fff;border:1px solid #dce4ee;border-radius:15px;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;display:grid}.profile-title+.profile-summary{margin-top:18px}.profile-summary>span{color:#2764e7;background:#eaf1ff;border-radius:18px;place-items:center;width:62px;height:62px;font-size:20px;font-weight:900;display:grid}.profile-summary p,.profile-summary h2{margin:0}.profile-summary p{color:#2764e7;letter-spacing:.12em;font-size:9px;font-weight:900}.profile-summary h2{margin:4px 0;font-size:22px}.profile-summary small{color:var(--muted)}.profile-summary-status{justify-items:end;gap:7px;display:grid}.profile-summary-status b{color:#2764e7;background:#edf3ff;border-radius:8px;padding:7px 10px;font-size:10px}.profile-summary-status em{color:#7f8b9c;font-size:8px;font-style:normal;font-weight:800}.profile-summary-status em.active{color:#16825f}.profile-legacy,.profile-notice{color:#78561b;background:#fff6df;border-radius:10px;margin-top:12px;padding:11px 13px;font-size:10px}.profile-legacy{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.profile-legacy>strong{color:#fff;background:#8a6520;border-radius:5px;padding:4px 6px;font-size:8px}.profile-legacy div{gap:3px;display:grid}.profile-legacy div span{line-height:1.45}.profile-legacy button{color:#87651f;background:#fffaf0;border:1px solid #e4c883;border-radius:8px;min-height:34px;padding:7px 10px;font-size:9px;font-weight:800}.profile-notice{color:#116449;background:#eaf7f1}.profile-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.profile-facts article{background:#fff;border:1px solid #dce4ee;border-radius:11px;gap:6px;padding:14px;display:grid}.profile-facts small{color:var(--muted);font-size:8px}.profile-facts strong{font-size:10px}.profile-facts strong.verified{color:#16825f}.profile-content>.auth-error{margin-top:12px}.profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:12px;margin-top:12px;display:grid}.profile-card{background:#fff;border:1px solid #dce4ee;border-radius:13px;padding:20px;box-shadow:0 5px 16px #1d32520a}.profile-card header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px;display:flex}.profile-card header p,.profile-card header h2{margin:0}.profile-card header h2{margin-top:4px;font-size:16px}.profile-card header>span{color:#8794a5;font-size:8px}.profile-account-card,.profile-danger{grid-column:1/-1}.profile-account-forms{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-account-forms form,.profile-security-card form{background:#fbfcfe;border:1px solid #e4e9f0;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.profile-account-forms form>div{gap:3px;display:grid}.profile-account-forms form>div strong{font-size:11px}.profile-account-forms form>div small,.profile-security-card form>small{color:#8491a3;font-size:8px}.profile-card label{color:#64748a;flex-direction:column;gap:5px;font-size:9px;display:flex}.profile-card input{width:100%;min-height:39px}.profile-card button{color:#fff;background:#2764e7;border:0;border-radius:8px;align-self:flex-start;min-height:36px;padding:8px 12px;font-size:9px;font-weight:900}.profile-card button:disabled{color:#9aa5b4;cursor:not-allowed;background:#eef1f5}.security-ok,.security-warn{background:#eaf7f1;border-radius:7px;padding:5px 7px;font-weight:800;color:#16825f!important}.security-warn{background:#fff4e6;color:#9b641e!important}.profile-plan-card header>b{color:#2764e7;background:#edf3ff;border-radius:7px;padding:6px 8px;font-size:9px}.profile-plan-card ul{color:#53647a;gap:8px;margin:0;padding:0;font-size:9px;list-style:none;display:grid}.profile-plan-card li:before{content:"✓";color:#16825f;margin-right:7px;font-weight:900}.profile-plan-usage{gap:7px;margin:17px 0 13px;display:grid}.profile-plan-usage span{color:#69798e;font-size:9px}.profile-plan-usage span b{color:#2764e7;font-size:12px}.profile-plan-usage i{background:#e3e8ef;border-radius:5px;height:6px;overflow:hidden}.profile-plan-usage em{border-radius:inherit;background:#2764e7;height:100%;display:block}.profile-danger{border-color:#efd8d4}.profile-danger header p{color:#b25649}.profile-danger>div{justify-content:space-between;align-items:center;gap:18px;display:flex}.profile-danger>div span{color:#7f6b69;font-size:9px;line-height:1.45}.admin-page{min-height:100vh;padding-bottom:60px}.admin-topbar{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(18px,4vw,56px);display:flex}.admin-topbar p,.admin-topbar h1{margin:0}.admin-topbar p{color:var(--green);letter-spacing:.14em;font-size:9px;font-weight:900}.admin-topbar h1{margin-top:4px;font-size:20px}.admin-topbar>div:last-child{align-items:center;gap:14px;display:flex}.admin-topbar span{color:var(--muted);font-size:10px}.admin-topbar a{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:9px;place-items:center;padding:8px 12px;font-size:10px;font-weight:800;text-decoration:none;display:grid}.admin-grid{grid-template-columns:370px minmax(0,1fr);align-items:start;gap:12px;max-width:1300px;margin:0 auto;padding:20px clamp(18px,4vw,56px);display:grid}.admin-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px;box-shadow:0 8px 26px #17201f0a}.admin-card-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.admin-card-head p,.admin-card-head h2{margin:0}.admin-card-head p{color:var(--green);letter-spacing:.13em;font-size:8px;font-weight:900}.admin-card-head h2{margin-top:4px;font-size:18px}.admin-card-head>b{background:var(--green-soft);min-width:34px;height:34px;color:var(--green-dark);border-radius:9px;place-items:center;display:grid}.invite-card form{grid-template-columns:1fr 100px;gap:8px;display:grid}.invite-card label{color:var(--muted);flex-direction:column;gap:5px;font-size:9px;display:flex}.invite-card input,.invite-card select{width:100%}.invite-card form button{background:var(--green);color:#fff;border:0;border-radius:9px;grid-column:1/-1;min-height:42px;font-weight:900}.invite-result{background:var(--green-soft);border-radius:10px;flex-direction:column;gap:7px;margin-top:13px;padding:12px;display:flex}.invite-result span{color:var(--green-dark);font-size:8px}.invite-result strong{overflow-wrap:anywhere;font-size:9px;line-height:1.45}.invite-result button{min-height:32px;color:var(--green-dark);background:#fff;border:1px solid #aed7c6;border-radius:7px;align-self:flex-start;font-size:9px;font-weight:800}.users-card{grid-row:span 2}.admin-table{flex-direction:column;display:flex}.admin-table article{border-top:1px solid #edf0ee;grid-template-columns:36px minmax(170px,1fr) 85px 85px 92px 105px 100px;align-items:center;gap:9px;padding:11px 0;display:grid}.user-avatar{background:var(--green-soft);width:32px;height:32px;color:var(--green-dark);border-radius:9px;place-items:center;font-size:12px;font-weight:900;display:grid}.admin-table article>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.admin-table article>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.admin-table article>div:nth-child(2) span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.admin-table em{color:#fff;background:#17201f;border-radius:5px;margin-left:6px;padding:3px 5px;font-size:6px;font-style:normal}.admin-table article>div:nth-child(3),.admin-table article>div:nth-child(4){flex-direction:column;gap:3px;display:flex}.admin-table small{color:var(--muted);font-size:7px}.access-status{text-align:center;border-radius:7px;padding:6px 7px;font-size:8px;font-weight:800}.access-status.active{color:#12664e;background:#e6f5ee}.access-status.blocked{color:#963c2e;background:#fff0ec}.admin-table article>button,.invite-list button{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:31px;font-size:8px;font-weight:800}.admin-table button.block{color:#9b4335}.admin-table button.allow{color:var(--green-dark)}.invite-list{flex-direction:column;display:flex}.invite-list article{border-top:1px solid #edf0ee;grid-template-columns:minmax(0,1fr) 85px 70px;align-items:center;gap:8px;padding:10px 0;display:grid}.invite-list article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.invite-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.invite-list span{color:var(--muted);font-size:7px}.invite-list>article>b{text-align:center;border-radius:6px;padding:5px;font-size:7px}.invite-list b.pending{color:#8a5d13;background:#fff5df}.invite-list b.used{color:#12664e;background:#e6f5ee}.invite-list b.revoked{color:#747d79;background:#eef0ef}@media (max-width:980px){.admin-grid{grid-template-columns:1fr}.users-card{grid-row:auto}.auth-page{grid-template-columns:minmax(0,360px) minmax(0,520px);padding:24px 20px}.auth-showcase{padding:25px}.auth-card{padding:28px}.auth-password-grid,.auth-requirements{grid-template-columns:1fr}}@media (max-width:700px){.admin-table article{grid-template-columns:34px minmax(0,1fr) 100px}.admin-table article>div:nth-child(3),.admin-table article>div:nth-child(4),.admin-table article>div:nth-child(5){display:none}.admin-table article>button{grid-column:2/-1}.admin-topbar span{display:none}.auth-page{grid-template-columns:minmax(0,520px);align-content:start;padding:14px}.auth-showcase{min-height:auto;padding:19px}.auth-showcase-copy,.auth-benefits,.auth-showcase>small{display:none}.auth-panel{min-height:0}.auth-brand-light{justify-content:center}.auth-form input{font-size:16px}.auth-footer{text-align:center;justify-content:center;width:calc(100% - 40px)}.auth-footer>div,.auth-footer nav{justify-content:center}.profile-content{width:min(100% - 28px,700px);padding-top:20px}.profile-account-forms{grid-template-columns:1fr}.profile-legacy{grid-template-columns:auto minmax(0,1fr)}.profile-legacy button{grid-column:2;justify-self:start}}@media (max-width:560px){.auth-page{padding:10px}.auth-showcase{display:none}.auth-panel{border-radius:14px}.auth-card{padding:22px}.auth-mobile-brand{margin-bottom:25px;display:flex}.auth-password-grid,.auth-requirements{grid-template-columns:1fr}.account-badge{display:none}.account-controls{justify-content:flex-end;width:100%}.auth-password-grid,.profile-grid,.profile-facts{grid-template-columns:1fr}.profile-summary{grid-template-columns:52px minmax(0,1fr);padding:17px}.profile-summary>span{border-radius:14px;width:50px;height:50px}.profile-summary-status{grid-column:2;justify-items:start}.profile-account-card,.profile-danger{grid-column:auto}.profile-card header,.profile-danger>div{flex-direction:column;align-items:flex-start}.profile-legacy{grid-template-columns:1fr}.profile-legacy button{grid-column:auto}}.portal-page{min-height:calc(100vh - 118px)}.portal-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#ffffffeb;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:20px;min-height:76px;padding:12px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.portal-brand{color:var(--ink);text-decoration:none}.portal-brand>span:last-child{flex-direction:column;gap:4px;display:flex}.portal-brand strong em{color:var(--green);letter-spacing:.08em;font-size:.7em;font-style:normal}.portal-brand small{color:var(--muted);font-size:9px}.portal-nav{background:#edf1ef;border-radius:12px;gap:3px;padding:4px;display:flex}.portal-nav a{min-height:36px;color:var(--muted);border-radius:9px;place-items:center;padding:9px 15px;font-size:11px;font-weight:800;text-decoration:none;display:grid}.portal-nav a.active{color:var(--green-dark);background:#fff;box-shadow:0 2px 8px #17201f1a}.portal-account{justify-self:end;align-items:center;gap:7px;display:flex}.portal-account>span{flex-direction:column;align-items:flex-end;display:flex}.portal-account>span strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:9px;overflow:hidden}.portal-account>span small{max-width:150px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.portal-account a,.portal-account button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:800;text-decoration:none}.portal-account button{color:var(--muted)}.dashboard-hero{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);align-items:center;gap:clamp(36px,7vw,100px);max-width:1440px;margin:0 auto;padding:68px clamp(20px,5vw,76px) 54px;display:grid}.portal-kicker{color:var(--green);letter-spacing:.16em;margin:0;font-size:10px;font-weight:900}.dashboard-hero-copy h1{letter-spacing:-.065em;max-width:860px;margin:13px 0 20px;font-size:clamp(42px,5.4vw,78px);line-height:.98}.dashboard-hero-copy h1 span{color:var(--green)}.dashboard-hero-copy>p:last-of-type{max-width:760px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.portal-button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:11px;place-items:center;padding:13px 18px;font-size:12px;font-weight:900;text-decoration:none;display:inline-grid}.portal-button.primary{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 12px 25px #16785c33}.dashboard-principles{color:#fff;background:#17201f;border-radius:20px;grid-template-columns:35px minmax(0,1fr);column-gap:12px;padding:24px;display:grid;box-shadow:0 24px 55px #17201f2e}.dashboard-principles>span{color:#78e3bb;border:1px solid #3c4e49;border-radius:9px;place-items:center;width:31px;height:31px;margin-top:2px;font-size:9px;font-weight:900;display:grid}.dashboard-principles p{color:#9faeaa;grid-column:2;margin:4px 0 20px;font-size:10px;line-height:1.5}.dashboard-principles p:last-child{margin-bottom:0}.dashboard-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff85;padding:38px clamp(20px,4vw,56px) 48px}.dashboard-section>*,.dashboard-lower,.roadmap-strip{max-width:1328px;margin-left:auto;margin-right:auto}.portal-section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.portal-section-head p,.portal-section-head h2{margin:0}.portal-section-head p{color:var(--green);letter-spacing:.15em;font-size:9px;font-weight:900}.portal-section-head h2{letter-spacing:-.035em;margin-top:6px;font-size:25px}.portal-section-head>a{color:var(--green-dark);font-size:10px;font-weight:900;text-decoration:none}.portal-section-head>span{color:var(--muted);font-size:9px}.portal-section-head.compact h2{font-size:20px}.tool-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tool-card{border:1px solid var(--line);min-height:245px;color:var(--ink);background:#fff;border-radius:17px;flex-direction:column;padding:22px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.tool-card:hover{border-color:#a7cebe;transform:translateY(-3px);box-shadow:0 16px 34px #17201f17}.tool-card>span{background:var(--green-soft);width:36px;height:36px;color:var(--green-dark);border-radius:10px;place-items:center;font-size:10px;font-weight:900;display:grid}.tool-card small{color:var(--green);letter-spacing:.15em;margin-top:24px;font-size:8px;font-weight:900}.tool-card h3{margin:7px 0;font-size:19px}.tool-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.tool-card b{color:var(--green-dark);margin-top:auto;padding-top:22px;font-size:10px}.dashboard-lower{grid-template-columns:1.25fr .75fr;gap:14px;padding:44px clamp(20px,4vw,56px);display:grid}.dashboard-projects,.handbook-promo{border:1px solid var(--line);background:#ffffffe0;border-radius:18px;padding:22px}.recent-project-list{flex-direction:column;display:flex}.recent-project-list>a{color:var(--ink);border-top:1px solid #e7ebe9;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;text-decoration:none;display:grid}.project-icon{background:var(--green-soft);width:34px;height:34px;color:var(--green-dark);border-radius:9px;place-items:center;display:grid}.recent-project-list>a>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.recent-project-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.recent-project-list small{color:var(--muted);font-size:8px}.recent-project-list b{color:var(--green-dark);font-size:9px}.dashboard-empty{color:var(--muted);padding:26px 4px 10px}.dashboard-empty strong{color:var(--ink);font-size:12px}.dashboard-empty p{font-size:10px}.dashboard-empty a{color:var(--green-dark);font-size:10px;font-weight:900}.handbook-promo{color:#fff;background:linear-gradient(145deg,#10241f,#187358);flex-direction:column;text-decoration:none;display:flex}.handbook-promo p{color:#79e3bb;letter-spacing:.15em;margin:0;font-size:9px;font-weight:900}.handbook-promo h2{letter-spacing:-.04em;margin:14px 0 12px;font-size:27px;line-height:1.08}.handbook-promo span{color:#b6cac2;font-size:10px;line-height:1.55}.handbook-promo b{color:#fff;margin-top:auto;padding-top:30px;font-size:10px}.roadmap-strip{border:1px solid var(--line);background:#ffffff9e;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:48px;padding:18px 22px;display:flex}.roadmap-strip div{flex-direction:column;gap:4px;display:flex}.roadmap-strip small{color:var(--green);letter-spacing:.14em;font-size:7px;font-weight:900}.roadmap-strip i{color:#a1aaa7;font-style:normal}.calculator-nav{gap:4px;display:flex}.calculator-nav a{border:1px solid var(--line);min-height:36px;color:var(--muted);border-radius:9px;place-items:center;padding:9px 10px;font-size:9px;font-weight:800;text-decoration:none;display:grid}.site-footer{color:#fff;background:#17201f;border-top:1px solid #30403b;grid-template-columns:1fr minmax(260px,1.4fr) 1fr;align-items:center;gap:28px;min-height:118px;padding:26px clamp(20px,4vw,56px);display:grid}.site-footer>div{flex-direction:column;gap:5px;display:flex}.site-footer span,.site-footer p,.site-footer a{color:#9eada8;font-size:9px;line-height:1.5}.site-footer p{text-align:center;margin:0}.site-footer nav{justify-self:end;gap:14px;display:flex}.site-footer a{color:#c7d5d0;text-decoration:none}.handbook-heading{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1328px;margin:0 auto;padding:48px clamp(20px,4vw,56px) 24px;display:flex}.handbook-heading h1{letter-spacing:-.055em;margin:8px 0 0;font-size:42px}.handbook-heading>p{max-width:490px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.reference-shell{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:12px;max-width:1328px;margin:0 auto;padding:0 clamp(20px,4vw,56px) 52px;display:grid}.reference-controls{flex-direction:column;gap:10px;display:flex}.reference-card,.preset-panel,.reference-result-card,.reference-explanation{border:1px solid var(--line);background:#fffffff0;border-radius:16px;padding:18px;box-shadow:0 8px 26px #17201f0a}.reference-card-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.reference-card-head>span{background:var(--green-soft);width:28px;height:28px;color:var(--green-dark);border-radius:8px;place-items:center;font-size:10px;font-weight:900;display:grid}.reference-card-head small,.reference-card-head h2{margin:0}.reference-card-head small{color:var(--green);letter-spacing:.13em;font-size:7px;font-weight:900}.reference-card-head h2{margin-top:4px;font-size:15px}.reference-field-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.reference-field-grid label,.reference-wide-field{color:var(--muted);flex-direction:column;gap:5px;font-size:9px;display:flex}.reference-field-grid label>div,.reference-wide-field>div{position:relative}.reference-field-grid input,.reference-wide-field input{width:100%;color:var(--ink);padding-right:42px}.reference-field-grid b,.reference-wide-field b{color:#78847f;pointer-events:none;font-size:8px;position:absolute;top:13px;right:9px}.length-presets{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.length-presets>span{color:var(--muted);font-size:9px}.length-presets>div,.price-mode{background:#edf1ef;border-radius:9px;gap:3px;padding:3px;display:flex}.length-presets button,.price-mode button{min-height:31px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:800}.length-presets button.active,.price-mode button.active{color:var(--green-dark);background:#fff;box-shadow:0 2px 7px #17201f1a}.price-mode{grid-template-columns:1fr 1fr;margin-bottom:12px;display:grid}.reference-wide-field{margin-top:10px}.reference-note{color:var(--muted);background:#f1f4f2;border-radius:9px;margin:12px 0 0;padding:10px;font-size:8px;line-height:1.5}.reference-content{flex-direction:column;gap:10px;min-width:0;display:flex}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.preset-grid button{min-height:65px;color:var(--ink);text-align:left;background:#fafbfa;border:1px solid #dde3e0;border-radius:10px;flex-direction:column;gap:3px;padding:9px;display:flex}.preset-grid button.active{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px #16785c1f}.preset-grid small{color:var(--muted);font-size:7px}.preset-grid span{color:var(--green);font-size:7px;font-weight:800}.reference-result-card{padding:0;overflow:hidden}.result-primary{color:#fff;background:#17201f;padding:22px}.result-primary p{color:#72dfb6;letter-spacing:.15em;margin:0;font-size:8px;font-weight:900}.result-primary h2{letter-spacing:-.03em;margin:9px 0 5px;font-size:25px}.result-primary span{color:#afbeb9;font-size:9px}.reference-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.reference-metrics article{background:#fafbfa;border:1px solid #e2e7e4;border-radius:11px;flex-direction:column;gap:7px;min-height:100px;padding:13px;display:flex}.reference-metrics article.highlight{background:var(--green-soft);border-color:#b8ddce}.reference-metrics small{color:var(--muted);font-size:8px}.reference-metrics strong{font-size:17px}.reference-metrics span{color:#7d8884;margin-top:auto;font-size:7px;line-height:1.4}.reference-total{background:var(--green);color:#fff;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:5px 20px;margin:0 12px 12px;padding:16px;display:grid}.reference-total strong{grid-row:span 2;font-size:20px}.reference-total small{color:#c7f1e1;font-size:8px}.reference-explanation{align-items:flex-start;gap:12px;display:flex}.reference-explanation strong{color:#8a5b10;background:#fff1d8;border-radius:7px;padding:6px 9px;font-size:8px}.reference-explanation p{color:var(--muted);margin:2px 0 0;font-size:9px;line-height:1.55}@media (max-width:1080px){.portal-header{grid-template-columns:1fr auto}.portal-nav{grid-area:2/1/auto/-1;justify-self:center}.dashboard-hero{grid-template-columns:1.3fr .7fr}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.dashboard-hero{grid-template-columns:1fr;padding-top:42px}.tool-card-grid{grid-template-columns:1fr}.tool-card{min-height:205px}.dashboard-lower,.reference-shell{grid-template-columns:1fr}.site-footer{text-align:center;grid-template-columns:1fr;gap:14px}.site-footer>div{align-items:center}.site-footer nav{justify-self:center}.handbook-heading{flex-direction:column;align-items:flex-start}.calculator-nav{display:none}}@media (max-width:620px){.portal-header{grid-template-columns:1fr auto;gap:10px;position:static}.portal-brand small,.portal-account>span{display:none}.portal-nav{justify-content:stretch;justify-self:stretch;width:100%;overflow-x:auto}.portal-nav a{white-space:nowrap;flex:1;padding-inline:10px}.dashboard-hero-copy h1{font-size:42px}.dashboard-principles{padding:18px}.roadmap-strip{flex-direction:column;align-items:flex-start}.roadmap-strip i{transform:rotate(90deg)}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-metrics{grid-template-columns:1fr 1fr}.reference-total{grid-template-columns:1fr}.reference-total strong{grid-row:auto}.project-actions{flex-wrap:wrap}}.projects-heading{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1328px;margin:0 auto;padding:52px clamp(20px,4vw,56px) 24px;display:flex}.projects-heading h1{letter-spacing:-.055em;margin:8px 0;font-size:43px}.projects-heading>div>span{color:var(--muted);font-size:11px}.projects-grid{flex-direction:column;gap:10px;max-width:1328px;margin:0 auto;padding:0 clamp(20px,4vw,56px) 58px;display:flex}.project-list-card{border:1px solid var(--line);min-height:148px;color:var(--ink);background:#ffffffeb;border-radius:17px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;text-decoration:none;transition:all .16s;display:grid}.project-list-card:hover{border-color:#a7cebe;transform:translateY(-2px);box-shadow:0 14px 32px #17201f14}.project-list-mark{background:var(--green-soft);width:50px;height:50px;color:var(--green-dark);border-radius:14px;place-items:center;font-size:21px;display:grid}.project-list-body{min-width:0}.project-list-body small{color:var(--green);letter-spacing:.14em;font-size:7px;font-weight:900}.project-list-body h2{margin:5px 0 7px;font-size:20px}.project-list-body p{max-width:720px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;line-height:1.5;overflow:hidden}.project-list-tags{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.project-list-tags span{color:#54615d;background:#f0f4f2;border-radius:6px;padding:5px 7px;font-size:7px;font-weight:800}.project-list-meta{flex-direction:column;align-items:flex-end;gap:5px;min-width:145px;display:flex}.project-list-meta span{color:var(--muted);font-size:7px}.project-list-meta strong{font-size:9px}.project-list-meta b{color:var(--green-dark);margin-top:16px;font-size:9px}.projects-empty{text-align:center;background:#ffffff94;border:1px dashed #bfc9c5;border-radius:18px;padding:60px 24px}.projects-empty>span{background:var(--green-soft);width:56px;height:56px;color:var(--green-dark);border-radius:16px;place-items:center;margin:0 auto;font-size:22px;display:grid}.projects-empty h2{margin:17px 0 8px;font-size:20px}.projects-empty p{color:var(--muted);margin:0 0 20px;font-size:10px}.project-workspace{max-width:1328px;margin:0 auto;padding:20px clamp(20px,4vw,56px) 60px}.project-breadcrumbs{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.project-breadcrumbs a{color:var(--green-dark);font-size:9px;font-weight:900;text-decoration:none}.project-breadcrumbs span{color:var(--muted);font-size:8px}.project-passport{color:#fff;background:#17201f;border:1px solid #293d37;border-radius:21px;overflow:hidden;box-shadow:0 22px 48px #17201f24}.project-passport-heading{justify-content:space-between;align-items:flex-start;gap:28px;padding:28px 30px;display:flex}.project-passport-heading p,.project-passport-heading h1{margin:0}.project-passport-heading p{color:#72dfb6;letter-spacing:.15em;font-size:8px;font-weight:900}.project-passport-heading h1{letter-spacing:-.05em;margin-top:8px;font-size:38px}.project-passport-heading>div:first-child>span{color:#abb9b4;max-width:720px;margin-top:10px;font-size:10px;line-height:1.55;display:block}.project-passport-heading>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.project-passport-heading .portal-button:not(.primary){color:#dbe5e1;background:#202a28;border-color:#3c4c47}.project-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 18px 18px;display:grid}.project-profile-grid article{background:#202a28;border:1px solid #33433f;border-radius:11px;flex-direction:column;gap:8px;min-height:83px;padding:13px;display:flex}.project-profile-grid small{color:#81918b;text-transform:uppercase;letter-spacing:.08em;font-size:7px}.project-profile-grid strong{color:#ecf3f0;font-size:10px;line-height:1.4}.project-profile-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 18px 18px;display:grid}.project-profile-form label,.project-file-form label{color:#9fb0aa;flex-direction:column;gap:5px;min-width:0;font-size:8px;display:flex}.project-profile-form input,.project-profile-form textarea{color:#fff;background:#202a28;border-color:#41514c;width:100%}.project-profile-form textarea{resize:vertical;min-height:80px;font:inherit;border:1px solid #41514c;border-radius:9px;padding:10px}.project-description-field{grid-column:1/-1}.project-profile-form>button{justify-self:start}.project-notice{z-index:42;width:min(520px,100%);color:var(--green-dark);background:#eaf7f1;border:1px solid #a9d9c5;border-radius:10px;justify-content:space-between;align-items:center;margin:10px auto 0;padding:11px 12px;font-size:9px;font-weight:800;display:flex;position:sticky;top:82px;box-shadow:0 10px 24px #17201f1f}.project-notice button{color:inherit;background:0 0;border:0;font-size:18px}.project-section{border:1px solid var(--line);background:#ffffffe6;border-radius:18px;margin-top:14px;padding:22px;box-shadow:0 8px 26px #17201f0a}.project-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.project-section-grid article{background:#fafbfa;border:1px solid #e0e6e3;border-radius:13px;grid-template-columns:35px minmax(0,1fr);gap:10px;min-height:145px;padding:15px;display:grid}.project-section-grid article>span{color:#74807b;background:#edf1ef;border-radius:9px;place-items:center;width:33px;height:33px;font-size:8px;font-weight:900;display:grid}.project-section-grid article small{color:#8b9692;letter-spacing:.1em;font-size:7px;font-weight:900}.project-section-grid article h3{margin:6px 0;font-size:13px}.project-section-grid article p{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.project-section-grid article>a{color:var(--green-dark);grid-column:2;align-self:end;font-size:8px;font-weight:900;text-decoration:none}.project-section-grid article.ready{background:var(--green-soft);border-color:#acd6c5}.project-section-grid article.ready>span{background:var(--green);color:#fff}.project-section-grid article.ready small{color:var(--green)}.project-section-grid article.planned{background:#f4f5f3;border-style:dashed}.project-material-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.project-material-metrics article{background:#fafbfa;border:1px solid #e0e6e3;border-radius:12px;flex-direction:column;min-height:110px;padding:15px;display:flex}.project-material-metrics small{color:var(--green);letter-spacing:.1em;font-size:7px;font-weight:900}.project-material-metrics strong{letter-spacing:-.04em;margin-top:10px;font-size:22px}.project-material-metrics span{color:var(--muted);margin-top:auto;font-size:8px}.project-material-table{border:1px solid #e0e6e3;border-radius:12px;margin-top:9px;overflow:hidden}.project-material-table-head{background:#f1f4f2;justify-content:space-between;gap:15px;padding:12px 14px;display:flex}.project-material-table-head span{color:var(--muted);font-size:8px}.project-material-table>div:not(.project-material-table-head){border-top:1px solid #edf0ee;grid-template-columns:1fr 1fr 100px 100px;align-items:center;gap:10px;padding:11px 14px;display:grid}.project-material-table>div span{color:var(--muted);font-size:8px}.project-material-table>div strong{text-align:right;font-size:10px}.project-material-table>div em{color:var(--green-dark);text-align:right;font-size:9px;font-style:normal;font-weight:900}.project-material-table>p{color:var(--muted);margin:0;padding:18px 14px;font-size:9px}.project-material-note{color:#795516;background:#fff6e7;border-radius:9px;margin:10px 0 0;padding:10px 12px;font-size:8px;line-height:1.55}.project-files-section .portal-section-head>button{min-height:42px}.cloud-file-note{background:#edf5f2;border-radius:11px;flex-direction:column;gap:4px;padding:13px 15px;display:flex}.cloud-file-note strong{color:var(--green-dark);font-size:10px}.cloud-file-note span{color:var(--muted);font-size:8px;line-height:1.5}.project-file-form{background:#fafbfa;border:1px solid #dce5e1;border-radius:12px;grid-template-columns:190px minmax(0,1fr);gap:9px;margin-top:9px;padding:14px;display:grid}.project-file-form label{color:var(--muted)}.project-file-form input,.project-file-form select{width:100%}.project-file-form .wide{grid-column:1/-1}.project-file-form>button{justify-self:start}.project-file-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.project-file-groups>div>h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px;font-size:9px}.project-file-groups article{background:#fafbfa;border:1px solid #e1e6e3;border-radius:11px;grid-template-columns:30px minmax(0,1fr) 24px;align-items:start;gap:9px;min-height:72px;margin-top:6px;padding:11px;display:grid}.project-file-icon{background:var(--green-soft);width:28px;height:28px;color:var(--green-dark);border-radius:8px;place-items:center;font-size:11px;display:grid}.project-file-groups article>div{min-width:0}.project-file-groups a{color:var(--green-dark);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;text-decoration:none;display:block;overflow:hidden}.project-file-groups p{color:var(--muted);margin:4px 0;font-size:8px;line-height:1.4}.project-file-groups small{color:#89938f;font-size:7px}.project-file-groups article>button{color:#984637;background:#f3e8e5;border:0;border-radius:6px;width:24px;height:24px;font-size:16px}.project-files-empty{text-align:center;border:1px dashed #c6cfcb;border-radius:12px;margin-top:12px;padding:30px}.project-files-empty p{color:var(--muted);margin:7px 0 0;font-size:9px}@media (max-width:980px){.project-profile-grid,.project-profile-form,.project-material-metrics,.project-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.projects-heading,.project-passport-heading{flex-direction:column;align-items:stretch}.project-passport-heading>div:last-child{justify-content:flex-start}.project-list-card{grid-template-columns:44px minmax(0,1fr)}.project-list-mark{width:42px;height:42px}.project-list-meta{grid-column:2;align-items:flex-start}.project-list-meta b{margin-top:4px}.project-section-grid,.project-file-groups{grid-template-columns:1fr}}@media (max-width:520px){.projects-heading h1,.project-passport-heading h1{font-size:31px}.project-profile-grid,.project-profile-form,.project-material-metrics,.project-file-form{grid-template-columns:1fr}.project-file-form .wide{grid-column:auto}.project-material-table-head{flex-direction:column}.project-material-table>div:not(.project-material-table-head){grid-template-columns:1fr auto}.project-material-table>div span{grid-column:1}.project-material-table>div strong{grid-area:1/2}.project-material-table>div em{grid-area:2/2}}body{font-size:16px;line-height:1.45}input,select,textarea,.button,.portal-button,.brand p,.project-name,.storage-note,.empty-note,.storage-status{font-size:13px}.portal-brand strong{font-size:20px}.portal-brand small{font-size:11px}.portal-nav a{min-height:40px;font-size:13px}.portal-account>span strong{font-size:12px}.portal-account>span small{font-size:10px}.portal-account a,.portal-account button,.calculator-nav a{min-height:40px;font-size:12px}.portal-kicker{font-size:12px}.dashboard-hero-copy>p:last-of-type{font-size:16px}.dashboard-principles>span{font-size:11px}.dashboard-principles strong{font-size:15px}.dashboard-principles p{font-size:13px}.portal-section-head p{font-size:11px}.portal-section-head>a,.portal-section-head>span{font-size:12px}.tool-card small{font-size:10px}.tool-card h3{font-size:21px}.tool-card p{font-size:13px;line-height:1.6}.tool-card b{font-size:12px}.recent-project-list strong{font-size:14px}.recent-project-list small{font-size:11px}.recent-project-list b{font-size:12px}.dashboard-empty strong{font-size:14px}.dashboard-empty p,.dashboard-empty a{font-size:12px}.handbook-promo p{font-size:11px}.handbook-promo span{font-size:13px}.handbook-promo b{font-size:12px}.roadmap-strip small{font-size:10px}.roadmap-strip strong{font-size:13px}.site-footer strong{font-size:15px}.site-footer span,.site-footer p,.site-footer a{font-size:12px}.workspace-grid{grid-template-columns:390px minmax(0,1fr)}.section-heading p,.eyebrow{font-size:11px}.section-heading h2{font-size:20px}.intro-block>p:last-child{font-size:14px}.constructor-crowns small{font-size:11px}.block-title h3{font-size:16px}.block-title>span,.field{font-size:13px}.unit-input b{font-size:11px}.hint{font-size:13px;line-height:1.5}.segmented button{font-size:13px}.editor-mode-switch button,.mode-explanation{font-size:12px}.toggle-row strong{font-size:14px}.toggle-row small,.drawing-actions .button{font-size:12px}.history-actions .button,.drawing-shortcuts{font-size:11px}.nominal-length span{font-size:13px}.end-editor h4{font-size:14px}.end-row>span,.end-row b{font-size:11px}.end-row select,.end-row input{font-size:12px}.canvas-head h2{font-size:17px}.canvas-tools button{font-size:12px}.canvas-crown{font-size:11px}.editor-toolbar button{min-height:34px;font-size:11px}.snap-menu-head strong{font-size:14px}.snap-menu>p,.snap-options span{font-size:11px}.snap-menu>small{font-size:10px}.drawing-tip{font-size:12px;line-height:1.45}.length-entry-badge span,.move-entry-badge span{font-size:11px}.length-entry-badge small,.move-entry-badge small{font-size:10px}.hover-card strong{font-size:13px}.hover-card span,.legend{font-size:11px}.dimension-tag text{font-size:14px}.piece-code-tag text{font-size:11px}.user-dimension .dimension-value text{font-size:13px}.snap-marker .snap-label text{font-size:11px}.summary-grid p{font-size:12px}.summary-grid small{font-size:11px}.results-head>div>p:last-child{font-size:14px}.card-title p{font-size:11px}.card-title h3{font-size:20px}.card-title select,.cut-name strong{font-size:13px}.cut-name span,.cut-bars b{font-size:11px}.cut-bars small,.end-summary{font-size:10px}.piece-end-editor{font-size:13px}.piece-end-options button,.feature-position button,.feature-position-label{font-size:11px}.feature-settings>small,.duplicate-wall small{font-size:10px}.purchase-row strong{font-size:14px}.purchase-row span{font-size:11px}.purchase-total span,.warning{font-size:12px}.cutting-map-count{font-size:13px}.stock-bar-head strong{font-size:15px}.stock-bar-head span{font-size:11px}.stock-bar-head>b{font-size:10px}.stock-piece b,.stock-piece-list b,.stock-piece-list span{font-size:11px}.stock-piece small,.stock-remainder small,.stock-piece-list small{font-size:10px}.fc-room-tabs button span{font-size:13px}.fc-room-tabs button small{font-size:11px}.fc-room-tabs .fc-add-room,.fc-room-actions button{font-size:12px}.fc-heading>div>p:last-child{font-size:14px}.fc-heading>label,.fc-surface-tabs button>span{font-size:12px}.fc-surface-tabs small{font-size:11px}.fc-result-strip article small{font-size:10px}.fc-result-strip article span{font-size:11px}.fc-main-grid{grid-template-columns:380px minmax(0,1fr)}.fc-field{font-size:12px}.fc-field b{font-size:10px}.fc-layout-switch button,.fc-gap-list>span{font-size:11px}.fc-gap-list b,.fc-card-head p{font-size:10px}.fc-card-head h3{font-size:19px}.fc-card-head>span{font-size:11px}.fc-beam-index{font-size:10px}.fc-dimension-text{font-size:13px}.fc-plan-legend{font-size:10px}.fc-layer-number{font-size:11px}.fc-layer-body>label strong{font-size:13px}.fc-layer-body>label small,.fc-layer-fields .fc-field input{font-size:11px}.fc-layer-result small{font-size:9px}.fc-layer-result strong{font-size:12px}.fc-layer-result span,.fc-summary-grid small,.fc-summary-grid span{font-size:10px}.handbook-heading>p{font-size:14px}.reference-shell{grid-template-columns:360px minmax(0,1fr)}.reference-card-head small{font-size:10px}.reference-card-head h2{font-size:17px}.reference-field-grid label,.reference-wide-field{font-size:12px}.reference-field-grid b,.reference-wide-field b{font-size:10px}.length-presets>span{font-size:12px}.length-presets button,.price-mode button,.reference-note{font-size:11px}.preset-grid small,.preset-grid span{font-size:10px}.preset-grid strong{font-size:13px}.result-primary p{font-size:10px}.result-primary span{font-size:12px}.reference-metrics small{font-size:11px}.reference-metrics span{font-size:10px}.reference-total span{font-size:12px}.reference-total small{font-size:11px}.reference-explanation strong{font-size:10px}.reference-explanation p{font-size:12px}.projects-heading>div>span{font-size:14px}.project-list-body small{font-size:10px}.project-list-body h2{font-size:22px}.project-list-body p{font-size:12px}.project-list-tags span,.project-list-meta span{font-size:10px}.project-list-meta strong,.project-list-meta b{font-size:12px}.projects-empty p{font-size:13px}.project-breadcrumbs a{font-size:12px}.project-breadcrumbs span{font-size:11px}.project-passport-heading p{font-size:10px}.project-passport-heading>div:first-child>span{font-size:13px}.project-profile-grid small{font-size:10px}.project-profile-grid strong{font-size:13px}.project-profile-form label,.project-file-form label{font-size:11px}.project-notice{font-size:12px}.project-section-grid article small{font-size:10px}.project-section-grid article h3{font-size:15px}.project-section-grid article p,.project-section-grid article>a{font-size:11px}.project-material-metrics small{font-size:10px}.project-material-metrics span{font-size:11px}.project-material-table-head strong{font-size:13px}.project-material-table-head span{font-size:11px}.project-material-table>div b{font-size:12px}.project-material-table>div span{font-size:11px}.project-material-table>div strong,.project-material-table>div em,.project-material-table>p{font-size:12px}.project-material-note{font-size:11px}.cloud-file-note strong{font-size:13px}.cloud-file-note span,.project-file-groups>div>h3{font-size:11px}.project-file-groups a{font-size:13px}.project-file-groups p{font-size:11px}.project-file-groups small{font-size:10px}.project-files-empty strong{font-size:14px}.project-files-empty p,.auth-error{font-size:12px}.admin-topbar p{font-size:11px}.admin-topbar span,.admin-topbar a{font-size:12px}.admin-card-head p{font-size:10px}.invite-card label{font-size:11px}.invite-result span{font-size:10px}.invite-result strong,.invite-result button{font-size:11px}.admin-table article>div:nth-child(2) strong{font-size:12px}.admin-table article>div:nth-child(2) span{font-size:10px}.admin-table small{font-size:9px}.admin-table b,.admin-table span{font-size:11px}.access-status,.admin-table article>button,.invite-list button{font-size:10px}.invite-list strong{font-size:11px}.invite-list span,.invite-list>article>b{font-size:9px}@media (max-width:1080px){.workspace-grid{grid-template-columns:350px minmax(0,1fr)}.fc-main-grid{grid-template-columns:340px minmax(0,1fr)}}@media (max-width:820px){.workspace-grid,.fc-main-grid,.reference-shell{grid-template-columns:1fr}}@media (max-width:560px){.portal-nav a{font-size:12px}.tool-card p,.dashboard-principles p{font-size:13px}.canvas-head h2{font-size:15px}}.calculation-workflow{z-index:24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #d8dfdb;border-radius:15px;grid-template-columns:minmax(440px,1fr) minmax(260px,.65fr) auto;align-items:center;gap:14px;max-width:calc(1500px - clamp(36px,8vw,112px));min-height:72px;margin:12px auto 0;padding:10px 12px;display:grid;position:sticky;top:82px;box-shadow:0 12px 34px #1828231a}.workflow-steps{align-items:center;min-width:0;display:flex}.workflow-steps>i{color:#aab4b0;font-size:14px;font-style:normal}.workflow-steps button{color:#75817c;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;min-width:0;min-height:40px;padding:5px 8px;font-size:12px;display:flex}.workflow-steps button:hover{color:var(--ink);background:#f1f5f2}.workflow-steps button>span{border:1px solid #ccd5d1;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:11px;font-weight:900;display:grid}.workflow-steps button.complete{color:var(--green-dark)}.workflow-steps button.complete>span{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.calculation-status{align-items:center;gap:9px;min-width:0;display:flex}.calculation-status .status-dot{background:#d39a28;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #fff2d7}.calculation-workflow.ready .status-dot{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.calculation-workflow.warning .status-dot{background:#d76838;box-shadow:0 0 0 4px #ffede5}.calculation-workflow.running .status-dot{background:#3985b5;box-shadow:0 0 0 4px #e2f2fb}.calculation-status div{flex-direction:column;gap:2px;min-width:0;display:flex}.calculation-status strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.calculation-status small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.calculate-main-button{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:9px 18px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 7px 18px #16785c33}.calculate-main-button:hover{background:var(--green-dark)}.calculate-spinner{border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite calculate-spin}@keyframes calculate-spin{to{transform:rotate(360deg)}}.workspace-grid.controls-collapsed{grid-template-columns:minmax(0,1fr)}.workspace-grid.controls-collapsed .control-panel{display:none}.canvas-tools .controls-toggle{color:var(--green-dark);background:var(--green-soft);border-color:#bddbce}.summary-grid.calculation-stale article{background-image:linear-gradient(#fff3,#fff3);border-style:dashed}.summary-grid.calculation-stale article:not(.accent){color:#727c78;background-color:#f5f7f5}.results-section.calculation-stale .results-head{border-left:4px solid #d39a28;padding-left:14px}.results-section.calculation-stale .results-head>div>p:last-child{color:#8d6315;font-weight:700}.result-tabs{border:1px solid var(--line);background:#eef2ef;border-radius:12px;gap:5px;margin-bottom:12px;padding:5px;display:flex;overflow-x:auto}.result-tabs button{color:#65716d;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-flex}.result-tabs button:hover{color:var(--ink);background:#ffffffa6}.result-tabs button.active{color:var(--green-dark);background:#fff;border-color:#cddbd5;box-shadow:0 3px 10px #172c2512}.result-tabs button b{color:#54615c;background:#dde6e2;border-radius:9px;min-width:22px;padding:2px 6px;font-size:10px}.result-tabs button.active b{background:var(--green-soft);color:var(--green-dark)}.result-tab-panel{grid-template-columns:minmax(0,1fr)}.result-card.is-hidden{display:none}.fc-calculate-bar{background:#fff;border:1px solid #d7dfdb;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:12px 0 14px;padding:12px 14px;display:grid;box-shadow:0 7px 22px #1728220d}.fc-calculate-bar>.status-dot{background:#d39a28;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #fff2d7}.fc-calculate-bar.ready>.status-dot{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.fc-calculate-bar.running>.status-dot{background:#3985b5;box-shadow:0 0 0 4px #e2f2fb}.fc-calculate-bar>div{flex-direction:column;gap:2px;min-width:0;display:flex}.fc-calculate-bar strong{color:var(--ink);font-size:13px}.fc-calculate-bar small{color:var(--muted);font-size:11px}.fc-calculate-bar>button{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:12px;font-weight:900;display:inline-flex}.fc-summary.calculation-stale{background:#f7f8f7;border-style:dashed}.fc-summary.calculation-stale .fc-card-head>span{color:#8d6315}@media (max-width:1120px){.calculation-workflow{grid-template-columns:1fr auto}.calculation-status{grid-area:2/1}.calculate-main-button{grid-area:1/2/span 2}}@media (max-width:820px){.calculation-workflow{grid-template-columns:1fr auto;margin-inline:18px;top:0}.workflow-steps>i,.workflow-steps button b,.calculation-status small{display:none}}@media (max-width:560px){.calculation-workflow{grid-template-columns:1fr;position:relative;top:auto}.calculate-main-button,.calculation-status{grid-area:auto/1}.workflow-steps{justify-content:space-between}.workflow-steps button{padding-inline:4px}.result-tabs{margin-inline:-4px}.fc-calculate-bar{grid-template-columns:auto minmax(0,1fr)}.fc-calculate-bar>button{grid-column:1/-1}}.roof-shell{max-width:1500px;margin:0 auto;padding:14px clamp(18px,4vw,56px) 72px}.roof-heading{justify-content:space-between;align-items:end;gap:28px;padding:18px 3px;display:flex}.roof-heading h2{color:var(--ink);letter-spacing:-.04em;margin:5px 0 6px;font-size:30px}.roof-heading>div>p:last-child{max-width:760px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.roof-stage{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;gap:4px;min-width:265px;padding:14px 16px;display:flex}.roof-stage span{color:var(--green);letter-spacing:.12em;font-size:9px;font-weight:900}.roof-stage b{color:var(--ink);font-size:14px}.roof-stage small{color:var(--muted);font-size:10px}.roof-calculate-bar{background:#fff;border:1px solid #d7dfdb;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:grid;box-shadow:0 7px 22px #1728220d}.roof-calculate-bar .status-dot{background:#d39a28;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #fff2d7}.roof-calculate-bar.ready .status-dot{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.roof-calculate-bar.running .status-dot{background:#3985b5;box-shadow:0 0 0 4px #e2f2fb}.roof-calculate-bar>div{flex-direction:column;gap:2px;min-width:0;display:flex}.roof-calculate-bar strong{color:var(--ink);font-size:14px}.roof-calculate-bar small{color:var(--muted);font-size:11px}.roof-calculate-bar button{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:10px;min-height:44px;padding:9px 17px;font-size:13px;font-weight:900}.roof-calculate-bar button:disabled{opacity:.65}.roof-result-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.roof-result-strip article{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;min-height:112px;padding:15px;transition:opacity .15s;display:flex}.roof-result-strip.stale article{opacity:.62;border-style:dashed}.roof-result-strip small{color:var(--muted);letter-spacing:.11em;font-size:9px;font-weight:900}.roof-result-strip strong{color:var(--ink);letter-spacing:-.035em;margin-top:10px;font-size:21px}.roof-result-strip span{color:var(--muted);margin-top:auto;font-size:10px}.roof-result-strip .accent{background:linear-gradient(145deg,#e8f7f0,#fff);border-color:#98d4bc}.roof-result-strip .accent strong{color:var(--green-dark)}.roof-result-strip .warning{background:#fff4ef;border-color:#e0aa9c}.roof-result-strip .warning strong{color:#a34531}.roof-main-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:10px;margin-top:10px;display:grid}.roof-controls,.roof-content{flex-direction:column;gap:10px;min-width:0;display:flex}.roof-control-card,.roof-card,.roof-detail{border:1px solid var(--line);background:#fffffff7;border-radius:15px;padding:17px;box-shadow:0 8px 26px #17201f0a}.roof-control-title{align-items:center;gap:9px;margin-bottom:12px;display:flex}.roof-control-title>span{background:var(--green-soft);width:27px;height:27px;color:var(--green-dark);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.roof-control-title h3{color:var(--ink);margin:0;font-size:15px}.roof-form-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.roof-form-grid+.roof-form-grid,.roof-form-grid+.roof-field,.roof-field+.roof-form-grid{margin-top:8px}.roof-field{min-width:0;color:var(--muted);flex-direction:column;gap:6px;font-size:10px;line-height:1.3;display:flex}.roof-field>div{position:relative}.roof-field input{width:100%;min-height:40px;color:var(--ink);padding-right:44px;font-size:13px}.roof-field b{color:#7b8782;pointer-events:none;font-size:9px;position:absolute;top:14px;right:10px}.roof-auto-value{background:#eef9f4;border:1px solid #b8dfcf;border-radius:8px;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:9px 11px;display:flex}.roof-auto-value span{color:var(--green-dark);font-size:9px;font-weight:850;line-height:1.25}.roof-auto-value strong{color:var(--ink);font-size:16px}.roof-auto-value small{color:var(--muted);font-size:9px}.roof-auto-value.compact{min-height:64px}.roof-select{color:var(--muted);flex-direction:column;gap:6px;margin-top:9px;font-size:10px;display:flex}.roof-select select{border:1px solid var(--line);min-height:40px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:8px 10px;font-size:12px}.roof-switch{background:#edf2ef;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;margin:10px 0;padding:3px;display:grid}.roof-switch button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:6px;font-size:10px;font-weight:850}.roof-switch button.active{color:var(--green-dark);background:#fff;box-shadow:0 2px 8px #17201f1a}.roof-switch.three{grid-template-columns:repeat(3,minmax(0,1fr))}.roof-switch.three button{padding-inline:4px}.roof-auto-value.gable-overlap{margin-top:10px}.roof-hint{color:var(--muted);background:#f2f6f4;border-radius:9px;margin:11px 0 0;padding:10px;font-size:10px;line-height:1.5}.roof-check-option{cursor:pointer;background:#eef9f4;border:1px solid #b8dfcf;border-radius:9px;align-items:center;gap:9px;margin-bottom:10px;padding:10px 11px;display:flex}.roof-check-option input{width:17px;height:17px;accent-color:var(--green)}.roof-check-option span{flex-direction:column;gap:2px;display:flex}.roof-check-option b{color:var(--green-dark);font-size:11px}.roof-check-option small{color:var(--muted);font-size:9px}.roof-card-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.roof-card-head p,.roof-card-head h3{margin:0}.roof-card-head p{color:var(--green);letter-spacing:.12em;font-size:9px;font-weight:900}.roof-card-head h3{color:var(--ink);margin-top:4px;font-size:18px}.roof-card-head>span{color:var(--muted);text-align:right;font-size:10px}.roof-diagram-wrap{background:#111b19;border:1px solid #2d3b37;border-radius:12px;overflow:hidden}.roof-section-svg,.roof-plan-svg,.roof-rafter-svg{width:100%;min-height:460px;display:block}.roof-ground{fill:none;stroke:#4c5d57;stroke-width:2px}.roof-wall{fill:none;stroke:#c7d0cd;stroke-width:13px;stroke-linejoin:round}.roof-rafter{fill:none;stroke:#efae5f;stroke-width:12px;stroke-linecap:square;stroke-linejoin:round}.roof-node{fill:#78dcb7;stroke:#eafff7;stroke-width:2px}.roof-dimension{fill:none;stroke:#78dcb7;stroke-width:1.5px}.roof-dimension.orange{stroke:#efae5f}.roof-extension{fill:none;stroke:#a8b8b2;stroke-width:1.25px;stroke-dasharray:4 3}.roof-label-leader{fill:none;stroke:#78dcb7;stroke-width:1.25px;stroke-dasharray:3 3}.roof-label-leader.orange{stroke:#efae5f}.roof-dimension-label-bg{fill:#111b19;stroke:#354842;stroke-width:1px;opacity:.96}.roof-angle{fill:none;stroke:#78dcb7;stroke-width:2.2px}.roof-bearing{fill:none;stroke:#f7f9f8;stroke-width:4px}.roof-label{fill:#f0f7f4;text-anchor:middle;paint-order:stroke;stroke:#111b19;stroke-width:5px;stroke-linejoin:round;font-size:17px;font-weight:850}.roof-label.large{font-size:19px}.roof-label.green{fill:#78dcb7;text-anchor:start}.roof-label.orange{fill:#efae5f}.roof-label.note{fill:#9fe5cb;text-anchor:middle;font-size:14px}.roof-plan-house{fill:#20332e;stroke:#bac8c3;stroke-width:2px}.roof-ridge-plan{fill:none;stroke:#efae5f;stroke-width:4px;stroke-dasharray:11 7}.roof-pair-line{fill:none;stroke:#78dcb7;stroke-width:4px}.roof-pair-index{fill:#f0f7f4;text-anchor:middle;paint-order:stroke;stroke:#111b19;stroke-width:4px;font-size:14px;font-weight:900}.roof-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.roof-detail{flex-direction:column;gap:8px;min-height:135px;display:flex}.roof-detail small{color:var(--green);letter-spacing:.1em;font-size:9px;font-weight:900}.roof-detail strong{color:var(--ink);font-size:17px;line-height:1.35}.roof-detail p{color:var(--muted);margin:auto 0 0;font-size:11px;line-height:1.5}.roof-detail.important{background:#fffaf0;border-color:#e4c996}.roof-detail.important small{color:#a36d15}.roof-result-strip-five{grid-template-columns:repeat(5,minmax(0,1fr))}.roof-fixed-note{background:#eef9f4;border:1px solid #b8dfcf}.roof-fixed-note b{color:var(--green-dark)}.roof-drawing-card{padding-bottom:20px}.roof-technical-svg{background-image:linear-gradient(#78dcb709 1px,#0000 1px),linear-gradient(90deg,#78dcb709 1px,#0000 1px);background-size:20px 20px}.roof-grid-line{fill:none;stroke:#52655f;stroke-width:2px}.roof-wall-solid{fill:#d7dfdc;stroke:#f4f8f6;stroke-width:2px}.roof-house-section{fill:#263833;stroke:#d7dfdc;stroke-width:3px}.roof-wall-edge{fill:none;stroke:#f4f8f6;stroke-width:3px}.roof-ridge-beam{fill:#74bfa5;stroke:#dff8ee;stroke-width:2px}.roof-board-shape{fill:#e7a557;stroke:#ffd49e;stroke-width:2.5px;stroke-linejoin:round}.roof-cut-line{fill:none;stroke:#fff3df;stroke-width:2.5px}.roof-support-top{fill:none;stroke:#d7dfdc;stroke-width:8px}.roof-support-side{fill:none;stroke:#8fa09a;stroke-width:3px}.roof-label.dimension-text{font-size:17px}.roof-label.tag{fill:#f1f7f4;font-size:16px}.roof-outline{fill:#e7a55729;stroke:#e7a557;stroke-width:3px}.roof-rafter-plan{fill:#7bd9b8;stroke:#dff8ee;stroke-width:.8px}.roof-rafter-plan.extreme{fill:#f0aa58;stroke:#fff0d7;stroke-width:1.4px}.roof-rafter-plan.gable{fill:#ff8e46;stroke:#fff0d7;stroke-width:1.5px}.roof-gable-zone{fill:#f0aa582e;stroke:none}.roof-gable-note{fill:#ffd49e;text-anchor:middle;paint-order:stroke;stroke:#111b19;stroke-width:4px;font-size:11px;font-weight:850}.roof-chain-line,.roof-chain-tick{fill:none;stroke:#78dcb7;stroke-width:1.2px}.roof-chain-label{fill:#f0f7f4;paint-order:stroke;stroke:#111b19;stroke-width:4px;font-size:14px;font-weight:850}.roof-plan-scale{fill:#b7c6c1;font-size:13px;font-weight:800}.roof-svg-badge rect{fill:#111b19f7;stroke:#435851;stroke-width:1px}.roof-svg-badge text{fill:#f0f7f4;text-anchor:middle;paint-order:stroke;stroke:#111b19;stroke-width:4px;stroke-linejoin:round;font-size:15px;font-weight:850}.roof-svg-badge.green rect{stroke:#4f8e78}.roof-svg-badge.green text{fill:#a4ead0}.roof-svg-badge.muted rect{fill:#111b19e6;stroke:#354842}.roof-svg-badge.muted text{fill:#b7c6c1;font-size:13px}.roof-check-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.roof-check{border:1px solid var(--line);background:#f8faf9;border-radius:12px;padding:14px}.roof-check>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.roof-check strong{color:var(--ink);font-size:13px}.roof-check>div:first-child b{color:var(--green-dark);letter-spacing:.08em;font-size:9px}.roof-check.fail>div:first-child b{color:#a34531}.roof-check p{min-height:32px;color:var(--muted);margin:8px 0;font-size:10px;line-height:1.5}.roof-check-track{background:#e1e8e5;border-radius:99px;height:7px;overflow:hidden}.roof-check-track i{border-radius:inherit;background:var(--green);height:100%;display:block}.roof-check.fail .roof-check-track i{background:#d76a4f}.roof-check small{color:var(--muted);text-align:right;margin-top:6px;font-size:9px;display:block}.roof-formula-line{color:var(--muted);background:#eef4f1;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;padding:12px;font-size:10px;display:grid}.roof-formula-line b{color:var(--ink);margin-top:4px;font-size:13px;display:block}.roof-warning-list{background:#fff4ef;border:1px solid #e0aa9c;border-radius:12px;flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.roof-warning-list span{color:#8e402e;font-size:11px;font-weight:750}.roof-lathing-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.roof-lathing-summary article{background:linear-gradient(145deg,#eef9f4,#fff);border:1px solid #b8dfcf;border-radius:12px;flex-direction:column;gap:5px;min-height:92px;padding:13px 14px;display:flex}.roof-lathing-summary.stale{opacity:.62}.roof-lathing-summary small{color:var(--green);letter-spacing:.1em;font-size:9px;font-weight:900}.roof-lathing-summary strong{color:var(--ink);font-size:16px;line-height:1.25}.roof-lathing-summary span{color:var(--muted);margin-top:auto;font-size:9px;line-height:1.35}.roof-lathing-svg{width:100%;min-height:520px;display:block}.roof-gable-svg{width:100%;min-height:470px;display:block}.roof-gable-wall{fill:#263833;stroke:#d7dfdc;stroke-width:2px}.roof-gable-board{fill:#e7a557;stroke:#fff0d7;stroke-width:1.15px;stroke-linejoin:round}.roof-gable-board.board-1{fill:#efb86f}.roof-gable-board.board-2{fill:#d8954b}.roof-gable-outline{fill:none;stroke:#f4f8f6;stroke-width:3px;stroke-linejoin:round}.roof-gable-center{fill:none;stroke:#78dcb7;stroke-width:1.3px;stroke-dasharray:6 5}.roof-gable-joint line{stroke:#10211d;stroke-width:3px;stroke-dasharray:4 2}.roof-gable-joint circle{fill:#fff7e9;stroke:#10211d;stroke-width:1.5px}.roof-gable-joint text{fill:#10211d;text-anchor:middle;font-size:8px;font-weight:950}.roof-gable-joint-list{background:#f7faf8;border:1px solid #d8e1dd;border-radius:10px;grid-template-columns:minmax(210px,.65fr) 1.35fr;gap:16px;margin:-8px 14px 14px;padding:12px 14px;display:grid}.roof-gable-joint-list>div{flex-direction:column;gap:4px;display:flex}.roof-gable-joint-list strong{color:var(--ink);font-size:12px}.roof-gable-joint-list>div span{color:var(--muted);font-size:9px;line-height:1.4}.roof-gable-joint-list ol{gap:5px;margin:0;padding-left:20px;display:grid}.roof-gable-joint-list li{color:var(--ink);padding-left:2px;font-size:10px}.roof-gable-joint-list li span{min-width:145px;display:inline-block}.roof-gable-joint-list li b{color:#a85f12;font-size:10px}.roof-plan-house.lathing-house{fill:#20332e6b;stroke-dasharray:7 5}.roof-lathing-support{fill:#40544e;opacity:.95}.roof-lathing-support.gable{fill:#9c6639}.roof-lathing-piece{fill:#7bd9b8;stroke:#dff8ee;stroke-width:.65px}.roof-lathing-piece.segment-1{fill:#e7a557}.roof-lathing-piece.segment-2{fill:#63b6d0}.roof-lathing-piece.kind-ridge-inner{fill:#f0bc72;stroke:#fff0d7;stroke-width:1.15px}.roof-lathing-piece.kind-ridge-edge{fill:#ff8e46;stroke:#fff6e8;stroke-width:1.35px}.roof-lathing-joint{fill:#ff744f;stroke:#fff3df;stroke-width:1.5px}.roof-lathing-row-label{fill:#eff8f4;text-anchor:middle;paint-order:stroke;stroke:#111b19;stroke-width:4px;font-size:12px;font-weight:900}.roof-cutting-block{border:1px solid var(--line);background:#f6f9f7;border-radius:12px;margin-top:12px;padding:14px}.roof-cutting-head{grid-template-columns:minmax(180px,.7fr) 1.3fr;align-items:start;gap:18px;display:grid}.roof-cutting-head>div{flex-direction:column;gap:5px;display:flex}.roof-cutting-head small{color:var(--green);letter-spacing:.1em;font-size:9px;font-weight:900}.roof-cutting-head strong{color:var(--ink);font-size:17px}.roof-cutting-head p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.roof-cutting-patterns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.roof-cutting-patterns article{background:#fff;border:1px solid #dbe4e0;border-radius:9px;padding:10px}.roof-cutting-patterns article>div:first-child{color:var(--ink);justify-content:space-between;gap:10px;font-size:10px;display:flex}.roof-cutting-patterns article>div:first-child span{color:var(--green-dark);font-weight:900}.roof-stock-bar{background:#e4e9e7;border:1px solid #bcc9c4;border-radius:6px;height:30px;margin:8px 0 6px;display:flex;overflow:hidden}.roof-stock-bar i{background:#62c8a2;border-right:1px solid #ffffffb3;place-items:center;min-width:0;font-style:normal;display:grid;overflow:hidden}.roof-stock-bar i.piece-1{background:#e7a557}.roof-stock-bar i.piece-2{background:#63b6d0}.roof-stock-bar i.waste{color:#6f7c77;background:#d9dfdc}.roof-stock-bar em{white-space:nowrap;font-size:8px;font-style:normal;font-weight:900}.roof-cutting-patterns article>small{color:var(--muted);font-size:9px;line-height:1.35}@media (max-width:1180px){.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-main-grid{grid-template-columns:320px minmax(0,1fr)}.roof-detail-grid{grid-template-columns:1fr}.roof-result-strip-five{grid-template-columns:repeat(3,minmax(0,1fr))}.roof-lathing-summary{grid-template-columns:1fr 1fr}}@media (max-width:860px){.mode-tabs{grid-template-columns:1fr}.roof-heading{flex-direction:column;align-items:stretch}.roof-stage{min-width:0}.roof-result-strip{grid-template-columns:1fr 1fr}.roof-main-grid{grid-template-columns:1fr}.roof-section-svg,.roof-plan-svg,.roof-rafter-svg,.roof-lathing-svg,.roof-gable-svg{min-height:340px}.roof-check-grid,.roof-formula-line,.roof-gable-joint-list{grid-template-columns:1fr}}@media (max-width:560px){.roof-shell{padding-inline:12px}.roof-heading h2{font-size:25px}.roof-calculate-bar{grid-template-columns:auto minmax(0,1fr)}.roof-calculate-bar button{grid-column:1/-1}.roof-result-strip,.roof-form-grid{grid-template-columns:1fr}.roof-card{padding:11px}.roof-card-head{flex-direction:column;align-items:flex-start}.roof-section-svg,.roof-plan-svg,.roof-rafter-svg{min-width:760px}.roof-diagram-wrap{overflow-x:auto}.roof-result-strip-five,.roof-lathing-summary,.roof-cutting-patterns,.roof-cutting-head{grid-template-columns:1fr}.roof-lathing-svg,.roof-gable-svg{min-width:760px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}