.pi-page{--pi-bg:#f3f5f6;--pi-panel:#fff;--pi-ink:#172d40;--pi-muted:#526778;--pi-line:#d9e1e7;background:var(--pi-bg);color:var(--pi-ink);min-height:100vh;padding:32px max(20px,50vw - 740px);font-family:inherit}.pi-dark{--pi-bg:#111d28;--pi-panel:#1b2c3a;--pi-ink:#edf4fa;--pi-muted:#bed0de;--pi-line:#3a5061}.pi-header,.pi-preview-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.pi-header h1{margin:12px 0;font-size:clamp(28px,4vw,44px)}.pi-header p,.pi-note{color:var(--pi-muted)}.pi-page a{color:inherit}.pi-page button,.pi-page select,.pi-page input{font:inherit;border:1px solid var(--pi-line);background:var(--pi-panel);max-width:100%;color:var(--pi-ink);border-radius:9px;padding:10px 12px}.pi-page button{cursor:pointer}.pi-page button:disabled{opacity:.45;cursor:default}.pi-page :focus-visible{outline-offset:3px;outline:3px solid #318ad5}.pi-upload{background:var(--pi-panel);text-align:center;border:2px dashed #a8bed0;border-radius:18px;margin:24px 0;padding:24px}.pi-upload label{cursor:pointer;display:block}.pi-upload strong{color:#2476b7;font-size:21px;display:block}.pi-upload span{margin:9px;font-size:13px;display:block}.pi-upload input{margin:8px}.pi-tools{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.pi-tools>div{background:var(--pi-panel);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;display:flex}.pi-tools>div>span{width:100%;color:var(--pi-muted);padding-inline:6px;font-size:12px}.pi-tools button{font-size:13px}.pi-tools button[aria-pressed=true]{color:#fff;background:#164d79;border-color:#164d79}.pi-workspace{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:22px;display:grid}.pi-settings,.pi-preview{background:var(--pi-panel);border:1px solid var(--pi-line);border-radius:18px;padding:22px}.pi-settings h2{margin-top:0}.pi-page fieldset{border:0;min-width:0;padding:0}.pi-page legend{color:var(--pi-muted);margin-bottom:10px;font-size:12px}.pi-page label:not(.pi-upload label){gap:7px;margin:12px 0;font-size:13px;display:grid}.pi-page label.pi-check{align-items:center;display:flex}.pi-page .pi-check input{width:18px;height:18px}.pi-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pi-fields input{box-sizing:border-box;width:100%;min-width:0}.pi-page details{border-top:1px solid var(--pi-line);padding:15px 0}.pi-page summary{cursor:pointer;font-weight:600}.pi-page details p,.pi-note{font-size:12px;line-height:1.8}.pi-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pi-page .pi-primary{color:#fff;background:#165a91;border:0;padding:13px 20px;font-weight:600}.pi-canvas{background:repeating-conic-gradient(#dce4e9 0% 25%,#e6ebef 0% 50%) 50%/16px 16px;border-radius:12px;justify-content:center;align-items:center;min-height:360px;margin:18px 0;padding:24px;display:flex;overflow:hidden}.pi-canvas canvas{object-fit:contain;background:#fff;max-width:100%;max-height:650px;box-shadow:0 6px 22px #1233}.pi-empty{text-align:center;color:#3f5668}.pi-empty strong{font-size:24px}.pi-stats{flex-wrap:wrap;gap:10px;display:flex}.pi-stats span{background:var(--pi-bg);border-radius:9px;padding:9px 14px;font-size:12px}.pi-stats strong{margin-inline-end:7px;font-size:20px}.pi-pagination{justify-content:center;align-items:center;gap:12px;display:flex}.pi-pagination label{align-items:center;display:flex!important}.pi-pagination input{width:72px}.pi-page progress{width:100%;height:14px;margin:15px 0}.pi-error{color:#8a3217;background:#fff0e8;border-radius:8px;padding:12px}.pi-report{max-height:300px;overflow:auto}.pi-report table{border-collapse:collapse;width:100%;font-size:12px}.pi-report td,.pi-report th{text-align:right;border-bottom:1px solid var(--pi-line);padding:9px}.pi-footer{flex-wrap:wrap;gap:20px;padding:30px 0;font-size:14px;display:flex}@media (max-width:900px){.pi-workspace{grid-template-columns:1fr}.pi-header{flex-direction:column;align-items:flex-start}.pi-page{padding:20px 12px}.pi-settings,.pi-preview{padding:16px}.pi-canvas{min-height:220px;padding:12px}}.percent-layout{grid-template-columns:minmax(280px,1fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.percent-layout .ps-panel{margin:0}.percent-form .field{flex-direction:column;gap:7px;margin:16px 0;display:flex}.percent-result{background:linear-gradient(145deg,#edf5f2,#fffbf0)}.percent-number{color:#163f36;overflow-wrap:anywhere;text-align:right;margin:20px 0;font-size:clamp(36px,5vw,68px);font-weight:800}.percent-result dl>div{border-bottom:1px solid #d6e0dd;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.percent-result dd{margin:0;font-weight:700}.percent-formula{overflow-wrap:anywhere;text-align:left;background:#fff;border:1px solid #d5e1dc;border-radius:10px;padding:15px;font-size:18px;line-height:1.8}.percent-quick{flex-wrap:wrap;gap:8px;display:flex}.percent-quick button[aria-pressed=true]{color:#fff;background:#173e36;border-color:#173e36}.percent-result .store-button{margin-top:15px}.percent-result .store-button:disabled{opacity:.5;cursor:not-allowed}.percent-placeholder{flex-direction:column;justify-content:center;min-height:180px;display:flex}.percent-examples ul{columns:2;padding-inline-start:20px;line-height:2}:is(.percent-form input:focus-visible,.percent-form select:focus-visible,.percent-form button:focus-visible,.percent-result button:focus-visible){outline-offset:3px;outline:3px solid #ba913b}@media (max-width:750px){.percent-layout{grid-template-columns:1fr}.percent-examples ul{columns:1}}.file-tools{color:#18343e;max-width:1450px;margin:auto;padding:48px 24px 80px}.ft-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.ft-heading h1{margin:6px 0;font-size:clamp(30px,4vw,48px)}.ft-heading p{color:#617279}.ft-upload{background:#eaf3f0;border:1px solid #cbded7;border-radius:16px;flex-wrap:wrap;align-items:center;gap:22px;padding:22px;display:flex}.ft-upload input[type=file],.ft-file input{display:none}.ft-upload .primary{cursor:pointer;color:#fff;background:#143c38;border-radius:9px;padding:12px 20px}.ft-note{color:#617279;margin:18px 0;font-size:14px;line-height:1.8}.ft-message{background:#fff7df;border-right:4px solid #ba8b26;border-radius:8px;padding:14px 18px}.ft-empty{text-align:center;padding:60px 16px}.ft-empty>div{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;display:grid}.ft-empty article{background:#faf9f6;border:1px solid #e6e4df;border-radius:16px;padding:32px 20px}.ft-empty b{font-size:22px}.ft-workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;margin-top:24px;display:grid}.ft-panel{background:#fff;border:1px solid #d8e2df;border-radius:16px;padding:18px}.ft-panel fieldset{border:0;min-width:0;padding:0}.ft-panel details{border-bottom:1px solid #e1e7e4;padding:14px 0}.ft-panel summary{cursor:pointer;font-size:18px;font-weight:750}.ft-panel label{margin:14px 0;font-size:14px;display:block}.ft-panel input:not([type=checkbox]),.ft-panel select,.ft-panel textarea,.ft-export input{color:#193d36;background:#fff;border:1px solid #c9d6d0;border-radius:7px;width:100%;margin-top:6px;padding:8px;display:block}.ft-panel input[type=color]{height:40px}.ft-panel input[type=range]{padding:0}.ft-panel p,.ft-stage>p{color:#63786f;font-size:13px;line-height:1.7}.ft-panel button,.ft-file,.ft-stage button{cursor:pointer;background:#fff;border:1px solid #bdcec7;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.3}.ft-panel button.active,.ft-panel button.primary{color:#fff;background:#173e36}.ft-buttons{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.ft-file{margin:0!important;display:inline-block!important}.ft-layer{background:#f5f8f6;border-radius:10px;margin-top:18px;padding:12px}.ft-stage{background:#f3f5f3;border:1px solid #dbe4df;border-radius:16px;min-width:0;padding:20px}.ft-stagebar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.ft-stagebar span{margin-left:auto;font-size:13px}.ft-canvas{background:repeating-conic-gradient(#e0e3df 0% 25%,#fff 0% 50%) 0/20px 20px;max-width:900px;margin:auto;line-height:0;box-shadow:0 4px 20px #152a2310}.ft-canvas canvas{touch-action:none;width:100%;height:auto;display:block}.ft-export{border-top:1px solid #d1dcd5;flex-wrap:wrap;align-items:center;gap:12px;padding-top:15px;display:flex}.ft-export label{max-width:160px;font-size:13px}.ft-export span{font-size:13px}.file-tools button:disabled{opacity:.45;cursor:wait}:is(.file-tools button:focus-visible,.file-tools input:focus-visible,.file-tools select:focus-visible){outline-offset:3px;outline:3px solid #bc952f}@media (max-width:850px){.ft-workspace{grid-template-columns:1fr}.ft-heading{flex-direction:column;align-items:flex-start}.ft-empty>div{grid-template-columns:1fr}.file-tools{padding:26px 14px}.ft-panel{order:1}.ft-stage{order:0;padding:10px}.ft-canvas{max-height:none}}.ft-contour-list{max-height:220px;margin:10px 0;overflow:auto}.ft-contour-list>div{gap:8px;padding:4px;display:flex}.ft-contour-list>div>button:first-child{flex:1}.ft-heading-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ft-mirror-quick{color:#193d36;cursor:pointer;background:#ffebaa;border:1px solid #ad8828;border-radius:9px;padding:12px 20px;font-weight:800}.ft-mirror-quick:disabled{opacity:.45;cursor:default}.ft-background{background:#edf4f0;border-radius:10px;margin-top:16px;padding:12px}.ft-swatches{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ft-swatches button{width:32px;height:32px;padding:0}.ft-sheet-preview{border:1px solid #bccbc4;width:100%;height:auto;margin-top:14px;display:block}.ft-imposition{background:#fff9e9;border-radius:10px;margin:12px -8px;padding:16px 8px!important}.ft-actionbar{z-index:5;background:#fff8dc;border:1px solid #bca255;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:14px;display:flex;position:sticky;top:10px;box-shadow:0 3px 12px #0001}.ft-actionbar b{flex:1}.ft-actionbar button.primary{color:#fff;background:#173e36}.file-tools{max-width:1560px;padding-top:30px}.ft-heading h1{font-size:clamp(28px,3vw,40px)}.ft-heading-links{gap:8px}.ft-note{font-size:12px}.ft-editor{background:#f7f9f7;border:1px solid #dce5e0;border-radius:20px;overflow:clip}.ft-toolnav{background:#fff;border-bottom:1px solid #dce5e0;flex-wrap:wrap;gap:6px;padding:14px;display:flex}.ft-toolnav button{color:#24483e;cursor:pointer;background:#f3f6f4;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:12px 14px;font-weight:700;display:flex}.ft-toolnav button span{background:#e3ebe6;border-radius:8px;place-items:center;min-width:26px;height:26px;font-size:12px;display:grid}.ft-toolnav button[aria-pressed=true]{color:#fff;background:#173e36;box-shadow:0 3px 10px #173e3620}.ft-toolnav button[aria-pressed=true] span{color:#173e36;background:#c3a451}.ft-workspace{grid-template-columns:330px minmax(0,1fr);gap:18px;margin-top:0;padding:18px}.ft-panel{overscroll-behavior:contain;max-height:76vh;overflow:auto}.ft-panel [hidden]{display:none!important}.ft-panel h2{margin:0 0 10px;font-size:22px}.ft-panel h3{margin:0 0 10px;font-size:16px}.ft-panel details{padding:10px 0}.ft-panel details[open]>summary{margin-bottom:14px}.ft-panel .ft-advanced{background:#f4f7f5;border:1px solid #e0e8e3;border-radius:10px;margin:14px 0;padding:12px}.ft-panel .ft-advanced summary{font-size:14px}.ft-main-action{width:100%;margin:10px 0;font-weight:750;padding:14px!important}.ft-refine{border-top:1px solid #dde7e0;margin-top:20px;padding-top:20px}.ft-stage{background:#edf1ee;position:sticky;top:15px}.ft-canvas{justify-content:center;align-items:center;min-height:280px;max-height:60vh;display:flex;overflow:auto}.ft-canvas canvas,.ft-canvas>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:60vh;display:block}.ft-actionbar{box-shadow:none;background:#fff;border-color:#d2ded7;position:static}.ft-actionbar b{font-size:14px}.ft-stagebar button{padding:8px;font-size:12px}.ft-export{gap:10px}.ft-export label{max-width:250px}.ft-export select{border:1px solid #bccfc4;border-radius:8px;width:100%;margin-top:6px;padding:9px;display:block}.ft-export button.primary{color:#fff;background:#173e36;padding:14px 22px;font-weight:750}.file-tools button:disabled{cursor:not-allowed}.ft-imposition{background:0 0;margin:0}.ft-message{margin:12px 0}.ft-upload{padding:14px 18px}.ft-empty{padding:35px 16px}@media (max-width:850px){.ft-workspace{flex-direction:column;padding:10px;display:flex}.ft-panel{order:0;width:100%;max-height:none}.ft-stage{order:1;width:100%;position:static}.ft-toolnav{flex-wrap:nowrap;padding:10px;overflow:auto}.ft-toolnav button{white-space:nowrap;padding:9px;font-size:13px}.ft-canvas,.ft-canvas canvas,.ft-canvas>img{max-height:55vh}.ft-actionbar{position:sticky;top:5px}.ft-heading-links{display:none}}.spine-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.spine-layout .ps-panel{margin:0}.spine-fields .field{margin:12px 0;display:block}.spine-fields summary{cursor:pointer;padding:12px 0;font-weight:700}.spine-result{background:linear-gradient(145deg,#f3f7f6,#fffaf0);position:sticky;top:20px}.spine-number{color:#163f36;margin:10px 0;font-size:22px}.spine-number strong{font-size:clamp(48px,6vw,76px);line-height:1.2}.spine-result dl>div{border-bottom:1px solid #d6e0dd;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.spine-result dd{margin:0;font-weight:700}.spine-cover{text-align:center;direction:ltr;border:1px solid #afbec1;border-radius:12px;align-items:stretch;min-height:130px;margin:24px 0 16px;display:flex;overflow:hidden}.spine-cover span{background:#edf3f3;flex:1;place-items:center;font-size:22px;display:grid}.spine-cover b{direction:rtl;background:#ddc383;border-inline:2px dashed #93752b;min-width:85px;padding:30px 8px}:is(.spine-fields input:focus-visible,.spine-fields select:focus-visible,.spine-result button:focus-visible){outline-offset:3px;outline:3px solid #b99745}@media (max-width:800px){.spine-layout{grid-template-columns:1fr}.spine-result{position:static}.spine-cover b{min-width:70px;font-size:13px}}