:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Nunito Sans;src:url(/fonts/NunitoSans.ttf)format("truetype");font-weight:200 900;font-display:swap}:root{--appBG:#e5dccb;--workBG:#e7dfd0;--topBarBG:#f0eade;--panelBG:#f4eee3;--surface:#fbf7ef;--surfaceWhite:#fff;--surface2:#efe8dc;--ink:#3b342b;--ink2:#6f6557;--ink3:#a2937d;--line:#e2d9c8;--line2:#d6cbb6;--espresso:#39322a;--espressoText:#f6f1e6;--terracotta:#be6a45;--terracottaSoft:#f2dfd3;--terracottaLine:#e2b79e;--green:#2f5d44;--green2:#37684d;--redLine:#c24632;--warn:#b07a2e;--radius:14px;--cardRadius:16px;--display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--body:"Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);color:var(--ink);background:var(--appBG);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font-family:var(--body);cursor:pointer}:focus-visible{outline:2px solid var(--terracotta);outline-offset:1px}.app{background:var(--appBG);flex-direction:column;height:100vh;display:flex}.topbar{background:var(--topBarBG);flex:none;align-items:center;gap:14px;padding:10px 16px;display:flex}.wordmark{align-items:center;gap:9px;display:flex}.logo-tile{background:var(--green);width:34px;height:34px;color:var(--espressoText);border-radius:9px;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-tile img{object-fit:cover;width:100%;height:100%;display:block}.wordmark-text{flex-direction:column;display:flex}.brand{font-family:var(--display);color:var(--ink);letter-spacing:.2px;font-size:20px;font-weight:600;line-height:1.05}.name-sub{font-family:var(--body);color:var(--ink3);background:0 0;border:none;align-items:center;gap:4px;margin:0;padding:1px 2px;font-size:11px;display:inline-flex}.name-edit{font-family:var(--body);color:var(--ink);border:1px solid var(--line);background:var(--surface2);border-radius:5px;max-width:220px;padding:1px 5px;font-size:11px}.seg-pill{background:var(--surface2);border:1px solid var(--line);border-radius:12px;gap:3px;padding:3px;display:inline-flex}.seg-pill.sm{padding:2px}.seg{color:var(--ink2);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:7px 13px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.seg-pill.sm .seg{padding:5px 10px;font-size:12px}.seg.active{background:var(--espresso);color:var(--espressoText)}.chip-row{gap:6px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink2);border-radius:10px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:600;display:inline-flex}.chip .chip-ico{color:var(--ink2);display:inline-flex}.chip.active{background:var(--espresso);color:var(--espressoText);border-color:#0000}.chip.active .chip-ico{color:var(--espressoText)}.chip.accent .chip-ico{color:var(--terracotta)}.tb-spacer{flex:1}.pill-group{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.pill-btn{color:var(--ink2);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:28px;display:inline-flex}.pill-btn:hover:not(:disabled){background:var(--surface2)}.pill-btn:disabled{opacity:.35}.zoom-pct{color:var(--ink2);text-align:center;width:42px;font-size:12px;font-weight:600}.ghost-btn,.dark-btn,.soft-btn{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.ghost-btn{background:var(--surface);color:var(--ink2)}.ghost-btn:hover{border-color:var(--line2)}.fit-btn{padding:8px 13px}.install-btn{color:var(--green);border-color:var(--green);white-space:nowrap;gap:6px}.install-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}.dark-btn{background:var(--espresso);color:var(--espressoText);border-color:var(--espresso)}.soft-btn{background:var(--surface2);color:var(--ink);border-color:#0000}.soft-btn:hover{background:#e7dfd0}.avatar{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:12px;font-weight:700;display:inline-flex;position:relative}.avatar-dot{background:var(--terracotta);border:1.5px solid var(--topBarBG);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}@media (width<=1240px){.topbar{gap:10px}.brand,.name-sub,.name-edit{display:none}.chip{padding:8px}.chip>span:not(.chip-ico){display:none}}@media (width<=1040px){.topbar{gap:8px}.ghost-btn.fit-btn{display:none}.seg-pill .seg{padding:6px 9px}}.auth-splash{height:100vh;font-family:var(--display);color:var(--ink3);background:var(--appBG);justify-content:center;align-items:center;font-size:26px;display:flex}.signed-out{background:var(--appBG);height:100vh;display:flex}.so-left{background:var(--green);color:var(--espressoText);flex-direction:column;flex:46%;justify-content:space-between;padding:40px;display:flex}.so-brand{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.so-brand .logo-tile{background:#ffffff24}.so-hero h1{font-family:var(--display);margin:0 0 14px;font-size:44px;font-weight:600;line-height:1.08}.so-hero p{opacity:.85;max-width:360px;margin:0;font-size:15px}.so-install{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1.5px solid #ffffff8c;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;margin-top:24px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.so-install:hover{color:var(--green);background:#fff;border-color:#fff}.so-swatches{gap:10px;display:flex}.so-swatches span{border-radius:7px;width:26px;height:26px}.so-right{background:var(--surface);flex:54%;justify-content:center;align-items:center;padding:40px;display:flex}.so-form{flex-direction:column;width:320px;display:flex}.so-form h2{font-family:var(--display);color:var(--ink);margin:0;font-size:30px;font-weight:600}.so-sub{color:var(--ink3);margin:2px 0 22px;font-size:13px}.so-form label{color:var(--ink2);flex-direction:column;gap:5px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.so-form input{font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--surfaceWhite);border-radius:9px;padding:9px 11px;font-size:14px}.so-submit{justify-content:center;margin-top:6px;padding:11px}.so-toggle{color:var(--ink3);text-align:center;margin:16px 0 0;font-size:13px}.so-toggle button{color:var(--terracotta);background:0 0;border:none;font-size:13px;font-weight:700}.so-error{color:var(--terracotta);margin:0 0 12px;font-size:13px}.so-notice{color:var(--green);margin:0 0 12px;font-size:13px}.so-forgot{color:var(--ink3);background:0 0;border:none;align-self:flex-end;margin:-6px 0 12px;font-size:12px;font-weight:600}.so-forgot:hover{color:var(--terracotta)}.so-pw{position:relative}.so-pw input{box-sizing:border-box;width:100%;padding-right:54px}.so-pw-toggle{color:var(--ink3);cursor:pointer;background:0 0;border:none;padding:4px 7px;font-size:12px;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.so-pw-toggle:hover{color:var(--terracotta)}.so-demo{color:var(--ink3);text-align:center;margin-top:18px;font-size:12px}@media (width<=780px){.so-left{display:none}}.sync-chip{color:var(--ink3);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.sync-dot{background:var(--ink3);border-radius:50%;width:7px;height:7px}.sync-chip.idle .sync-dot{background:var(--green)}.sync-chip.syncing .sync-dot{background:var(--warn);animation:1s ease-in-out infinite sync-pulse}.sync-chip.offline .sync-dot{background:var(--terracotta)}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.3}}.pricing-backdrop.locked{background:#1e181299}.pricing-card{background:var(--surface);text-align:center;border-radius:18px;width:400px;max-width:92vw;padding:30px 28px;position:relative;box-shadow:0 24px 70px #0000004d}.pricing-x{color:var(--ink3);background:0 0;border:none;padding:4px;position:absolute;top:14px;right:14px}.pricing-logo{background:var(--green);width:44px;height:44px;color:var(--espressoText);border-radius:12px;margin:0 auto 14px}.pricing-card h2{font-family:var(--display);color:var(--ink);margin:0 0 6px;font-size:26px;font-weight:600}.pricing-sub{color:var(--ink2);margin:0 0 22px;font-size:14px}.plan-cards{gap:10px;margin-bottom:18px;display:flex}.plan-card{border:1.5px solid var(--line);background:var(--surfaceWhite);text-align:left;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:14px;display:flex}.plan-card.active{border-color:var(--green);background:#eef3ee}.plan-label{color:var(--ink2);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.plan-price{color:var(--ink);font-size:22px;font-weight:800}.plan-period{color:var(--ink3);font-size:13px;font-weight:600}.plan-note{color:var(--green);font-size:11px;font-weight:600}.pricing-cta{justify-content:center;width:100%;padding:12px;font-size:15px}.pricing-signout{color:var(--ink3);background:0 0;border:none;margin:16px auto 0;font-size:13px;text-decoration:underline;display:block}.device-list{flex-direction:column;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.device-row{border:1px solid var(--line);background:var(--surfaceWhite);border-radius:11px;align-items:center;gap:10px;padding:11px 12px;display:flex}.device-info{text-align:left;flex-direction:column;flex:1;display:flex}.device-name{color:var(--ink);font-size:13px;font-weight:700}.device-seen{color:var(--ink3);font-size:11px}.account-plan{color:var(--warn);border-bottom:1px solid var(--line);padding:8px 14px;font-size:12px;font-weight:600}.account-plan.active{color:var(--green)}.account-item.accent{color:var(--terracotta);font-weight:700}.account-item.danger{color:var(--redLine)}.account{position:relative}.menu-scrim{z-index:40;position:fixed;inset:0}.account-menu{z-index:41;background:var(--surfaceWhite);border:1px solid var(--line);border-radius:12px;width:220px;position:absolute;top:42px;right:0;overflow:hidden;box-shadow:0 14px 40px #00000029}.account-head{border-bottom:1px solid var(--line);padding:12px 14px}.account-name{color:var(--ink);font-size:14px;font-weight:700}.account-email{color:var(--ink3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.account-badge{color:var(--warn);border-bottom:1px solid var(--line);padding:8px 14px;font-size:11px}.account-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;padding:11px 14px;font-size:13px;font-weight:600;display:block}.account-item:hover{background:var(--surface2)}.doctabs{background:var(--topBarBG);flex:none;align-items:center;gap:8px;padding:8px 16px;display:flex}.doctab{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.doctab.active{background:var(--surfaceWhite);border-color:var(--line)}.doctab-x{color:var(--ink3);background:0 0;border:none;padding:2px;display:inline-flex}.workspace{flex:1;min-height:0;display:flex}.tool-rail{background:var(--topBarBG);flex-direction:column;flex:0 0 58px;align-items:center;gap:4px;padding:10px 0;display:flex}.tool{background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;width:52px;padding:0;display:flex}.tool-tile{width:38px;height:30px;color:var(--ink2);border-radius:9px;justify-content:center;align-items:center;display:flex}.tool-tile.active{background:var(--espresso);color:var(--espressoText)}.tool-label{color:var(--ink3);font-size:8.5px;font-weight:500;line-height:1}.tool-label.active{color:var(--ink)}.stage{background:var(--workBG);flex:1;min-width:0;position:relative}.canvas-wrap{position:absolute;inset:0}.grid-canvas{touch-action:none;width:100%;height:100%;display:block}.floating-controls{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:12px;padding:9px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0000000f}.fc-size{align-items:center;gap:8px;display:flex}.fc-label{color:var(--ink3);font-size:12px;font-weight:600}.fc-size input[type=range]{width:130px;accent-color:var(--espresso)}.fc-val{color:var(--ink);text-align:center;width:16px;font-size:12px;font-weight:600}.status-pill{color:var(--ink2);background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:500;position:absolute;bottom:14px;left:14px;box-shadow:0 2px 6px #0000000d}.color-chip{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:9px;min-width:150px;padding:8px 12px;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 2px 6px #0000000d}.chip-swatch{border:1px solid #00000024;border-radius:7px;flex:none;width:26px;height:26px}.chip-swatch.empty{background:var(--surface2);border-radius:50%}.chip-text{flex-direction:column;gap:1px;display:flex}.chip-name{color:var(--ink);font-size:12px;font-weight:600}.chip-name.muted{color:var(--ink2)}.chip-code{color:var(--ink3);font-size:10px}.inspector{background:var(--panelBG);border-left:1px solid var(--line);flex-direction:column;flex:0 0 300px;min-height:0;display:flex}.insp-tabs{border-bottom:1px solid var(--line);align-items:flex-end;display:flex}.insp-tabrow{flex:1;gap:14px;padding:12px 14px 0;display:flex;overflow-x:auto}.insp-tab{color:var(--ink3);white-space:nowrap;background:0 0;border:none;padding:0 0 6px;font-size:13px;font-weight:600;position:relative}.insp-tab.active{color:var(--ink);font-weight:700}.insp-underline{background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.insp-tab.active .insp-underline{background:var(--terracotta)}.insp-collapse{color:var(--ink3);background:0 0;border:none;padding:6px 10px}.insp-body{padding:16px;overflow-y:auto}.insp-placeholder{color:var(--ink3);font-size:13px}.design-tab{flex-direction:column;gap:18px;display:flex}.design-tab section{flex-direction:column;gap:10px;display:flex}.insp-div{border:none;border-top:1px solid var(--line);margin:0}.section-label{letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);justify-content:space-between;font-size:11px;font-weight:700;display:flex}.insp-note{color:var(--ink3);margin:0;font-size:12px;line-height:1.4}.insp-btn{border:1px solid var(--line);text-align:center;border-radius:10px;padding:11px;font-size:13px;font-weight:600}.insp-btn.primary{background:var(--surface);color:var(--ink)}.insp-btn.soft{background:var(--surface2);color:var(--ink);border-color:#0000}.insp-btn.dark{background:var(--espresso);color:var(--espressoText);border-color:var(--espresso)}.insp-btn.ghost{background:var(--surface);color:var(--ink2);border-color:var(--line)}.insp-btn:disabled{opacity:.5;cursor:default}.insp-btn.auto{flex:none;align-self:center;padding-left:18px;padding-right:18px}.btn-row{gap:8px;display:flex}.btn-row.three{flex-wrap:nowrap}.btn-row .insp-btn{flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;display:inline-flex}.paint-body{padding:16px}.paint-panel{flex-direction:column;gap:16px;display:flex}.paint-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.paint-title{font-family:var(--display);color:var(--ink);margin:0 0 3px;font-size:20px;font-weight:600}.readout-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.readout-headline{color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:38px;font-weight:700;line-height:1}.readout-unit{color:var(--ink3);margin-top:-4px;font-size:12px;font-weight:600}.stat-tiles{gap:8px;display:flex}.stat-tile{background:var(--surface2);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;display:flex}.stat-tile strong{color:var(--ink);font-size:18px;font-weight:700}.stat-tile span{color:var(--ink3);font-size:10px}.saved-counts{flex-direction:column;gap:10px;display:flex}.count-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.count-chip{background:var(--surface2);min-width:40px;color:var(--ink3);border:none;border-radius:8px;padding:8px;font-family:ui-monospace,Menlo,monospace;font-size:14px;font-weight:700}.count-chip.has-geom{background:var(--espresso);color:var(--espressoText);cursor:pointer}.count-name{min-width:0;font-family:var(--body);color:var(--ink);background:0 0;border:none;flex:1;font-size:13px}.count-name:focus{outline:none}.count-del{color:var(--ink3);background:0 0;border:none;padding:4px;display:flex}.add-count{align-items:stretch}.count-input{border:1px solid var(--line);background:var(--surfaceWhite);width:60px;font-family:var(--body);color:var(--ink);text-align:center;-moz-appearance:textfield;border-radius:9px;flex:none;font-size:14px}.count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-count .insp-btn{flex:1}.modal-head-actions{align-items:center;gap:10px;display:flex}.pal-list{flex-direction:column;gap:6px;display:flex}.pal-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.pal-row.sel{border-color:var(--terracotta);background:var(--terracottaSoft)}.pal-pick{background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.pal-radio{border:2px solid var(--line2);border-radius:50%;flex:none;width:14px;height:14px}.pal-row.sel .pal-radio{border-color:var(--terracotta);background:var(--terracotta);box-shadow:inset 0 0 0 2px var(--surfaceWhite)}.pal-name{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:600}.pal-swatches{gap:2px;margin-left:6px;display:flex}.pal-swatches span{border:1px solid #0000001a;border-radius:3px;width:12px;height:12px}.pal-edit{border:1px solid var(--line);background:var(--surface2);width:26px;height:26px;color:var(--ink2);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.modal.palette-modal{flex-direction:column;width:620px;max-width:94vw;height:640px;max-height:88vh;padding:0;display:flex}.palette-modal .modal-head{border-bottom:1px solid var(--line);margin:0;padding:20px 22px 14px}.pe-header{background:var(--surface2);border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.pe-colors{flex-direction:column;gap:6px;max-height:150px;display:flex;overflow-y:auto}.pe-color-row{background:var(--surface);border-radius:9px;align-items:center;gap:10px;padding:5px 8px;display:flex}.pe-swatch{border:1px solid var(--line2);border-radius:6px;flex:none;width:24px;height:24px}.pe-color-name{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.pe-color-name em{color:var(--ink3);font-style:normal;font-weight:500}.pe-symbol{text-align:center;border:1px solid var(--line);background:var(--surfaceWhite);width:34px;height:28px;font-family:var(--body);color:var(--ink);border-radius:7px;flex:none;font-size:14px}.pe-symbol:focus{border-color:var(--terracotta);outline:none}.pe-browser{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex}.pe-brandtabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.pe-brandtab{border:1px solid var(--line);background:var(--surface);color:var(--ink2);white-space:nowrap;border-radius:9px;flex:none;padding:7px 12px;font-size:12px;font-weight:600}.pe-brandtab.active{background:var(--espresso);color:var(--espressoText);border-color:var(--espresso)}.pe-chipgrid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.pe-chip{border:1px solid var(--line);background:var(--surfaceWhite);text-align:left;border-radius:10px;align-items:center;gap:9px;padding:8px;display:flex}.pe-chip.on{background:var(--terracottaSoft);border-color:var(--terracotta)}.pe-chip-text{flex-direction:column;gap:1px;min-width:0;display:flex}.pe-chip-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.pe-chip-code{color:var(--ink3);font-size:10px}.pe-footer{background:var(--surface);border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.pe-footer .switch-row{flex:none}.modal.settings-modal{flex-direction:column;width:440px;max-width:92vw;max-height:86vh;padding:0;display:flex}.settings-modal .modal-head{border-bottom:1px solid var(--line);margin:0;padding:20px 22px 14px}.settings-body{flex-direction:column;gap:16px;padding:18px 22px;display:flex;overflow-y:auto}.settings-body section{flex-direction:column;gap:10px;display:flex}.settings-stitches{height:38px;color:var(--terracotta);align-items:center;font-size:14px;font-weight:700;display:flex}.modal.help-modal{flex-direction:column;width:780px;max-width:94vw;height:640px;max-height:88vh;padding:0;display:flex}.help-modal .modal-head{border-bottom:1px solid var(--line);margin:0;padding:20px 22px 14px}.help-body{flex:1;min-height:0;display:flex}.help-sidebar{border-right:1px solid var(--line);background:var(--panelBG);flex-direction:column;flex:none;gap:2px;width:196px;padding:10px;display:flex;overflow-y:auto}.help-navitem{text-align:left;color:var(--ink2);background:0 0;border:none;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:600}.help-navitem.active{background:var(--surface2);color:var(--ink);font-weight:700}.help-content{flex-direction:column;flex:1;gap:14px;padding:20px 24px;display:flex;overflow-y:auto}.help-head{font-family:var(--display);color:var(--ink);margin:0;font-size:22px;font-weight:600}.help-sub{letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);margin-top:4px;font-size:11px;font-weight:700}.help-p{color:var(--ink2);margin:0;font-size:13px;line-height:1.5}.help-p b,.help-step b,.help-qa strong{color:var(--ink);font-weight:600}.help-step{align-items:flex-start;gap:12px;display:flex}.help-step-n{background:var(--espresso);width:24px;height:24px;color:var(--espressoText);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.help-step>div{flex-direction:column;gap:2px;display:flex}.help-step strong{color:var(--ink);font-size:13px;font-weight:600}.help-step span,.help-tool span{color:var(--ink3);font-size:12px;line-height:1.45}.help-tool{align-items:flex-start;gap:12px;display:flex}.help-tool-ico{background:var(--surface2);width:26px;height:26px;color:var(--ink2);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.help-tool>div{flex-direction:column;gap:2px;display:flex}.help-tool strong{color:var(--ink);font-size:13px;font-weight:600}.help-bullet{color:var(--ink2);align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.help-bullet .dot{background:var(--terracotta);border-radius:50%;flex:none;width:5px;height:5px;margin-top:7px}.help-qa{flex-direction:column;gap:3px;display:flex}.help-qa strong{font-size:13px}.help-qa span{color:var(--ink3);font-size:12px;line-height:1.45}.help-tip{color:var(--ink2);background:#2f5d441a;border-radius:10px;align-items:flex-start;gap:8px;padding:12px;font-size:12px;line-height:1.45;display:flex}.help-tip svg{color:var(--green);flex:none;margin-top:2px}.lib-search{background:var(--surfaceWhite);border:1px solid var(--line);color:var(--ink3);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.lib-search input{font-family:var(--body);color:var(--ink);background:0 0;border:none;flex:1;font-size:13px}.lib-search input:focus{outline:none}.lib-folderbar{gap:8px;display:flex}.lib-folderbar select{font-family:var(--body);color:var(--ink);border:1px solid var(--line);background:var(--surfaceWhite);border-radius:10px;flex:1;padding:8px 10px;font-size:13px}.lib-folder-add{border:1px solid var(--line);background:var(--surface);width:38px;color:var(--ink2);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.lib-folder-del{text-align:left;background:var(--terracottaSoft);color:var(--terracotta);border:none;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:600}.motif-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.motif-thumb{border:1px solid var(--line);background:var(--surface2);border-radius:8px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;overflow:hidden}.motif-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.motif-name{font-family:var(--body);color:var(--ink);background:0 0;border:none;width:100%;padding:0;font-size:12px;font-weight:600}.motif-name:focus{outline:none}.motif-sub{color:var(--ink3);justify-content:space-between;align-items:center;gap:6px;font-size:10px;display:flex}.motif-folder{font-family:var(--body);color:var(--ink2);background:var(--surface2);border:none;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:600}.separate-swatches{flex-wrap:wrap;gap:6px;display:flex}.sep-swatch{border:1px solid var(--line2);border-radius:7px;width:30px;height:30px;padding:0}.sep-swatch.sel{outline:2px solid var(--terracotta);outline-offset:1px}.stepper-row{gap:10px;display:flex}.stepper-row .stepper-wrap{flex:1}.mesh-other{gap:8px}.mesh-other .stepper-inline{width:120px}.preset-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preset-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.preset-thumb-wrap{position:relative}.preset-thumb{background:var(--surface2);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:92px;padding:0;display:flex;overflow:hidden}.preset-thumb img{object-fit:contain;width:100%;height:100%}.preset-del{border:1px solid var(--line);background:var(--surface);width:22px;height:22px;color:var(--ink2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:7px;right:7px}.preset-name{font-family:var(--body);color:var(--ink);background:0 0;border:none;width:100%;padding:0;font-size:14px;font-weight:600}.preset-name:focus{outline:none}.preset-dims{color:var(--ink3);font-size:11px}.preset-save{border:1.2px dashed var(--line2);width:100%;color:var(--ink2);background:0 0;border-radius:12px;margin-top:4px;padding:12px;font-size:13px;font-weight:600}.preset-save:hover{border-color:var(--terracotta);color:var(--ink)}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.field-label{color:var(--ink2);font-size:12px;font-weight:600}.field-label.sm{flex:none;width:56px}.field-label.two-line{flex-direction:column;gap:1px;display:flex}.field-label.two-line small{color:var(--ink3);font-size:10px;font-weight:500}.stepper-inline{flex:none;width:120px}.slider-row input[type=range]{flex:1}.motif-selected{color:var(--ink);background:var(--terracottaSoft);border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.copies-card{color:var(--ink2);background:var(--surface);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.copies-card strong{color:var(--terracotta);font-size:14px;font-weight:700}.empty-hint{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.empty-hint .empty-ico{color:var(--ink3)}.empty-hint p{color:var(--ink3);margin:0;font-size:12px;line-height:1.4}.trace-preview{border:1px solid var(--line);background:var(--surface2);border-radius:8px;justify-content:center;max-height:110px;display:flex;overflow:hidden}.trace-preview img{object-fit:contain;max-width:100%;max-height:110px}.trace-pct{text-align:right;width:40px;color:var(--ink3);font-size:11px}.trace-pad{grid-template-rows:repeat(3,26px);grid-template-columns:repeat(3,30px);gap:4px;display:grid}.trace-arrow{border:1px solid var(--line);background:var(--surface2);color:var(--ink2);border-radius:7px;justify-content:center;align-items:center;font-size:13px;display:flex}.trace-arrow:hover{background:var(--surface)}.trace-arrow.up{grid-area:1/2}.trace-arrow.left{grid-area:2/1}.trace-arrow.ctr{grid-area:2/2}.trace-arrow.right{grid-area:2/3}.trace-arrow.down{grid-area:3/2}.trace-rotate{align-items:center;gap:8px;display:flex}.trace-rotate .insp-btn{min-width:34px;padding:4px 8px;font-size:15px;line-height:1}.trace-rotate .trace-pct{text-align:center;width:34px}.fiber-row{align-items:center;gap:8px;display:flex}.fiber{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:10px;flex:1;align-items:center;gap:9px;padding:7px 10px;display:flex}.fiber.active{background:var(--terracottaSoft);border-color:var(--terracotta);border-width:1.5px}.fiber-swatch{color:#00000073;border:1px solid #00000024;border-radius:6px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.fiber-text{flex-direction:column;gap:1px;min-width:0;display:flex}.fiber-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.fiber-code{color:var(--ink3);font-size:10px;font-weight:600}.fiber-count{color:var(--terracotta);margin-left:auto;font-size:13px;font-weight:700}.round-btn{background:var(--surface);border:1px solid var(--line);width:32px;height:32px;color:var(--ink2);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.round-btn.sm{width:26px;height:26px}.round-btn:disabled{opacity:.32;cursor:default}.fiber-menu-wrap,.layer-menu-wrap{position:relative}.menu{z-index:5;background:var(--surfaceWhite);border:1px solid var(--line);border-radius:10px;position:absolute;top:36px;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.menu button{text-align:left;width:100%;color:var(--ink);white-space:nowrap;background:0 0;border:none;padding:9px 14px;font-size:13px;display:block}.menu button:hover{background:var(--surface2)}.menu button.danger{color:var(--terracotta)}.menu hr{border:none;border-top:1px solid var(--line);margin:0}.fiber-hl{color:var(--terracotta);margin-left:auto;font-size:12px}.layer-list{flex-direction:column;gap:6px;display:flex}.layer-slot{position:relative}.layer-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:7px 8px;display:flex}.layer-row.active{background:var(--terracottaSoft);border-color:var(--terracotta);border-width:1.5px}.layer-row.dragging{opacity:.4}.layer-drop-line{background:var(--terracotta);height:3px;box-shadow:0 0 0 2px var(--terracottaSoft);pointer-events:none;border-radius:2px;position:absolute;top:-4px;left:0;right:0}.layer-drop-line:before{content:"";background:var(--terracotta);border-radius:50%;width:8px;height:8px;position:absolute;top:-2.5px;left:-1px}.layer-list>.layer-drop-line{margin-top:-3px;position:relative;top:0}.layer-handle{color:var(--ink3);opacity:.7;cursor:grab;display:inline-flex}.layer-handle:active{cursor:grabbing}.layer-eye{color:var(--ink2);background:0 0;border:none;padding:2px;display:inline-flex}.layer-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.layer-name{color:var(--ink);background:0 0;border:none;width:100%;padding:0;font-size:12px;font-weight:600}.layer-count{color:var(--ink3);font-size:10px}.select-bar{gap:4px}.sel-chip{width:54px;height:40px;color:var(--ink2);background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.sel-chip:hover:not(:disabled){background:var(--surface2)}.sel-chip:disabled{opacity:.4}.sel-chip.tint{color:var(--terracotta)}.sel-ico{display:inline-flex}.sel-label{font-size:9px;font-weight:600}.sel-divider{background:var(--line);width:1px;height:22px}.paste-banner{color:var(--espressoText);background:var(--espresso);white-space:nowrap;border:none;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;position:absolute;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0003}.paste-banner.warn-banner{background:var(--terracotta);cursor:pointer}.paste-banner.warn-banner:hover{background:var(--accentDeep,#9c4f30)}.text-field{font-family:var(--body);color:var(--ink);border:1px solid var(--line);background:var(--surfaceWhite);border-radius:9px;width:100%;padding:8px 10px;font-size:13px}.numfield{color:var(--ink3);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.numfield input{font-family:var(--body);color:var(--ink);border:1px solid var(--line);background:var(--surfaceWhite);border-radius:9px;width:100%;padding:7px 9px;font-size:14px}.finished-size{background:var(--terracottaSoft);color:var(--ink2);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.finished-size strong{color:var(--terracotta);font-size:13px}.insp-btn.terracotta{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.preset-row{gap:6px;display:flex}.preset-row.wrap{flex-wrap:wrap}.preset{border:1px solid var(--line);background:var(--surface);min-width:52px;min-height:34px;color:var(--ink2);border-radius:9px;flex:1;font-size:13px;font-weight:600}.preset.active{background:var(--terracottaSoft);border-color:var(--terracotta);color:var(--terracotta)}.edge-grid{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:6px;display:grid}.edge-top{grid-column:1/4}.edge-left{grid-column:1}.edge-mid{text-align:center;color:var(--ink3);grid-column:2;font-size:11px;font-weight:600}.edge-right{grid-column:3}.edge-bottom{grid-column:1/4}.modal-backdrop{z-index:50;background:#281e1859;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;width:380px;padding:22px 24px;box-shadow:0 24px 70px #00000047}.modal.wide{flex-direction:column;width:460px;max-height:80vh;display:flex}.modal h2{font-family:var(--display);color:var(--ink);margin:0;font-size:22px;font-weight:600}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal label{color:var(--ink3);flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.modal input,.modal select{font-family:var(--body);color:var(--ink);border:1px solid var(--line);background:var(--surfaceWhite);border-radius:9px;padding:8px 10px;font-size:14px}.modal .row{gap:12px;display:flex}.modal .row label{flex:1}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal button.primary{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:9px;padding:8px 14px;font-weight:600}.text-modal{width:660px;max-width:92vw}.text-modal-body{gap:18px;display:flex}.text-preview-col{flex-direction:column;gap:10px;width:240px;display:flex}.text-preview{background:var(--surface2);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;width:240px;height:210px;display:flex;overflow:hidden}.text-preview img{width:240px;height:210px;image-rendering:pixelated}.text-controls{flex-direction:column;flex:1;gap:14px;display:flex}textarea.text-field{resize:vertical;font-family:var(--body)}.modal-sub{color:var(--ink3);max-width:340px;margin:3px 0 0;font-size:13px}.round-x{background:var(--surface2);width:30px;height:30px;color:var(--ink2);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.zoom-row{color:var(--ink2);justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.zoom-row span{text-align:center;width:52px}.zoom-btn{border:1px solid var(--line);background:var(--surface);width:32px;height:26px;color:var(--ink2);border-radius:7px;justify-content:center;align-items:center;display:flex}.tc-field{flex-direction:column;gap:6px;display:flex}.tc-label{letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.tc-label em{letter-spacing:0;text-transform:none;color:var(--terracotta);font-size:12px;font-style:normal;font-weight:700}.tc-field select{font-family:var(--body);color:var(--ink);border:1px solid var(--line);background:var(--surfaceWhite);border-radius:9px;padding:8px 10px;font-size:14px}.linklike{color:var(--terracotta);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:4px;padding:2px 0;font-size:12px;font-weight:600}.linklike:disabled{color:var(--ink3);cursor:default}.linklike:hover:not(:disabled){text-decoration:underline}.tc-swatches{flex-wrap:wrap;gap:6px;display:flex}.tc-swatch{border:1px solid var(--line2);border-radius:6px;width:26px;height:26px;padding:0}.tc-swatch.sel{outline:2px solid var(--terracotta);outline-offset:1px}.tc-swatch.tc-add{background:var(--surface2);color:var(--ink2);border:1px dashed var(--line2);justify-content:center;align-items:center;display:flex}.tc-swatch.tc-add:hover{border-color:var(--terracotta);color:var(--terracotta)}label.check-row{color:var(--ink2);flex-direction:row;align-items:center;gap:8px;margin-bottom:0;font-size:13px;display:flex}label.check-row input{accent-color:var(--green);flex:none;width:15px;height:15px}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:22px}input[type=range]::-webkit-slider-runnable-track{background:var(--line2);border-radius:3px;height:5px}input[type=range]::-moz-range-track{background:var(--line2);border-radius:3px;height:5px}input[type=range]::-moz-range-progress{background:var(--espresso);border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--espresso);border:2px solid var(--surfaceWhite);border-radius:50%;width:18px;height:18px;margin-top:-6.5px;box-shadow:0 1px 3px #00000038}input[type=range]::-moz-range-thumb{background:var(--espresso);border:2px solid var(--surfaceWhite);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000038}.stepper-wrap{flex-direction:column;gap:4px;display:flex}.stepper-label{letter-spacing:.6px;color:var(--ink3);font-size:10px;font-weight:700}.stepper{background:var(--surfaceWhite);border:1px solid var(--line);border-radius:10px;align-items:center;height:38px;display:flex;overflow:hidden}.stepper-btn{width:38px;height:38px;color:var(--ink2);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.stepper-btn:disabled{opacity:.35;cursor:default}.stepper-btn:not(:disabled):hover{background:var(--surface2)}.stepper-val{text-align:center;min-width:0;font-family:var(--body);color:var(--ink);-moz-appearance:textfield;background:0 0;border:none;flex:1;font-size:15px;font-weight:600}.stepper-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-val:focus{outline:none}.switch-row{color:var(--ink2);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.switch{background:var(--line2);border:none;border-radius:12px;flex:none;width:40px;height:24px;padding:0;transition:background .15s;position:relative}.switch.on{background:var(--green)}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch.on:after{transform:translate(16px)}.dropzone{background:var(--surface2);border:1.5px dashed var(--line2);border-radius:10px;justify-content:center;align-items:center;width:240px;height:180px;padding:0;display:flex;overflow:hidden}.dropzone:hover{border-color:var(--terracotta)}.dropzone img{object-fit:contain;max-width:100%;max-height:100%}.designs-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;padding:4px;display:grid;overflow-y:auto}.design-card{flex-direction:column;gap:6px;display:flex;position:relative}.design-thumb{border:1px solid var(--line);background:var(--surface);aspect-ratio:1;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.design-thumb:hover{border-color:var(--terracotta)}.design-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated}.design-meta{flex-direction:column;display:flex}.design-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.design-sub{color:var(--ink3);font-size:11px}.design-card>.round-btn{background:#ffffffe6;position:absolute;top:6px;right:6px}.motif-row{align-items:center;gap:10px;padding:6px 4px;display:flex}.motif-thumb{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:2px;display:flex;overflow:hidden}.motif-thumb:hover{border-color:var(--terracotta)}.modal.thread-lib{flex-direction:column;width:600px;max-width:94vw;max-height:560px;padding:0;display:flex;overflow:hidden}.modal.thread-lib .modal-head{margin:0;padding:20px 22px 14px}.tl-controls{background:var(--surface2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:16px 22px;display:flex}.tl-tabs{flex-wrap:wrap;gap:6px;display:flex}.tl-tab{font-family:var(--body);color:var(--ink2);background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:9px;flex:none;padding:7px 12px;font-size:12px;font-weight:600}.tl-tab.active{background:var(--espresso);color:var(--espressoText);border-color:#0000}.tl-row{align-items:center;gap:12px;display:flex}.tl-sort{letter-spacing:.6px;color:var(--ink3);flex:none;font-size:10px;font-weight:700}.tl-search{background:var(--surfaceWhite);border:1px solid var(--line);color:var(--ink3);border-radius:9px;flex:1;align-items:center;gap:6px;padding:8px 10px;display:flex}.tl-search input{min-width:0;font-family:var(--body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13px}.tl-grid-wrap{background:var(--panelBG);flex:1;padding:16px 22px;overflow-y:auto}.tl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tl-chip{background:var(--surfaceWhite);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:9px;padding:8px;display:flex}.tl-chip.on{background:var(--terracottaSoft);border-color:var(--terracotta);box-shadow:inset 0 0 0 1px var(--terracotta)}.tl-swatch{border:1px solid #0000001f;border-radius:7px;flex:none;width:28px;height:28px}.tl-chip-text{flex-direction:column;gap:1px;min-width:0;display:flex}.tl-chip-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.tl-chip-code{color:var(--ink3);font-size:10px}.tl-footer{background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.tl-foot-note{color:var(--ink3);font-size:12px}