:root{--pp-bg: #1b1d21;--pp-surface: #26282d;--pp-border: #34373d;--pp-ink: #eef0f2;--pp-ink-muted: #9a9da6;--pp-ink-subtle: #6c6f78;--pp-accent: #e0a244;--pp-accent-dark: #241a08;--pp-font-brand: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pp-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;background:#0f1117;color:#e2e8f0;user-select:none;-webkit-user-select:none}.panel{width:220px;min-width:180px;flex-shrink:0;background:#131722;display:flex;flex-direction:column;gap:16px;padding:16px 14px;overflow-y:auto}.panel--left{width:300px;min-width:260px;border-right:1px solid #1e2235}.panel--right{border-left:1px solid #1e2235}.panel-title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#63b3ed}.panel-stub-note{margin:0;font-size:.78rem;color:#4a5568;font-style:italic;line-height:1.4}.panel-features{margin:0;padding:0 0 0 16px;list-style:disc;font-size:.78rem;color:#718096;line-height:1.9}.panel-section{display:flex;flex-direction:column;gap:6px}.panel-section-heading{margin:0;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#4a5568}.panel-placeholder-block{background:#1a1f2e;border:1px dashed #2d3748;border-radius:4px;padding:10px 12px;font-size:.78rem;color:#4a5568;text-align:center;cursor:not-allowed}.tb-field{display:flex;flex-direction:column;gap:4px}.tb-field--inline{flex:1}.tb-field-label{font-size:.68rem;color:#718096;letter-spacing:.02em}.tb-input{width:100%;box-sizing:border-box;background:#0e1119;border:1px solid #2d3748;border-radius:4px;padding:6px 8px;font-size:.8rem;color:#cbd5e0}.tb-input:focus{outline:none;border-color:#63b3ed}.tb-input--sm{padding:5px 6px;font-size:.78rem}.tb-bay{background:#1a1f2e;border:1px solid #232a3d;border-radius:5px;padding:8px;display:flex;flex-direction:column;gap:6px}.tb-bay-head{display:flex;align-items:center;gap:6px}.tb-bay-head .tb-input{flex:1}.tb-bay-row,.tb-add-row{display:flex;gap:8px}.tb-spec{background:#1a1f2e;border:1px solid #232a3d;border-radius:4px;padding:4px 7px;display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.tb-spec-label{font-size:.7rem;font-weight:600;color:#9dbce0;display:flex;align-items:center;gap:6px}.tb-spec .tb-field-label{font-size:.6rem;margin-bottom:1px}.tb-spec .tb-input--sm{padding:3px 5px;font-size:.74rem}.tb-spec-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex:0 0 auto}.co-style{display:flex;align-items:center;gap:10px;width:100%;padding:8px;margin-bottom:6px;background:#1a1f2e;border:1px solid #232a3d;border-radius:5px;color:#9dbce0;font-size:.8rem;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.co-style:hover{border-color:#4a90d9}.co-style--active{border-color:#4a90d9;background:#1d2740;color:#fff}.co-swatch{width:36px;height:26px;border-radius:3px;border:1px solid #333;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px;box-sizing:border-box}.co-swatch-bar{height:2px;width:100%;border-radius:1px}.co-style-name{flex:1}.co-toggle{display:flex;align-items:center;gap:8px;padding:5px 2px;font-size:.8rem;color:#9dbce0;cursor:pointer}.co-toggle input{width:15px;height:15px;accent-color:#4a90d9;cursor:pointer}.tb-input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.tb-seq{margin-top:6px;padding:5px 8px;background:#14202f;border:1px solid #2d4060;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;color:#7ec8ff}.tb-btn{flex:1;background:#1f2738;border:1px solid #2d3748;border-radius:4px;padding:7px 10px;font-size:.78rem;color:#cbd5e0;cursor:pointer;transition:background .12s,border-color .12s}.tb-btn:hover:not(:disabled){background:#283250;border-color:#3a4a6b}.tb-btn:disabled{opacity:.45;cursor:not-allowed}.tb-btn--remove{flex:0 0 auto;width:28px;padding:5px 0;font-size:1rem;line-height:1;color:#e07b7b}.tb-btn--primary{background:#2b6cb0;border-color:#2b6cb0;color:#fff;font-weight:600}.tb-btn--primary:hover:not(:disabled){background:#3182ce;border-color:#3182ce}.tb-totals{margin:0;display:flex;flex-direction:column;gap:4px}.tb-total{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem}.tb-total dt{color:#718096}.tb-total dd{margin:0;color:#e2e8f0;font-weight:600;font-variant-numeric:tabular-nums}.tb-error{background:#2a1518;border:1px solid #5b2630;border-radius:4px;padding:8px 10px;font-size:.74rem;color:#f0a3a3;line-height:1.4}.ep-section{display:flex;flex-direction:column;gap:5px}.ep-accordion{display:flex;flex-direction:column;gap:5px;margin-bottom:6px}.ep-accordion__head{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;background:#20283a;border:1px solid #2d3748;border-radius:6px;color:#cdd7ea;font:inherit;font-weight:600;font-size:13px;cursor:pointer;text-align:left}.ep-accordion__head:hover{background:#273149}.ep-accordion__chevron{font-size:11px;width:12px;color:#7e8aa3}.ep-accordion__title{flex:1}.ep-accordion__count{font-size:11px;font-weight:500;color:#7e8aa3;background:#161c2a;border-radius:9px;padding:1px 7px}.ep-item{display:flex;align-items:center;gap:7px;background:#1a1f2e;border:1px solid #2d3748;border-radius:4px;padding:7px 8px;font-size:.77rem;color:#cbd5e0;cursor:grab;transition:background .12s,border-color .12s;-webkit-user-select:none;user-select:none}.ep-item:hover{background:#202840;border-color:#4a5568}.ep-item:active{cursor:grabbing}.ep-item__swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.ep-item__label{flex:1;line-height:1.3}.ep-item__dim{font-size:.68rem;color:#718096}.ep-item__add-btn{flex-shrink:0;background:#1f2738;border:1px solid #2d3748;border-radius:3px;width:22px;height:22px;font-size:1rem;line-height:1;color:#63b3ed;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.ep-item__add-btn:hover{background:#2b6cb0;border-color:#3182ce;color:#fff}.ep-hint{margin:0;font-size:.72rem;color:#4a5568;line-height:1.5}.co-size{display:flex;gap:8px}.co-size-field{display:flex;align-items:center;gap:5px;font-size:.78rem;color:#9dbce0}.co-size-field span:first-child{min-width:42px}.co-size-field input{width:56px;padding:4px 6px;font-size:.8rem;color:#fff;background:#0d1722;border:1px solid #2d4060;border-radius:4px}.co-size-unit{color:#6b86ad}.co-file{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;width:100%;box-sizing:border-box;font-size:.8rem;color:#cfe3ff;background:#1a1f2e;border:1px dashed #2d4060;border-radius:5px;cursor:pointer}.co-file:hover{border-color:#4a90d9}.co-file input{display:none}.co-slider{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.78rem;color:#9dbce0}.co-slider span{min-width:52px}.co-slider input{flex:1;accent-color:#4a90d9}.co-remove{margin-top:8px;padding:6px 10px;font-size:.78rem;color:#f3b0b0;background:#2a1620;border:1px solid #5a2a36;border-radius:5px;cursor:pointer}.co-remove:hover{background:#3a1c28;border-color:#ed6464}.panel-field{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:13px}.panel-field>span{color:var(--panel-label, #9fb3d0)}.panel-field--row{flex-direction:row;align-items:center;gap:8px}.panel-field input[type=text],.panel-field input[type=number],.panel-field select{padding:4px 6px}.panel-segmented{display:flex;gap:4px}.panel-seg{flex:1;padding:4px 6px;cursor:pointer;text-transform:capitalize}.panel-seg--active{background:#2d4060;color:#fff}.panel-pack-btn{width:100%;padding:8px;margin-top:8px;cursor:pointer;font-weight:600}.path-swatches{display:flex;gap:6px;flex-wrap:wrap}.path-swatch{width:26px;height:26px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0}.path-swatch--active{border-color:#fff;box-shadow:0 0 0 1px #2d4060}.panel-checkbox{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13px;cursor:pointer}.panel-checkbox input{cursor:pointer}.canvas-workspace{flex:1;overflow:hidden;position:relative;background:#080d14;cursor:default}.canvas-workspace--measuring{cursor:crosshair}.canvas-hud{position:absolute;bottom:10px;right:12px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:#080d14d1;border:1px solid #1e2a3a;border-radius:5px;font-size:.72rem;pointer-events:none;z-index:5}.canvas-hud__scale{color:#63b3ed;font-weight:600;min-width:32px;text-align:right}.canvas-hud__sep{color:#2d3748}.canvas-hud__hint,.canvas-hud__info{color:#4a5568}.canvas-tentcount{position:absolute;top:10px;right:12px;padding:5px 10px;background:#26282ddb;border:1px solid var(--pp-border);border-radius:5px;font-family:var(--pp-font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--pp-ink-subtle);pointer-events:none;z-index:5}.canvas-tentcount strong{color:var(--pp-ink-muted);font-weight:600}.canvas-seltools{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px 6px;background:#080d14eb;border:1px solid #2d4060;border-radius:7px;box-shadow:0 2px 10px #0006;z-index:6}.seltool-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:1rem;line-height:1;color:#cfe3ff;background:#14202f;border:1px solid #2d4060;border-radius:5px;cursor:pointer;transition:background .12s,border-color .12s}.seltool-btn:hover{background:#1d2f45;border-color:#4a90d9}.seltool-btn:active{background:#24405f}.seltool-btn--danger:hover{background:#3a1820;border-color:#ed6464}.seltool-sep{width:1px;height:20px;background:#2d4060;margin:0 2px}.seltool-angle{height:32px;min-width:44px;padding:0 8px;font-size:.8rem;font-variant-numeric:tabular-nums;color:#cfe3ff;background:#14202f;border:1px solid #2d4060;border-radius:5px;cursor:text}.seltool-angle:hover{border-color:#4a90d9}.seltool-angle-input{height:32px;width:56px;padding:0 6px;font-size:.8rem;color:#fff;background:#0d1722;border:1px solid #4a90d9;border-radius:5px}.seltool-btn--active{background:#24405f;border-color:#4a90d9;color:#fff}.seltool-secure{width:auto;min-width:32px;padding:0 9px;gap:4px;font-size:.78rem}.seltool-size{display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 6px;background:#14202f;border:1px solid #2d4060;border-radius:5px}.seltool-size input{width:38px;padding:0;font-size:.8rem;color:#fff;background:transparent;border:none;outline:none}.seltool-size-unit{font-size:.7rem;color:#6b86ad}.seltool-size-x{color:#6b86ad;font-size:.8rem}.seltool-sections{font-size:.72rem;color:#8fa9cc;font-variant-numeric:tabular-nums;white-space:nowrap}.seltool-color{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#14202f;border:1px solid #2d4060;border-radius:5px;cursor:pointer}.seltool-color:hover{border-color:#4a90d9}.seltool-color input[type=color]{width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer}.seltool-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.seltool-color input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.3);border-radius:50%}.canvas-tools{position:absolute;top:10px;left:12px;display:flex;gap:6px;z-index:6}.canvas-tool{padding:5px 10px;font-family:var(--pp-font-mono);font-size:10.5px;font-weight:500;color:#b4b7c0;background:#26282de6;border:1px solid var(--pp-border);border-radius:4px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.canvas-tool:hover{background:var(--pp-surface);border-color:#45484f;color:var(--pp-ink)}.canvas-tool--active{background:#e0a24429;border-color:var(--pp-accent);color:var(--pp-accent)}.canvas-calib-entry{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;padding:4px 6px;background:#080d14f2;border:1px solid #4a90d9;border-radius:5px;z-index:8}.canvas-calib-entry input{width:56px;padding:3px 5px;font-size:.8rem;color:#fff;background:#0d1722;border:1px solid #2d4060;border-radius:4px}.canvas-calib-entry span{font-size:.72rem;color:#6b86ad}.canvas-calib-entry button{padding:3px 8px;font-size:.72rem;font-weight:600;color:#cfe3ff;background:#14202f;border:1px solid #2d4060;border-radius:4px;cursor:pointer}.canvas-calib-entry button:hover{border-color:#4a90d9}.canvas-measure-hint{position:absolute;top:44px;left:12px;padding:4px 9px;font-size:.7rem;color:#cfe3ff;background:#080d14e6;border:1px solid #4a90d9;border-radius:5px;z-index:6;pointer-events:none}.canvas-text-edit{position:absolute;z-index:7;min-width:60px;margin:0;padding:1px 3px;line-height:1.1;font-family:inherit;color:#0d1520;background:#fffbe6;border:1px solid #4a90d9;border-radius:2px;resize:none;overflow:hidden;white-space:pre}.zfp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50}.zfp-modal{background:#fff;border-radius:8px;box-shadow:0 8px 30px #00000040;padding:16px 18px;width:280px;max-width:90%}.zfp-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;gap:14px;padding:0 14px;height:54px;background:var(--pp-bg);border-bottom:1px solid var(--pp-border);flex-shrink:0;z-index:10}.app-brand{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.app-brand__mark{color:var(--pp-accent);flex-shrink:0}.pp-wordmark{font-family:var(--pp-font-brand);font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap}.pp-wordmark__lead{color:var(--pp-ink)}.pp-wordmark__accent{color:var(--pp-accent)}.app-brand__divider{width:1px;height:22px;background:var(--pp-border);flex-shrink:0}.app-tagline{font-family:var(--pp-font-mono);font-size:11px;color:var(--pp-ink-muted);white-space:nowrap}.app-tagline__by{color:var(--pp-ink-subtle)}@media (max-width: 1580px){.app-brand__divider,.app-tagline{display:none}}.app-planname{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0;padding:4px 10px;background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:4px}.app-planname__kicker{flex-shrink:0}.app-planname__kicker{font-family:var(--pp-font-mono);font-size:9px;font-weight:500;letter-spacing:.16em;color:var(--pp-ink-subtle)}.app-planname__input{flex:0 1 168px;min-width:0;background:transparent;border:none;outline:none;color:var(--pp-ink);font-family:var(--pp-font-mono);font-size:12px;font-weight:500;padding:0}.app-planname__input::placeholder{color:var(--pp-ink-subtle)}.app-planname:focus-within{border-color:var(--pp-accent)}.app-io-bar{display:flex;align-items:center;gap:6px}.io-btn{padding:5px 9px;font-family:var(--pp-font-mono);font-size:11px;font-weight:500;color:#b4b7c0;background:transparent;border:1px solid var(--pp-border);border-radius:4px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.io-btn:hover{background:var(--pp-surface);color:var(--pp-ink);border-color:#45484f}.io-btn:active{background:var(--pp-border)}.io-btn:disabled{opacity:.4;cursor:default;background:transparent}.io-btn--icon{padding:4px 9px;font-size:14px;line-height:1}.io-sep{width:1px;height:18px;background:var(--pp-border);margin:0 2px;display:inline-block;flex-shrink:0}.io-select{padding:5px 7px;font-family:var(--pp-font-mono);font-size:11px;font-weight:500;color:#b4b7c0;background:transparent;border:1px solid var(--pp-border);border-radius:4px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.io-select:hover{background:var(--pp-surface);color:var(--pp-ink);border-color:#45484f}.io-select:focus{outline:none;border-color:var(--pp-accent);color:var(--pp-ink)}.io-btn--export{color:var(--pp-accent-dark);background:var(--pp-accent);border-color:var(--pp-accent);font-weight:600;padding:5px 13px}.io-btn--export:hover{background:#e9b25e;border-color:#e9b25e;color:var(--pp-accent-dark)}.io-btn--export:active{background:#d2922f;border-color:#d2922f}.io-restored-banner{display:flex;align-items:center;gap:12px;padding:6px 14px;background:var(--pp-surface);border-bottom:1px solid var(--pp-border);color:var(--pp-ink-muted);font-family:var(--pp-font-mono);font-size:11px;flex-shrink:0;z-index:9}.io-restored-msg{flex:1}.io-restored-fresh{font-family:var(--pp-font-mono);font-size:11px;color:var(--pp-accent);background:transparent;border:1px solid var(--pp-border);border-radius:4px;padding:3px 9px;cursor:pointer}.io-restored-fresh:hover{border-color:var(--pp-accent)}.io-restored-dismiss{background:none;border:none;color:var(--pp-ink-subtle);cursor:pointer;font-size:.85rem;padding:0 2px;line-height:1}.io-restored-dismiss:hover{color:var(--pp-ink)}.io-error-banner{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#2d1b18;border-bottom:1px solid #7b3228;color:#fc8181;font-size:.8rem;flex-shrink:0;z-index:9}.io-error-msg{flex:1}.io-error-dismiss{background:none;border:none;color:#fc8181;cursor:pointer;font-size:.85rem;padding:0 2px;line-height:1;opacity:.8}.io-error-dismiss:hover{opacity:1}.app-body{display:flex;flex:1;overflow:hidden}.sidebar--left{width:300px;min-width:260px;flex-shrink:0;display:flex;flex-direction:column;background:#131722;border-right:1px solid #1e2235;overflow:hidden}.sidebar-tabs{display:flex;flex-shrink:0;border-bottom:1px solid #1e2235}.sidebar-collapse{flex:0 0 auto;width:26px;background:#0f131c;border:none;border-bottom:2px solid transparent;color:#7a8aa0;font-size:.9rem;cursor:pointer}.sidebar-collapse:hover{color:#cfe3ff;background:#161b27}.sidebar-expand{display:none}.sidebar.sidebar--collapsed{width:26px;min-width:26px}.sidebar--collapsed .sidebar-tabs,.sidebar--collapsed .sidebar-body{display:none}.sidebar--collapsed .sidebar-expand{display:flex;align-items:center;justify-content:center;flex:1;width:100%;background:#0f131c;border:none;color:#9fb2cc;font-size:1rem;cursor:pointer}.sidebar--collapsed .sidebar-expand:hover{color:#fff;background:#161b27}.sidebar-tab{flex:1;padding:10px 8px;background:#0f131c;border:none;color:#7a8aa0;font-size:.78rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:color .12s,background .12s}.sidebar-tab:hover{color:#cfe3ff}.sidebar-tab--active{color:#fff;background:#131722;border-bottom-color:#4a90d9}.sidebar-body{flex:1;overflow-y:auto}.sidebar--left .panel{width:100%;border:none;overflow:visible}.sidebar--right{width:264px;min-width:240px;flex-shrink:0;display:flex;flex-direction:column;background:#131722;border-left:1px solid #1e2235;overflow:hidden}.sidebar--right .panel{width:100%;border:none;overflow:visible}