:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172e29;background:#f3f5f1;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172e29;--dark: #153f39;--green: #176450;--soft: #e4f2e7;--muted: #4c6259;--line: #dbe4dc;--white: #fff;--radius: 16px}*{box-sizing:border-box}body{margin:0;min-width:300px}button,input,select{font:inherit}button,select,summary,input[type=checkbox],input[type=color]{cursor:pointer}button,input,select,label{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}:focus-visible{outline:3px solid #378d76;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.04;letter-spacing:-.055em}h2{font-size:1.22rem;line-height:1.15;letter-spacing:-.024em}h3{font-size:1rem}small{font-size:.78rem}p{line-height:1.48}svg{flex-shrink:0}.topbar{background:var(--dark);color:#fff}.topbar-inner{max-width:1360px;min-height:73px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:11px;align-items:center;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#bce3a4;color:#1a4439}.brand strong{display:block;font-size:1.15rem;line-height:1.1;letter-spacing:-.03em}.brand small{color:#c4ddd0;display:block;font-size:.59rem;font-weight:750;letter-spacing:.13em;margin-top:4px}.navigation{display:flex;gap:3px}.navigation button{border:0;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;color:#dfede7;border-radius:8px;background:transparent;font-size:.84rem;font-weight:650}.navigation button[aria-current=page]{background:#dbeed9;color:#123d32}.navigation button:hover:not([aria-current]){background:#285a50}.topbar :focus-visible{outline-color:#bce3a4}.local-status{display:flex;gap:7px;align-items:center;font-size:.78rem;color:#dfede7;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#bce3a4}.status-dot.pending{background:#f8c37c}.shell{max-width:1360px;margin:auto;padding:30px 32px 52px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 22px}.page-head p:not(.eyebrow){margin-top:8px;color:var(--muted)}.eyebrow{font-size:.66rem;font-weight:810;letter-spacing:.13em;color:#356658;margin-bottom:6px}.project-actions{display:flex;gap:8px;align-items:end}.project-select>span:first-child{display:block;margin-bottom:1px}.select-shell{display:block;position:relative}.select-shell select{min-width:155px;max-width:270px;appearance:none;padding-right:33px}.select-shell svg{position:absolute;right:12px;top:14px;pointer-events:none}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px #182c2406}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:start;gap:16px}.editor-main,.inspector{display:flex;flex-direction:column;gap:14px;min-width:0}.editor-main>.import-button{align-self:start}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-head p:not(.eyebrow){font-size:.86rem;color:var(--muted);margin-top:4px}.workspace{overflow:hidden}.workspace-head{padding:13px 16px}.canvas-host{position:relative;width:100%;height:clamp(290px,43vh,510px);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 1px 1px,#b4c5ba 1px,transparent 1.18px) 0 0 / 18px 18px,#e9f0e8}.canvas-caption,.canvas-scale{position:absolute;z-index:2;pointer-events:none;background:#f8fbf4ed;border:1px solid #cddad0;color:#36574b;border-radius:6px;font-size:.61rem;letter-spacing:.1em;font-weight:760;padding:5px 7px}.canvas-caption{top:9px;left:10px}.canvas-scale{bottom:9px;right:10px;font-size:.72rem;letter-spacing:0;font-variant-numeric:tabular-nums}.canvas-tools{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:6px 12px;border-top:1px solid var(--line)}.zoom{display:grid;min-width:52px;place-items:center;font-weight:750;font-size:.82rem;font-variant-numeric:tabular-nums}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;min-height:44px;min-width:44px;background:#fff;color:#214a3e;border:1px solid #ceddd2;border-radius:9px;font-weight:690;font-size:.85rem;text-align:center;line-height:1.18;text-decoration:none}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#eff6ef;border-color:#acc6b7}.button.primary{background:#185443;color:#fff;border-color:#185443}.button.primary:hover:not(:disabled){background:#11664f}.button.danger{background:#963d2d;color:#fff;border-color:#963d2d}.button.danger:hover:not(:disabled){background:#793426}.button.danger-outline{color:#8c4135}.button[aria-pressed=true],.icon-button[aria-pressed=true]{background:#e0f1e2;color:#185640;border-color:#83b09a}.button.compact,.icon-button{padding:6px 9px}.icon-button{flex-shrink:0}.button-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.canvas-tools .button-row{flex-wrap:nowrap}.pill{display:inline-flex;white-space:nowrap;align-items:center;gap:5px;background:#edf3ee;color:#456558;padding:5px 8px;border-radius:6px;font-size:.75rem;font-weight:700}.pill.positive{background:#d9f0e0;color:#1e624b}.proposals,.recent,.inspector-card{padding:14px 16px}.proposal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.proposal-tile{display:block;padding:4px;background:#fff;color:#38584b;border:1px solid #d5e0d7;border-radius:10px;min-width:0;text-align:left}.proposal-tile[aria-pressed=true]{border-color:#2b785f;background:#eaf5ea;box-shadow:inset 0 0 0 1px #2b785f;color:#185840}.proposal-preview{display:grid;place-items:center;background:#eaf0e9;border-radius:6px;padding:5px;height:86px}.proposal-preview svg{display:block;max-width:100%;height:100%}.proposal-label{display:flex;align-items:center;gap:5px;min-height:32px;padding:3px 3px 0;font-size:.73rem}.proposal-label b{display:grid;place-items:center;width:22px;height:22px;color:#244a3d;background:#edf1ec;border-radius:5px}.proposal-label svg:first-of-type{margin-left:auto}.proposal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}.copy-tools{display:flex;align-items:center;gap:5px;margin-left:auto}.copy-tools label{display:flex;gap:6px;align-items:center}.copy-tools select{width:auto;min-width:50px;padding:0 7px}.recent-items{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));gap:8px;overflow-x:auto;padding:4px;margin:7px -4px -4px}.recent-tile{display:grid;gap:5px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#2e5146;font-weight:660;font-size:.72rem;min-width:0}.recent-tile>span:last-child{overflow-wrap:anywhere}.asset-image{display:grid;place-items:center;min-height:55px;background:#edf1ea;border-radius:7px}.asset-image img{display:block;width:100%;height:56px;object-fit:contain;padding:4px}.inspector-card .section-head{margin-bottom:12px}label{font-size:.81rem;font-weight:670;color:#324d44}input:not([type=checkbox]),select{display:block;width:100%;min-width:0;min-height:44px;background:#fff;padding:7px 9px;color:var(--ink);border:1px solid #cddcd3;border-radius:8px;margin-top:4px;font-size:1rem}input[type=color]{padding:4px}input[aria-invalid=true]{border-color:#a84d38}input[type=checkbox]{width:21px;height:21px;margin:0;accent-color:var(--green)}.input-unit{position:relative;display:block}.input-unit input{padding-right:33px;font-variant-numeric:tabular-nums}.input-unit>span{position:absolute;right:9px;top:13px;font-size:.74rem;color:var(--muted);pointer-events:none}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.full-field{grid-column:1 / -1}.measure-strip{margin-top:10px;background:#eef5ee;padding:8px 10px;border-radius:7px;display:flex;justify-content:space-between;gap:5px;font-size:.78rem}.measure-strip strong{white-space:nowrap}.pin-legend{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;font-size:.75rem}.pin-legend span{background:#eef5ee;padding:4px 6px;border-radius:5px}.warning{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding:8px 10px;background:#fbeadf;color:#783c28;border-radius:7px;font-size:.85rem}.error-text{display:block;color:#8b3e30;margin-top:4px}details{margin-top:10px;border-top:1px solid var(--line)}summary{padding:10px 0 3px;font-size:.8rem;font-weight:740;color:#265448}details .field-grid,details form,details button{margin-top:9px}.layer-list{list-style:none;margin:0;padding:0;max-height:216px;overflow:auto}.layer-list li+li{margin-top:4px}.layer-button{display:flex;align-items:center;gap:8px;min-height:44px;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;padding:6px 9px}.layer-button span{overflow-wrap:anywhere}.layer-button[aria-pressed=true]{background:#edf5ec;border-color:#a8c4b3}.layer-options{margin-top:8px}.text-edit{grid-template-columns:minmax(0,1fr) 56px}.muted{color:var(--muted);font-size:.84rem;margin:7px 0}.export-card{display:grid;gap:7px}.export-card .section-head{margin-bottom:2px}.check-row{display:flex;align-items:center;gap:8px;min-height:36px}.import-button{position:relative;overflow:hidden;cursor:pointer}.import-button:focus-within{outline:3px solid #378d76;outline-offset:2px}.import-button input{cursor:pointer;opacity:0;position:absolute;inset:0;margin:0}.inline-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px;padding:13px;margin-bottom:14px}.inline-form label{flex:1 1 190px}.toolbar{display:flex;align-items:end;gap:8px;margin-bottom:14px}.search-field{width:min(72%,350px)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.asset-card{overflow:hidden;min-width:0}.asset-card>.asset-image{border-radius:0}.asset-card>.asset-image img{height:128px;padding:10px}.asset-card form{display:grid;gap:8px;padding:12px}.file-info{overflow-wrap:anywhere}.link-button{border:0;border-radius:7px;text-align:left;min-height:44px;background:transparent;color:#176450;text-decoration:underline;padding:4px 0}.catalog-grid,.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.catalog-card,.backup-card{padding:16px}.catalog-card form{display:grid;gap:12px;margin-top:12px}.product-name{display:flex;gap:9px;align-items:center}.product-icon{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;background:#e5f1e6;color:#265e4e;border-radius:11px}.field-result{display:grid;align-content:center;padding:7px;background:#eef5ef;border-radius:8px;font-size:.8rem}.field-result strong{font-size:1.05rem}.orders-layout{display:grid;grid-template-columns:minmax(205px,280px) minmax(0,1fr);gap:14px;align-items:start}.order-list,.order-detail{padding:14px}.order-list h2{margin-bottom:10px}.order-choice{display:flex;gap:8px;align-items:center;width:100%;min-height:49px;padding:8px;background:#fff;text-align:left;border:1px solid var(--line);border-radius:8px;color:var(--ink);margin-top:5px}.order-choice[aria-pressed=true]{background:#edf5ed;border-color:#a9c9b5}.order-choice small{display:block;color:var(--muted)}.order-detail>.button{margin-top:10px}.order-line{border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:10px}.order-line h3 small{font-size:.88rem;color:var(--green)}.amount-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:8px;margin:10px 0 0}.amount-grid dt{font-size:.75rem;color:var(--muted)}.amount-grid dd{margin:1px 0 0;font-weight:690}.line-form{background:#f5f8f4;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:12px;display:grid;gap:8px}.totals{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:4px;background:#ebf3eb;padding:8px;border-radius:9px}.totals span{display:grid;color:var(--muted);font-size:.77rem;padding:5px}.totals strong{color:var(--ink);font-size:1.1rem}.totals .profit{background:#d8ebd9;border-radius:6px}.backup-card{display:grid;justify-items:start;gap:10px}.backup-card>p,.info-box p,.restore-confirm p{color:var(--muted);font-size:.89rem}.info-box{display:flex;align-items:start;gap:8px;background:#edf5ed;border-radius:9px;padding:11px}.info-box b{font-size:.85rem}.restore-confirm{display:grid;gap:6px;background:#fff3e9;padding:10px;border-radius:9px;width:100%}.wrap{overflow-wrap:anywhere}.empty{color:var(--muted);margin:13px 0}.notice{position:fixed;bottom:16px;right:16px;max-width:min(480px,calc(100% - 32px));display:flex;align-items:center;gap:7px;z-index:5;background:#173f36;color:#fff;border:1px solid #417867;border-radius:12px;padding:5px 5px 5px 10px;box-shadow:0 4px 20px #0002;font-size:.88rem;pointer-events:none}.notice-error{background:#793c30;border-color:#9b5b4b}.notice .icon-button{background:transparent;color:#fff;border-color:transparent;pointer-events:auto}.notice .icon-button:hover:not(:disabled){background:#ffffff21;color:#fff;border-color:transparent}@media(max-width:940px){.topbar-inner{padding-inline:16px;gap:10px}.navigation button{padding-inline:7px;gap:4px}.shell{padding-inline:16px}.editor-layout{grid-template-columns:minmax(0,1fr) minmax(270px,305px);gap:10px}}@media(max-width:730px){.topbar-inner{min-height:61px}.navigation{position:fixed;z-index:6;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;background:var(--dark);padding:5px max(4px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}.navigation button{flex-direction:column;gap:2px;min-height:47px;font-size:.68rem;padding:3px 1px}.shell{padding:18px 11px calc(76px + env(safe-area-inset-bottom))}.page-head{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:13px}.page-head p:not(.eyebrow){margin-top:5px}.project-actions{width:100%}.project-select{flex:1;min-width:0}.select-shell select{min-width:0;max-width:none}.editor-layout,.catalog-grid,.backup-grid,.orders-layout{grid-template-columns:minmax(0,1fr)}.editor-main{display:contents}.workspace{grid-row:1}.proposals{grid-row:2}.inspector{grid-row:3;gap:10px}.recent{grid-row:4}.editor-main>.import-button{grid-row:5;justify-self:start}.canvas-host{height:clamp(225px,30vh,310px)}.workspace-head,.proposals,.recent,.inspector-card{padding:10px 11px}.proposal-list{gap:6px}.proposal-preview{height:61px}.proposal-label>span{font-size:.66rem}.copy-tools{margin-left:0}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:7px}.notice{bottom:calc(64px + env(safe-area-inset-bottom))}}@media(max-width:358px){.brand small{display:none}.proposal-label>span{display:none}.canvas-tools{padding-inline:5px}.canvas-tools .button-row{gap:2px}.zoom{min-width:42px}.canvas-tools .button{font-size:0;gap:0}}.size-controls{display:grid;grid-template-columns:minmax(72px,.6fr) minmax(0,1fr);gap:9px;align-items:end;margin-bottom:10px}.size-controls .measure-strip{min-height:44px;align-items:center;flex-wrap:wrap;margin:0}.measurement-fields .field-grid{margin-top:8px}.measurement-fields>.button,.layer-actions{margin-top:8px}.text-controls{margin-bottom:8px}.text-controls>label:first-child{grid-column:1 / -1}.text-controls>.check-row{align-self:end}.project-reference{font-size:.85rem;color:#425e54}.profile-fields,.fit-creation,.piece-controls{display:grid;gap:10px;margin-top:10px}.fit-creation>.button{justify-self:start}.fit-form,.piece-form{display:grid;gap:8px}.fit-form>.button,.piece-form>.button{justify-self:start}.placement-note{color:#76500d;background:#fff8e6;border-radius:8px;padding:8px;font-size:.87rem}.side-switch{display:flex;gap:8px;padding:0 12px 10px}.side-switch .button{flex:1}.editor-face{position:sticky;top:8px;z-index:3;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:750}.editor-face.face-front,.canvas-caption.face-front{background:#e1f3ec;color:#1a5947}.editor-face.face-back,.canvas-caption.face-back{background:#eae6f8;color:#4f397b}.copy-other-side{display:grid;gap:8px;margin-top:8px}.copy-other-side>.button{justify-self:start}.copy-other-side .warning{display:flex;flex-wrap:wrap;gap:6px}.copy-other-side .warning p{flex-basis:100%}.logo-panel{display:grid;gap:8px}.logo-panel>.button{justify-self:start}.private-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem clamp(1rem,4vw,3rem);background:#153f39;color:#fff}.private-header small{display:block;opacity:.86;overflow-wrap:anywhere}.private-header .button{background:#fff;color:#153f39}.private-panel{margin-bottom:1rem;padding:clamp(1rem,3vw,1.5rem);overflow-wrap:anywhere}.private-panel details{margin:.75rem 0;padding:.7rem;border:1px solid #d7e2dc;border-radius:.55rem}.private-panel summary{cursor:pointer;font-weight:650}.private-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.private-form{display:grid;gap:.75rem;align-items:start;max-width:36rem;margin:.8rem 0;padding:.8rem}.private-form label{min-width:0}.private-form input:not([type=checkbox]),.private-form select,.private-form textarea{width:100%}.private-form .button{justify-self:start}.private-check{display:flex;flex-direction:row;align-items:center;gap:.5rem}.private-check input{width:auto;min-height:auto}.private-item{border-top:1px solid #d7e2dc;padding:.8rem 0}.private-item p{margin:.3rem 0}.private-preview{max-width:min(100%,320px);height:auto}.sync-panel>summary{padding:.2rem 0}.catalog-template{align-content:start}.catalog-template-head{display:grid;grid-template-columns:minmax(75px,102px) minmax(0,1fr);align-items:center;gap:.7rem}.catalog-template-head h2{overflow-wrap:anywhere}.catalog-preview{min-height:68px;border-radius:.7rem;background:#e9efe9;display:grid;place-items:center}.catalog-preview svg{width:100%;height:82px;display:block}.catalog-toolbar{margin-block:.85rem;flex-wrap:wrap;align-items:end}.template-wizard{margin-block:1rem}.template-form{display:grid;gap:.8rem;margin-block:.65rem}.template-form>details{border:1px solid #d3e1d8;border-radius:.65rem;padding:.65rem}.template-form>details>*{margin-block-end:.55rem}.template-form>details>summary,.wrap-preview>summary{cursor:pointer;font-weight:700}.template-form input[type=color]{min-width:4rem;padding:.25rem}.measurement-diagram{margin:.5rem 0}.measurement-diagram svg{display:block;width:100%;height:min(34vw,180px);border-radius:.55rem;background:#eef3ee}.measurement-diagram figcaption{font-size:.78rem;margin-top:.3rem;color:#455e52}.zone-fields{margin-block:.6rem}.zone-fields h4{margin-block:.35rem}.zone-fields fieldset{border:1px solid #d1ddd6;border-radius:.5rem;margin:.4rem 0;min-width:0}.production-status{display:grid;gap:.45rem;margin-top:.75rem}.production-status .pill,.catalog-template .pill{white-space:normal;width:fit-content}.side-switch{flex-wrap:wrap}.side-switch button{flex-basis:min(46%,170px)}.wrap-preview canvas{display:block;max-width:100%;height:auto;margin:auto}.wrap-preview{padding:.9rem 1rem}.wrap-preview input{width:100%;accent-color:#146d5a}
