:root{--page: #F6F5F1;--card: #FFFFFF;--inner: #EFEDE7;--ink: #1D1C19;--ink-hover: #3A3934;--secondary: #5C5A53;--label: #77746B;--line: #E2DFD6;--control-off: #D9D5CC;--tape: #F2C230;--tape-soft: #FDF3D3;--gold-deep: #C99A0E;--trial-ink: #6B4E00;--done: #1E6B45;--done-soft: #E5F3EA;--danger: #B42318;--danger-soft: #FBE4E1;--shadow: 0 8px 22px rgba(29, 28, 25, .12);--head: "Space Grotesk", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:15px Inter,system-ui,sans-serif}a{color:var(--ink)}h1{margin:0;font-family:var(--head);font-size:32px;font-weight:600;letter-spacing:-.01em}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo span{font-family:var(--head);font-size:22px;font-weight:700;letter-spacing:-.01em}.logo.big span{font-size:26px}.btn{height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--ink);color:#fff;font:600 15px Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none}.btn:hover{background:var(--ink-hover)}.btn:disabled{background:var(--control-off);color:var(--secondary);cursor:default}.btn.light{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn.light:hover{background:var(--inner)}.btn.tape{background:var(--tape);color:var(--ink)}.btn.small{height:36px;padding:0 14px;border-radius:8px;font-size:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--secondary)}.field input,.input{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);font:15px Inter,sans-serif;color:var(--ink);width:100%}.field input:focus,.input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--tape)}.field .hint{font-weight:400}.error{padding:12px 16px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:14px;font-weight:600}.notice{padding:12px 16px;border-radius:12px;background:var(--done-soft);color:var(--done);font-size:14px;font-weight:600}.small-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.auth{min-height:100vh;display:flex;flex-wrap:wrap}.auth-side{flex:1 1 480px;display:flex;align-items:center;justify-content:center;padding:48px 24px}.auth-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.auth-form form{display:flex;flex-direction:column;gap:18px}.auth-foot{border-top:1px solid var(--line);padding-top:20px;color:var(--secondary)}.auth-foot a{font-weight:600}.auth-art{flex:1 1 480px;min-height:420px;background:var(--tape-soft);display:flex;align-items:center;justify-content:center;padding:48px 24px}.auth-art p{margin:0;font-family:var(--head);font-size:24px;font-weight:600;line-height:1.3;max-width:520px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topbar{background:var(--card);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px}.topbar .grow{flex:1 1 200px}.me{position:relative}.me-button{height:44px;display:flex;align-items:center;gap:10px;padding:0 10px 0 4px;border:1px solid var(--line);border-radius:999px;background:var(--card);cursor:pointer;font:600 14px Inter,sans-serif;color:var(--ink)}.initials{width:36px;height:36px;border-radius:50%;background:var(--tape-soft);display:flex;align-items:center;justify-content:center;font:700 13px Inter,sans-serif}.menu{position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:240px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column}.menu-head{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line);margin-bottom:4px}.menu-head small{display:block;color:var(--secondary);font-size:13px}.menu button{height:40px;display:flex;align-items:center;padding:0 10px;border:0;border-radius:10px;background:none;font:15px Inter,sans-serif;color:var(--ink);cursor:pointer;text-align:left}.menu button:hover{background:var(--inner)}.menu button.danger{color:var(--danger);border-top:1px solid var(--line);border-radius:0 0 10px 10px}.trialbar{background:var(--tape-soft);border-bottom:1px solid var(--tape);padding:10px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;font-size:14px;color:var(--trial-ink)}.home{max-width:1200px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:24px}.home-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.home-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.search{position:relative}.search svg{position:absolute;left:14px;top:14px}.search input{width:300px;max-width:100%;padding-left:38px}.pills{display:flex;gap:6px;background:var(--inner);padding:4px;border-radius:999px}.pills button{height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;font:500 14px Inter,sans-serif;color:var(--secondary);cursor:pointer}.pills button.on{background:var(--card);box-shadow:0 1px 3px #1d1c191f;font-weight:600;color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;transition:all .15s;position:relative}.card:hover{border-color:var(--tape);box-shadow:0 8px 22px #1d1c191a;transform:translateY(-2px)}.continue{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:16px;text-decoration:none;cursor:pointer}.continue .thumb{width:220px;height:120px}.continue .title{font-family:var(--head);font-size:24px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.thumb{height:140px;border-radius:16px 16px 0 0;background:var(--inner);position:relative}.thumb.empty{margin:10px 10px 0;border:2px dashed var(--line);border-radius:10px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--secondary);font-size:13px}.tag{position:absolute;right:10px;top:10px;height:26px;padding:0 10px;border-radius:999px;background:var(--card);font:600 12px Inter,sans-serif;display:flex;align-items:center}.card-body{padding:14px 8px 16px 16px;display:flex;gap:4px}.card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;cursor:pointer}.card-name{font-family:var(--head);font-size:18px;font-weight:600}.card-meta{font-size:14px;color:var(--secondary)}.card-when{font-size:13px;color:var(--label)}.dots{width:36px;height:36px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.dots:hover,.dots.on{background:var(--inner)}.card .menu{top:calc(100% - 14px);right:8px;min-width:210px}.empty-box{border:2px dashed var(--line);border-radius:16px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.empty-box strong{font-family:var(--head);font-size:22px;font-weight:600}.empty-box span{color:var(--secondary)}.muted-note{padding:12px 16px;border-radius:12px;background:var(--inner);color:var(--secondary);font-size:14px}.scrim{position:fixed;inset:0;background:#1d1c1973;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.window{width:100%;max-width:520px;background:var(--card);border-radius:20px;box-shadow:0 20px 50px #1d1c1940;padding:24px;display:flex;flex-direction:column;gap:20px}.window h2{margin:0;font-family:var(--head);font-size:24px;font-weight:600}.window-actions{display:flex;justify-content:flex-end;gap:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;font-size:14px;z-index:30}.drop{border:2px dashed var(--line);border-radius:12px;background:var(--page);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;padding:16px;color:var(--ink)}.drop.over{border-color:var(--tape);background:var(--tape-soft)}.drop strong{font-size:15px}.hint{font-size:13px;font-weight:400;color:var(--secondary)}.hint.good{color:var(--done);font-weight:600}.hint.bad{color:var(--danger);font-weight:600}.hint-line{font-size:13px;color:var(--secondary)}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.file-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.file-kind{flex:0 0 auto;width:36px;height:44px;border-radius:6px;background:var(--inner);display:flex;align-items:center;justify-content:center;font:700 10px Inter,sans-serif;color:var(--secondary)}.file-kind.pdf{background:var(--tape-soft);color:var(--trial-ink)}.file-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.file-text strong{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{height:6px;border-radius:999px;background:var(--inner);overflow:hidden}.bar span{display:block;height:100%;background:var(--tape);transition:width .2s}.icon-button{width:44px;height:44px;flex:0 0 auto;border:0;background:transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-button:hover{background:var(--inner)}.text-button{border:0;background:none;padding:0;font:600 13px Inter,sans-serif;color:var(--ink);text-decoration:underline;cursor:pointer}.window-head{display:flex;align-items:center;justify-content:space-between;margin:-8px -8px -8px 0}.window.wide{max-width:760px;max-height:calc(100vh - 48px)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow:auto;padding:4px}.pick{border:2px solid var(--line);border-radius:12px;background:var(--card);padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font:600 13px Inter,sans-serif}.pick.on{border-color:var(--tape);background:var(--tape-soft)}.thumb-canvas{display:block;background:var(--card);border:1px solid var(--line);border-radius:4px}.project{height:100vh;display:flex;flex-direction:column}.project-name{font-family:var(--head);font-size:18px;font-weight:600}.pill-button{height:36px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:999px;background:var(--card);font:600 14px Inter,sans-serif;color:var(--ink);display:flex;align-items:center;gap:6px;cursor:pointer}.pill-button:hover{background:var(--inner)}.workspace{flex:1;min-height:0;display:flex}.pages-col{width:260px;flex:0 0 auto;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column}.col-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.btn.tiny{height:32px;padding:0 10px;border-radius:8px;font-size:13px}.pages-list{flex:1;overflow:auto;padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}.pages-list .file-row{border-style:dashed;padding:8px;gap:8px}.page-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:var(--card);border:1px solid var(--card);cursor:pointer;text-align:left;font-family:Inter,sans-serif}.page-row:hover{background:var(--page)}.page-row.on{background:var(--tape-soft);border-color:var(--tape)}.page-row .thumb-canvas{flex:0 0 auto;max-height:54px;object-fit:contain}.page-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.page-text strong{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-text span{font-size:12px;color:var(--secondary)}.plan-col{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--inner)}.plan-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:var(--page);border-bottom:1px solid var(--line);min-height:69px}.plan-bar .grow{flex:1}.tag-pill{height:28px;padding:0 10px;border-radius:999px;background:var(--tape-soft);color:var(--trial-ink);font:600 12px Inter,sans-serif;display:flex;align-items:center}.zoom{display:flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:2px}.zoom button{width:40px;height:40px;border:0;background:transparent;font:600 18px Inter,sans-serif;cursor:pointer;border-radius:8px}.zoom button:hover:not(:disabled){background:var(--inner)}.zoom button.fit{width:auto;padding:0 10px;border-left:1px solid var(--line);border-radius:0 8px 8px 0;font-size:13px}.zoom span{font-size:14px;font-weight:600;width:48px;text-align:center}.plan-area{flex:1;min-height:0;overflow:auto;display:flex;padding:24px}.plan-canvas{margin:auto;flex:0 0 auto;background:var(--card);box-shadow:0 2px 14px #1d1c191a}.areas-col{width:300px;flex:0 0 auto;background:var(--card);border-left:1px solid var(--line);display:flex;flex-direction:column}.areas-top{padding:16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.areas-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}.btn:disabled{background:var(--inner);color:var(--label)}.empty-areas{border:2px dashed var(--line);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;gap:6px;text-align:center;font-size:13px;color:var(--secondary)}.empty-areas strong{font-size:15px;color:var(--ink)}.thumb{overflow:hidden}.cover{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.cover .thumb-canvas{border:0;border-radius:0;width:100%!important;height:auto!important}.dd{position:relative}.dd-button{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:8px;font:15px Inter,sans-serif;color:var(--ink);cursor:pointer}.dd-button.open{border-color:var(--ink);box-shadow:0 0 0 3px var(--tape)}.dd-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;max-height:340px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column}.dd-row{min-height:40px;display:flex;align-items:center;gap:10px;padding:6px 10px;border:0;border-radius:10px;background:none;font:14px Inter,sans-serif;color:var(--ink);cursor:pointer;text-align:left}.dd-row:hover{background:var(--page)}.dd-row.on{background:var(--tape-soft)}.dd-row.all{font-weight:600;border-bottom:1px solid var(--line);border-radius:10px 10px 0 0;margin-bottom:4px;padding:10px}.dd-head{padding:10px 10px 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.dd-name{flex:1;min-width:0}.dd-meta{font-size:12px;color:var(--secondary)}.tick{flex:0 0 auto;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--control-off);background:var(--card);display:flex;align-items:center;justify-content:center}.tick.on{background:var(--ink);border-color:var(--ink)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:32px;height:32px;border-radius:8px;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line);cursor:pointer}.swatch.on{box-shadow:0 0 0 2px var(--ink)}.menu button:disabled{color:var(--label);cursor:default;background:none}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#8f1c13}.grow{flex:1}.plan-col{position:relative}.plan-inner{position:relative;margin:auto;flex:0 0 auto;touch-action:none;-webkit-user-select:none;user-select:none}.plan-inner .plan-canvas{position:absolute;inset:0;margin:0}.plan-svg{position:absolute;inset:0;overflow:visible}.plan-area.greyed .plan-inner{opacity:.35;filter:grayscale(1);pointer-events:none}.plan-area.blurred .plan-inner{filter:blur(14px)}.plan-hint{position:absolute;left:50%;top:81px;z-index:5;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;pointer-events:none;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.pick-banner{position:absolute;left:50%;top:84px;transform:translate(-50%);z-index:5;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px}.lens{position:absolute;border-radius:50%;border:3px solid var(--card);box-shadow:0 6px 20px #1d1c1959;pointer-events:none;z-index:6}.tag-pill.done{background:var(--done-soft);color:var(--done)}.tool{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:600 14px Inter,sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.tool.square{width:44px;padding:0;justify-content:center}.tool:hover:not(:disabled){background:var(--inner)}.tool.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tool:disabled{color:var(--label);cursor:default}.legend{position:absolute;transform-origin:0 0;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px #1d1c1926;display:flex;flex-direction:column;font-family:Inter,sans-serif;z-index:2}.legend-title{padding:.5em .9em;font-weight:700;font-size:11em;border-bottom:1px solid var(--line);cursor:move;background:var(--page)}.legend-rows{padding:.6em 1em;display:flex;flex-direction:column;gap:.6em;overflow:hidden}.legend-row{display:flex;align-items:center;gap:.8em;font-size:10em}.legend-row span:first-child{width:1.2em!important;height:1.2em!important}.legend-row span:first-child{width:12px;height:12px;border-radius:3px;flex:0 0 auto}.legend-row span:nth-child(2){flex:1}.legend-size{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--label) 50%)}.pages-col.raised,.areas-col.raised{position:relative;z-index:4;box-shadow:0 0 0 3px var(--tape),0 10px 30px #1d1c192e}.page-wrap{position:relative}.page-row.picking{border-color:var(--line)}.page-row.all{font:600 15px Inter,sans-serif;border:1px solid var(--line)}.dots.small{width:28px;height:28px;flex:0 0 auto}.popup{position:absolute;right:0;top:100%;z-index:30}.popup .menu{position:static}.input.inline{height:32px;padding:0 8px;font-size:14px}.areas-col{overflow:auto}.scale-set{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);font:600 14px Inter,sans-serif;color:var(--ink);display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left}.scale-set span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.area-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--card);box-shadow:0 4px 14px #1d1c190f}.area-title{display:flex;align-items:center;gap:10px;font-size:16px}.so-far{display:flex;align-items:baseline;justify-content:space-between}.so-far strong{font-family:var(--head);font-size:22px}.card-actions{display:flex;gap:8px}.card-actions .btn{flex:1}.swatch-dot{width:16px;height:16px;border-radius:5px;flex:0 0 auto;border:0;padding:0}.swatch-dot.big{width:22px;height:22px;border-radius:6px;cursor:pointer}.recall{display:flex;flex-direction:column;gap:6px}.recall-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;text-align:left;font-family:Inter,sans-serif}.recall-row:hover{background:var(--tape-soft);border-color:var(--tape)}.recall-row>span:last-child{display:flex;flex-direction:column;gap:2px;font-size:14px}.area-row-wrap{position:relative;display:flex;flex-direction:column;gap:4px}.area-row{display:flex;align-items:center;gap:10px;padding:10px 6px 10px 12px;border:1px solid var(--line);border-radius:12px}.hidden-area .area-row{background:transparent;border:1.5px dashed var(--label);opacity:.55}.hidden-area .area-total{color:var(--label)}.area-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:15px}.area-text strong{overflow-wrap:anywhere}.area-total{font-family:var(--head);font-size:15px;font-weight:600;white-space:nowrap}.area-row-wrap>.menu{top:100%;right:0}.color-menu{padding:12px;gap:10px;left:0;right:auto}.scale-col{padding:16px;gap:16px}.scale-head{display:flex;flex-direction:column;gap:4px}.scale-fields{display:flex;flex-direction:column;gap:10px}.length{display:grid;grid-template-columns:1fr 1fr;gap:10px}.unit{position:relative;display:block}.unit em{position:absolute;right:12px;top:13px;font-style:normal;color:var(--label);font-size:14px}.frac-list{max-height:360px}.frac-group{padding:0 6px 6px}.frac-items{display:flex;flex-wrap:wrap;gap:6px}.chip{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);font:600 13px Inter,sans-serif;cursor:pointer}.chip.on,.chip:hover{background:var(--tape-soft);border-color:var(--tape)}.star{width:32px;height:32px;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px}.star:hover{background:var(--inner)}.dd-row[role=option]{cursor:pointer}.scale-actions{display:flex;flex-direction:column;gap:8px}.pills button:disabled{opacity:.5;cursor:default}.check-row{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;font:600 15px Inter,sans-serif;color:var(--ink);cursor:pointer}.guard{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#f6f5f166}.guard-card{max-width:420px;background:var(--card);border-radius:20px;padding:28px;box-shadow:0 20px 50px #1d1c1940;display:flex;flex-direction:column;gap:10px;text-align:center}.guard-card strong{font-family:var(--head);font-size:22px}.totals .back{align-self:flex-start}.totals-card{padding:0;overflow:hidden}.totals-card:hover{transform:none}.totals-head,.totals-row,.totals-foot{display:grid;grid-template-columns:1fr 120px 160px;align-items:center;gap:12px;padding:12px 20px}.totals-head{grid-template-columns:22px 1fr 160px;font-size:18px;border-bottom:1px solid var(--line)}.totals-head strong{font-family:var(--head)}.totals-head span:last-child,.totals-row span:last-child,.totals-foot span:last-child{text-align:right;font-weight:600}.totals-row{border-bottom:1px solid var(--line)}.totals-foot{grid-template-columns:1fr 160px;background:var(--tape-soft);font-weight:600}@media print{body.trial-print-block *{display:none!important}body.trial-print-block:after{content:"Printing is a Pro feature";display:block;font:600 24px Inter,sans-serif;padding:48px}}.auth.center{justify-content:center;align-items:center;padding:48px 24px}.or{display:flex;align-items:center;gap:12px;color:var(--label);font-size:13px}.or span{flex:1;height:1px;background:var(--line)}.label-row{display:flex;justify-content:space-between;align-items:baseline}.label-row a{font-size:13px;font-weight:600}.field input.bad{border-color:var(--danger)}.menu button.plain-line{border-top:1px solid var(--line);border-radius:0 0 10px 10px}.narrow{max-width:640px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:20px}.narrow .back,.home .back{align-self:flex-start}.form-card{padding:24px;display:flex;flex-direction:column;gap:18px}.form-card:hover{transform:none;box-shadow:none;border-color:var(--line)}.row-card{flex-direction:row;align-items:center;justify-content:space-between}.row-card>span{display:flex;flex-direction:column;gap:2px}.who{display:flex;align-items:center;gap:12px}.initials.big{width:56px;height:56px;font-size:18px}.problembar{background:var(--danger);color:#fff;padding:10px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;font-size:14px}.problembar .btn.light{color:var(--danger);border:0}.wide-narrow{max-width:820px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.plan-card{padding:24px;display:flex;flex-direction:column;gap:10px}.plan-card:hover{transform:none}.plan-card.pro{border-color:var(--tape);box-shadow:0 0 0 3px var(--tape-soft)}.plan-name{font-family:var(--head);font-size:28px}.plan-price{color:var(--secondary)}.plan-price strong{font-family:var(--head);font-size:24px;color:var(--ink)}.plan-card ul{margin:4px 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--secondary)}.problem{border:1px solid #F2C6C1;background:var(--danger-soft);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;color:var(--ink)}.problem .btn{align-self:flex-start}.due{display:flex;align-items:baseline;gap:12px}.due strong,.due-card strong{font-family:var(--head);font-size:24px}.due-card{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.due-card>span{display:flex;flex-direction:column;gap:2px}.sub-section{display:flex;flex-direction:column;gap:10px}.plan-line{display:flex;flex-direction:column;gap:4px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.pay-card{position:relative;height:150px;border-radius:16px;padding:16px 18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 18px #1d1c192e}.pay-card-top{display:flex;align-items:center;gap:8px}.pay-card-top strong{flex:1;font-size:16px;letter-spacing:.02em}.autopay{height:24px;padding:0 10px;border-radius:999px;background:var(--tape);color:var(--ink);font:700 12px Inter,sans-serif;display:flex;align-items:center}.card-dots{width:32px;height:32px;border:0;border-radius:8px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;cursor:pointer}.pay-card-number{font:600 20px Space Grotesk,sans-serif;letter-spacing:.08em}.pay-card-bottom{display:flex;justify-content:space-between;font-size:13px;opacity:.85}.pay-card .menu{top:52px;right:12px;color:var(--ink)}.menu-note{position:absolute;right:12px;top:150px;z-index:11;width:220px;background:var(--card);color:var(--secondary);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:12px;box-shadow:var(--shadow)}.add-card{height:150px;border:2px dashed var(--line);border-radius:16px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:600 15px Inter,sans-serif;color:var(--secondary);cursor:pointer}.add-card:hover{border-color:var(--tape);background:var(--tape-soft);color:var(--ink)}.invoices{padding:0}.invoices:hover{transform:none}.invoice{display:grid;grid-template-columns:1fr 100px 80px 90px;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);align-items:center}.invoice:last-child{border-bottom:0}.invoice .status.paid{color:var(--done);font-weight:600}.invoice .status.failed{color:var(--danger);font-weight:600}.invoice a{font-weight:600;text-align:right}.chat-button{position:fixed;right:24px;bottom:24px;z-index:45;width:56px;height:56px;border-radius:50%;border:0;background:var(--tape);box-shadow:0 8px 22px #1d1c1940;display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-button.unread:after{content:"";position:absolute;right:6px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--danger);border:2px solid var(--card)}.chat{position:fixed;right:24px;bottom:92px;z-index:45;width:360px;max-width:calc(100vw - 32px);height:460px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px #1d1c1940;display:flex;flex-direction:column;overflow:hidden}.chat-head{padding:16px 18px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:10px}.chat-head>span{flex:1;display:flex;flex-direction:column}.chat-head small{font-size:12px;color:var(--muted-dark, #A9A79F)}.chat-head button{border:0;background:none;color:#fff;font-size:18px;cursor:pointer}.chat-list{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--page);overflow:auto}.bubble-wrap{display:flex;flex-direction:column;gap:4px;max-width:80%}.bubble-wrap.me{align-self:flex-end;align-items:flex-end}.bubble-wrap.them{align-self:flex-start}.bubble{padding:10px 12px;border-radius:14px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.me .bubble{background:var(--ink);color:#fff;border-bottom-right-radius:4px}.them .bubble{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble-time{font-size:12px;color:var(--label)}.chat-send{padding:10px;border-top:1px solid var(--line);display:flex;gap:8px}.support-banner{position:fixed;left:0;right:0;top:0;z-index:60;background:var(--tape);color:var(--ink);padding:8px 24px;display:flex;align-items:center;justify-content:center;gap:16px;font-weight:600;font-size:14px}.support-pointer{position:fixed;z-index:70;pointer-events:none;transform:translate(-3px,-2px)}.support-pointer span{position:absolute;left:18px;top:18px;background:#7a55c7;color:#fff;font:700 11px Inter,sans-serif;padding:2px 6px;border-radius:6px}.support-pointer .ripple{position:absolute;left:-12px;top:-12px;width:28px;height:28px;border-radius:50%;border:2px solid #7A55C7;animation:ripple .6s ease-out forwards}@keyframes ripple{0%{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}.viewas-chip{position:relative}.viewas-chip>button{height:36px;padding:0 12px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 13px Inter,sans-serif;display:flex;align-items:center;gap:6px;cursor:pointer}.viewas-card{position:absolute;right:0;top:46px;z-index:20;width:280px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:8px}.admin{min-height:100vh;display:flex;flex-direction:column}.admin-bar{background:var(--ink);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 24px}.admin-bar .plain{border:0;background:none;padding:0;cursor:pointer;color:inherit}.admin-logo{display:flex;align-items:center;gap:10px}.admin-logo span{font-family:var(--head);font-size:22px;font-weight:700}.admin-logo em{font-style:normal;font:700 11px Inter,sans-serif;letter-spacing:.08em;background:var(--tape);color:var(--ink);padding:3px 7px;border-radius:6px}.admin-login .admin-logo span{color:var(--ink)}.admin-bar nav{display:flex;gap:4px}.admin-bar nav button{height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#fff;font:600 14px Inter,sans-serif;cursor:pointer}.admin-bar nav button.on,.admin-bar nav button:hover{background:var(--ink-hover)}.btn.enter{background:var(--ink-hover)}.btn.enter.on{background:var(--card);color:var(--ink)}.me-button.dark{background:var(--ink-hover);border-color:var(--ink-hover);color:#fff}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.admin-login form{display:flex;flex-direction:column;gap:18px}.codes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.codes code{background:var(--inner);border-radius:8px;padding:8px 10px;font-size:14px;text-align:center}.admin-main{flex:1;min-height:0;display:flex;flex-direction:column}.admin-page{max-width:1200px;width:100%;margin:0 auto;padding:28px 24px 48px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.stat-tile strong{font-family:var(--head);font-size:28px;font-weight:600}.stat-tile.bad{background:var(--danger-soft);border-color:#f2c6c1}.table-card{padding:0;overflow:auto}.table-card:hover,.admin-card:hover{transform:none;box-shadow:none;border-color:var(--line)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:0;border-bottom:1px solid var(--line);font-weight:600;color:var(--label)}.admin-table th button{width:100%;height:44px;padding:0 16px;border:0;background:none;display:flex;align-items:center;gap:6px;font:600 12px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--label);cursor:pointer}.admin-table.compact th{padding:10px 16px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--line)}.admin-table tbody tr{cursor:pointer}.admin-table tbody tr:hover{background:var(--page)}.admin-table tr.on td{background:var(--tape-soft);font-weight:600}.admin-table.compact tbody tr{cursor:default}.plan-tag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font:600 12px Inter,sans-serif;white-space:nowrap}.client-head{display:flex;align-items:center;gap:14px}.client-head>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.client-name{font-family:var(--head);font-size:26px}.client-head.small{justify-content:space-between;font-size:18px}.client-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media(max-width:900px){.client-grid{grid-template-columns:1fr}}.admin-card{padding:20px;display:flex;flex-direction:column;gap:12px}.admin-card.actions .btn{width:100%}.btn.danger-text{color:var(--danger)}.pay-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.pay-row .status.paid{color:var(--done);font-weight:600}.pay-row .status.failed{color:var(--danger);font-weight:600}.admin-h2{margin:0;font-family:var(--head);font-size:20px;font-weight:600}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.kv{display:grid;grid-template-columns:180px 1fr;gap:10px 16px;font-size:14px}.kv span{color:var(--secondary)}.kv strong{font-weight:600;overflow-wrap:anywhere}.kv .good{color:var(--done)}.kv .bad{color:var(--danger)}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row .chip{height:40px;padding:0 14px;font-size:14px}.live-list{right:0;left:auto;width:320px;max-height:70vh;overflow:auto;color:var(--ink)}.live-list button{gap:10px}.live-dot{width:10px;height:10px;border-radius:50%;background:#2e9e5b;flex:0 0 auto;display:inline-block}.live-dot.off{background:var(--control-off)}.stat-tiles.five{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.legend-line{display:flex;gap:18px;font-size:13px;color:var(--secondary)}.legend-line span{display:flex;align-items:center;gap:6px}.legend-line i{width:12px;height:12px;border-radius:3px;display:inline-block}.legend-line i.dashed{background:var(--tape-soft);border:1.5px dashed var(--gold-deep);box-sizing:border-box}.bars{display:flex;align-items:flex-end;gap:24px;padding:8px 8px 0;border-bottom:1px solid var(--line)}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;cursor:default}.bar-stack{width:100%;max-width:64px;display:flex;flex-direction:column;gap:2px}.seg{width:100%}.seg.top{border-radius:4px 4px 0 0}.seg.charged{background:var(--tape)}.seg.failed{background:var(--danger)}.seg.left{background:var(--tape-soft);border:1.5px dashed var(--gold-deep);box-sizing:border-box}.bar-value{font-size:12px;font-weight:600;color:var(--secondary)}.bar-label{font-size:12px;color:var(--secondary);padding-bottom:8px}.chart-tip{position:fixed;z-index:80;background:var(--ink);color:#fff;font-size:13px;padding:8px 10px;border-radius:8px;pointer-events:none;max-width:320px}.support-page{flex:1;min-height:calc(100vh - 57px);display:grid;grid-template-columns:300px 1fr 320px}.support-chats{background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto}.chat-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer;font-family:Inter,sans-serif}.chat-row.on{background:var(--tape-soft)}.chat-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-count{min-width:20px;height:20px;border-radius:999px;background:var(--danger);color:#fff;font:700 11px Inter,sans-serif;display:flex;align-items:center;justify-content:center;padding:0 6px}.support-middle{display:flex;flex-direction:column;min-width:0;background:var(--page)}.conversation{flex:1;min-height:0;display:flex;flex-direction:column}.support-details{background:var(--card);border-left:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto}.support-details .kv{grid-template-columns:90px 1fr}.mini-chat{height:320px;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex}.viewer{flex:1;min-height:0;display:flex;flex-direction:column}.viewer-head{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line)}.viewer-box{position:relative;flex:1;min-height:0;overflow:hidden;padding:4px;outline:none;display:flex}.viewer-stage{position:absolute;left:4px;top:4px;transform-origin:0 0;background:#fff;box-shadow:0 2px 14px #1d1c1926}.viewer-stage iframe{border:0}.viewer-stage .replayer-mouse{display:none}.viewer-glass{position:absolute;left:4px;top:4px;cursor:crosshair}.me-button.dark .initials{color:var(--ink)}body.support-banner-on{padding-top:40px}body.support-banner-on .project{height:calc(100vh - 40px)}.btn.enter.square{width:36px;padding:0}.viewas-banner{position:fixed;left:0;right:0;top:0;z-index:55;height:30px;background:var(--tape);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600}body.viewas-on{padding-top:30px}body.viewas-on .project{height:calc(100vh - 30px)}body.viewas-on.support-banner-on .support-banner{top:30px}.info-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;background:var(--tape-soft);color:var(--trial-ink);font-size:13px;font-weight:600}.deleted-pages{display:flex;flex-direction:column;gap:4px;margin-top:8px;border-top:1px solid var(--line)}.deleted-page{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;opacity:.7}.deleted-page:hover{opacity:1;background:var(--page)}.viewas-banner svg{flex:0 0 auto}.nav-badge{margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font:700 11px Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;vertical-align:1px}.admin-login{background:var(--ink);color:#fff}.admin-login .admin-logo span,.admin-login h1{color:#fff}.admin-login .hint-line,.admin-login .hint,.admin-login .field{color:#a9a79f}.admin-login .field input{background:var(--ink-hover);border-color:#5c5a53;color:#fff}.admin-login .field input::placeholder{color:#77746b}.admin-login .field input:focus{border-color:var(--tape);box-shadow:0 0 0 3px #f2c23059}.admin-login .btn{background:var(--tape);color:var(--ink)}.admin-login .btn:hover{background:#f5ce55}.admin-login .btn:disabled{background:var(--ink-hover);color:#77746b}.admin-login .text-button{color:#fff}.admin-login .codes code{background:var(--ink-hover);color:#fff}.admin-login .error{background:#3a1a17;color:#f2c6c1}.login-slides{width:100%;max-width:520px;display:flex;flex-direction:column;gap:20px}.login-stage{display:grid}.login-slide{grid-area:1 / 1;display:flex;flex-direction:column;gap:22px;opacity:0;transition:opacity .5s ease;pointer-events:none}.login-slide.on{opacity:1;pointer-events:auto}.login-art{zoom:1.45}.login-msg{margin:0;font-family:var(--head);font-size:24px;font-weight:600;line-height:1.3;color:var(--ink)}.login-dots{display:flex;gap:6px;justify-content:center}.login-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--line);cursor:pointer;transition:width .3s}.login-dots button.on{width:22px;background:var(--ink)}@media(prefers-reduced-motion:reduce){.login-slide{transition:none}}.login-art .art{background:#fff;border:1px solid #E2DFD6;border-radius:16px;padding:16px;box-shadow:0 8px 22px #1d1c1914}.login-art .plan{height:220px;position:relative;background:#fff;background-image:linear-gradient(#EFEDE7 1px,transparent 1px),linear-gradient(90deg,#EFEDE7 1px,transparent 1px);background-size:20px 20px;border-radius:8px}.login-art .row{display:flex;gap:14px;margin-top:12px;font-size:13px;flex-wrap:wrap}.login-art .row span{display:flex;align-items:center;gap:6px}.login-art .row i{width:12px;height:12px;border-radius:3px;display:inline-block}.login-art{max-width:340px}html{scroll-behavior:smooth}.site{min-height:100vh;background:var(--page);color:var(--ink)}.site-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:16px 48px;background:#f6f5f1e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .2s}.site-bar.scrolled{box-shadow:0 1px 0 var(--line)}.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.site-logo span{font-family:var(--head);font-size:22px;font-weight:700;letter-spacing:-.01em}.site-logo.small span{font-size:16px}.site-nav{display:flex;gap:24px}.site-nav a,.site-login{text-decoration:none;color:var(--secondary);font-weight:500}.site-nav a:hover,.site-login:hover{color:var(--ink)}.site-login{font-weight:600;color:var(--ink)}.btn.big{height:52px;padding:0 26px;font-size:16px;border-radius:12px}.site-hero{max-width:1160px;margin:0 auto;padding:72px 48px 88px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.site-hero h1{font-size:56px;line-height:1.05;letter-spacing:-.02em}.site-hero p{font-size:19px;line-height:1.55;color:var(--secondary);margin:20px 0 32px;max-width:520px}.site-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.site-hero-art{justify-self:center}.site-section{padding:88px 48px}.site-section>*{max-width:1160px;margin-left:auto;margin-right:auto}.site-section.soft{background:var(--tape-soft)}.site-section h2,.site-band h2{font-family:var(--head);font-size:36px;font-weight:600;letter-spacing:-.01em;margin:0 auto 40px;text-align:center}.site-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.site-step{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.5;color:var(--secondary)}.site-step strong{font-family:var(--head);font-size:22px;color:var(--ink)}.site-step-n{width:36px;height:36px;border-radius:50%;background:var(--tape);color:var(--ink);font:700 16px Inter,sans-serif;display:flex;align-items:center;justify-content:center}.site-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}.site-feature{display:flex;flex-direction:column;gap:18px}.site-feature .login-art{zoom:1;max-width:none}.site-feature p{margin:0;font-family:var(--head);font-size:20px;font-weight:600;line-height:1.35}.site-plans{display:grid;grid-template-columns:repeat(3,minmax(0,340px));justify-content:center;gap:24px}.site-plan{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:12px}.site-plan.pro{border-color:var(--tape);box-shadow:0 0 0 3px var(--tape-soft)}.site-plan strong{font-family:var(--head);font-size:30px}.site-plan ul{margin:6px 0 14px;padding-left:18px;display:flex;flex-direction:column;gap:8px;color:var(--secondary)}.site-band{background:var(--ink);color:#fff;padding:80px 48px;display:flex;flex-direction:column;align-items:center;gap:4px}.site-band h2{color:#fff}.site-band .btn{background:var(--tape);color:var(--ink)}.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:28px 48px;font-size:14px;color:var(--secondary)}.site-footer a{color:var(--secondary)}.site-footer>:first-child{margin-right:auto}.soon{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--tape-soft)}.soon-card{width:100%;max-width:420px;background:var(--card);border-radius:24px;padding:40px 36px;box-shadow:0 20px 50px #1d1c191a;display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center}.soon-card h1{font-size:40px;margin-top:8px}.soon-card p{margin:0 0 8px;color:var(--secondary);font-size:16px;line-height:1.5}.soon-card form{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left}@media(max-width:900px){.site-bar{padding:14px 20px;gap:16px}.site-nav{display:none}.site-hero{grid-template-columns:1fr;padding:40px 20px 56px;gap:40px}.site-hero h1{font-size:40px}.site-section{padding:64px 20px}.site-steps,.site-features,.site-plans{grid-template-columns:1fr}.site-hero-art{zoom:.9}}.site-plan strong .per{font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:var(--secondary)}.btn.coming{cursor:default}.btn.coming:hover{background:var(--ink)}.seat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 2px;border-top:1px solid var(--line)}.seat-row strong{font-family:var(--head);font-size:17px}.seat-row .per{font-size:14px;color:var(--secondary);font-weight:500}.stepper{display:flex;align-items:center;gap:12px;font:600 17px Inter,sans-serif}.stepper span{min-width:18px;text-align:center}.stepper button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ink);background:var(--card);color:var(--ink);font:600 18px Inter,sans-serif;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 0 2px}.stepper button:hover:not(:disabled){background:var(--tape-soft)}.stepper button:disabled{border-color:var(--control-off);color:var(--control-off);cursor:default}.plan-divider{border-top:1px solid var(--line);margin-top:4px}.site-plan .btn{margin-top:auto}.chat-start{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--page)}.chat-filter{display:flex;gap:4px;padding:12px 12px 8px;border-bottom:1px solid var(--line)}.chat-filter button{height:32px;padding:0 12px;border:0;border-radius:999px;background:none;font:600 13px Inter,sans-serif;color:var(--secondary);cursor:pointer;display:flex;align-items:center}.chat-filter button.on{background:var(--ink);color:#fff}.row-left{display:flex;align-items:center;gap:6px;min-width:0}.mini-tag{flex:0 0 auto;height:18px;padding:0 6px;border-radius:999px;font:700 10px Inter,sans-serif;display:inline-flex;align-items:center}.mini-tag.web,.plan-tag.web{background:#eee8f8;color:#5b3fa0}.client-head>span.plan-tag{display:inline-flex;flex-direction:row;align-items:center;gap:0}.viewer-box{padding-top:26px}.viewer-stage,.viewer-glass{top:26px}.viewer-frame{position:absolute;left:4px;top:26px;outline:2px solid var(--tape);outline-offset:0;border-radius:2px;pointer-events:none;z-index:2}.viewer-size{position:absolute;left:-2px;top:-24px;height:20px;padding:0 8px;border-radius:6px 6px 0 0;background:var(--tape);color:var(--ink);font:700 11px Inter,sans-serif;display:flex;align-items:center;white-space:nowrap}.plan-tag,.mini-tag{line-height:1;text-box:trim-both cap alphabetic}.card-open{cursor:pointer}.plan-hint{animation:plan-hint-fade 5.6s ease forwards}@keyframes plan-hint-fade{0%{opacity:0}4%{opacity:1}89%{opacity:1}to{opacity:0;visibility:hidden}}.lens{overflow:hidden;background:#fff}.lens>canvas,.lens>svg{position:absolute;inset:0}.lens-cross{position:absolute;inset:0;background:linear-gradient(#1d1c19cc,#1d1c19cc) center / 1px 100% no-repeat,linear-gradient(#1d1c19cc,#1d1c19cc) center / 100% 1px no-repeat}.lens-world{position:absolute;left:0;top:0;transform-origin:0 0}.lens-world>svg{position:absolute;inset:0}.plan-inner .plan-canvas{width:100%!important;height:100%!important}.undo-pair{display:inline-flex;gap:4px}.plan-bar{flex-wrap:nowrap;gap:8px}.plan-bar>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-bar>*{flex-shrink:0}.plan-bar>strong,.plan-bar>.grow{flex-shrink:1}.area-row-wrap.selected .area-row{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:var(--tape-soft, #FDF3D3)}.shape-picked{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 2px 12px}.shape-picked .btn{gap:6px}.shape-picked>*{white-space:nowrap}.shape-picked .btn.small{height:30px;padding:0 10px;font-size:13px}.plan-inner .plan-detail{position:absolute;pointer-events:none}.area-row .area-text{cursor:pointer}.picked-actions{padding:2px 0 4px}.hidden-eye{width:22px;height:22px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}.legend{border:1.5px solid var(--ink)}.legend-title{background:var(--tape);color:var(--ink);border-bottom:1.5px solid var(--ink)}.legend-rows{display:grid;grid-template-columns:auto auto auto;justify-content:start;column-gap:.8em;row-gap:.6em;align-items:center}.legend-row{display:contents}.legend-row>span:nth-child(2){flex:none;padding-right:1.4em}.legend-row>strong{text-align:right;white-space:nowrap}.legend-title{color:#fff}.legend-rows{column-gap:0}.legend-row>span:first-child{margin-right:.7em}.legend{border-radius:10px;overflow:hidden}.legend-title{color:var(--ink)}.legend{width:max-content;height:auto}.legend-title{white-space:nowrap}.legend-rows{padding:7em 12em 10em 10em;row-gap:6em}.legend-title{text-align:center}.length{grid-template-columns:1fr 1fr 1fr;position:relative}.length .dd{position:static}.unit em.dd-arrow{pointer-events:auto;cursor:pointer;display:flex;align-items:center}.scale-set{height:auto;min-height:44px;padding:8px 12px}.scale-set .scale-set-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left}.scale-set .scale-set-text small{font-weight:500;font-size:13px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scale-col .pills{align-self:stretch!important;display:grid;grid-template-columns:1fr 1fr}.scale-col .pills button{white-space:nowrap;padding:0 8px;font-size:13.5px}.multi-list{width:max-content;min-width:100%;max-width:min(640px,calc(100vw - 32px));left:auto;right:0}.multi-list .dd-row{white-space:nowrap}.multi-list .dd-name{overflow:hidden;text-overflow:ellipsis}.multi-list .dd-meta{padding-left:16px}.totals-pages{width:auto;min-width:300px;max-width:520px}.pick-all{display:flex;align-items:center;gap:16px;cursor:default}.pick-all .dd-meta{margin-left:auto}.pick-all .text-button:disabled{color:var(--label);text-decoration:none;cursor:default}.legend{overflow:visible;cursor:move}.legend-title{border-radius:8.5px 8.5px 0 0}.legend.picked{box-shadow:0 0 0 3px var(--tape),0 4px 14px #1d1c1926}.legend-size{background:#fff;border:2px solid var(--ink);border-radius:2px;box-sizing:border-box}.merge-card{gap:10px}.merge-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}.merge-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);font:600 14px Inter,sans-serif;color:var(--ink);cursor:pointer;text-align:left}.merge-option:hover{border-color:var(--ink);background:var(--tape-soft)}.merge-option:disabled{opacity:.45;cursor:default;background:var(--page)}.change-area{position:absolute;transform:translate(-50%,calc(-100% - 10px));z-index:3;height:30px;padding:0 12px;border-radius:999px;border:0;background:var(--ink);color:#fff;font:600 13px Inter,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px #1d1c1940}.merge-option.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:var(--tape-soft)}.merge-option .dd-meta{margin-left:auto}.merge-sum{display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px}.merge-sum>:nth-last-child(-n+3){padding-top:8px;border-top:1px solid var(--line)}.merge-sum>span:not(.swatch-dot){text-align:right;white-space:nowrap}.merge-sum>strong:last-child{text-align:right;white-space:nowrap}.merge-text{display:flex;flex-direction:column;gap:1px;min-width:0}.merge-text small{font-weight:500;font-size:12.5px;color:var(--secondary)}.pick-row{width:100%;background:var(--card);font:inherit;color:var(--ink);text-align:left;cursor:pointer;padding-right:12px}.pick-row:hover{border-color:var(--ink)}.pick-row.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:var(--tape-soft)}.pick-row:disabled{opacity:.45;cursor:default;background:var(--page)}.merge-box{border:1px solid var(--line);border-radius:12px;overflow:hidden}.merge-box-head{background:var(--page);padding:8px 14px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--secondary)}.merge-box-row{display:grid;grid-template-columns:16px 1fr auto auto;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);font-size:14px}.merge-box-row>span:last-child{min-width:96px;text-align:right;font-weight:600;white-space:nowrap}.plan-col{overflow:hidden;container-type:inline-size}.plan-bar{overflow-x:auto;scrollbar-width:none}.plan-bar::-webkit-scrollbar{display:none}@container (max-width: 700px){.plan-bar .tool:not(.square){font-size:0;gap:0;width:44px;padding:0;justify-content:center}}@container (max-width: 560px){.plan-bar>strong{display:none}}@container (max-width: 640px){.plan-bar{gap:6px;padding-left:12px;padding-right:12px}.plan-bar .tool,.plan-bar .tool:not(.square){width:38px;height:38px}.plan-bar .zoom button{width:34px}.plan-bar .zoom>span{min-width:44px}}@container (max-width: 500px){.plan-bar{flex-wrap:wrap;overflow-x:visible}}.page-wrap.current{position:sticky;top:0;bottom:0;z-index:2;background:var(--card)}.page-wrap.current[data-stuck] .page-row{box-shadow:0 6px 14px -8px #1d1c1973}.page-wrap.current[data-stuck] .page-row:after{content:"";position:absolute;left:8px;right:8px;height:3px;border-radius:3px;background:var(--ink)}.page-wrap.current[data-stuck=top] .page-row:after{bottom:-6px}.page-wrap.current[data-stuck=bottom] .page-row:after{top:-6px}.page-wrap.current[data-stuck=bottom] .page-row{box-shadow:0 -6px 14px -8px #1d1c1973}.page-wrap.current .page-row{position:relative}.page-wrap.current[data-stuck=top]{padding-bottom:9px;margin-bottom:-9px}.page-wrap.current[data-stuck=bottom]{padding-top:9px;margin-top:-9px}.page-wrap.current[data-stuck=top] .page-row:after{bottom:-7px}.page-wrap.current[data-stuck=bottom] .page-row:after{top:-7px}.page-wrap.current[data-stuck] .page-row:after{content:none}.plan-bar{flex-shrink:0}.zoom{gap:0}.zoom button{width:30px}.zoom>span{min-width:0!important;width:auto;padding:0 4px;font-size:14px;font-variant-numeric:tabular-nums;text-align:center}.zoom button.fit{padding:0 9px}.plan-bar .zoom button{width:30px}.plan-bar .zoom button.fit{width:auto}.pick>span{display:inline-flex;align-items:center;gap:6px}.window .pick-all{padding:0 2px}.tool-group{display:inline-flex;flex-shrink:0;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:1px}.tool-group .tool{border:0;border-radius:8px;height:40px}.tool-group .tool+.tool{border-radius:0 8px 8px 0;box-shadow:-1px 0 0 var(--line)}.tool-group .tool:first-child:not(:last-child){border-radius:8px 0 0 8px}.tool-group .tool.square{width:40px}.tool-group .tool.on{box-shadow:none}@container (max-width: 640px){.plan-bar .tool-group .tool{height:34px}.plan-bar .tool-group .tool,.plan-bar .tool-group .tool:not(.square){width:34px}}.tool.on:hover:not(:disabled){background:var(--ink-hover);color:#fff}.project-title{display:inline-flex;align-items:center;gap:4px;min-width:0}.project-menu{position:relative;display:inline-flex}.project-menu .popup{top:calc(100% + 6px);left:0;right:auto;z-index:30;min-width:200px}.project-title input{font:600 18px var(--head);height:36px;padding:0 10px;border:1px solid var(--ink);border-radius:8px;width:280px}.project-title .input.inline{font-family:var(--head);font-size:18px;font-weight:600;letter-spacing:normal;color:var(--ink);height:36px;padding:0 9px;width:300px}.areas-col{min-height:0}.areas-col:not(.scale-col){overflow:hidden}.areas-fixed{padding:0 16px 14px;display:flex;flex-direction:column;flex-shrink:0}.areas-body{flex:1;min-height:0;overflow:auto;padding-bottom:88px}.areas-fixed{padding-top:16px}.tools-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.tools-head h2{margin:0;font:600 22px var(--head)}.tools-body{padding:8px 16px 96px;display:flex;flex-direction:column;gap:20px;overflow:auto;flex:1;min-height:0}.tool-category{display:flex;flex-direction:column;gap:10px}.tool-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-tile{height:52px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);font:600 14px Inter,sans-serif;color:var(--ink);cursor:pointer;text-align:left}.tool-tile:hover:not(:disabled){border-color:var(--ink);background:var(--tape-soft)}.tool-tile:disabled{color:var(--label);background:var(--page);cursor:default}.tool-tile{height:auto;min-height:52px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.soon-pill{font:600 11px Inter,sans-serif;color:var(--trial-ink);background:var(--tape-soft);border:1px solid var(--tape);border-radius:999px;padding:2px 8px}.tool-tile{align-items:center;text-align:center}.new-area-pane .area-card{border:0;padding:0;box-shadow:none;background:transparent}.new-area-pane .area-card>.small-label:first-child{display:none}.field input.bad,.field input.bad:focus{border-color:var(--danger);outline:none;box-shadow:0 0 0 3px var(--danger-soft)}.ruler-reading{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px}.ruler-reading strong{font:700 26px var(--head);color:#c0271d}.ruler-menu{position:absolute;transform:translate(-50%,-100%);z-index:4;display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--ink);border-radius:10px;box-shadow:0 6px 16px #1d1c194d;white-space:nowrap}.ruler-menu button{height:30px;min-width:30px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#fff;font:600 15px Inter,sans-serif;cursor:pointer}.ruler-menu button.word{font-size:13px}.ruler-menu button:hover:not(:disabled){background:#ffffff24}.ruler-menu button:disabled{opacity:.4;cursor:default}.ruler-size{color:#fff;font:600 13px Inter,sans-serif;min-width:22px;text-align:center}.ruler-sep{width:1px;height:18px;background:#ffffff40;margin:0 4px}.tool.has-tip{position:relative}.tool .tip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:20;background:var(--ink);color:#fff;font:500 12.5px Inter,sans-serif;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none}.tool.has-tip:hover .tip{display:block}.tool u{text-decoration-thickness:1.5px;text-underline-offset:2px}.plan-bar{overflow:visible;position:relative;z-index:6}.plan-bar>.tool-group:first-child .tip{left:0;transform:none}.plan-col.keys-off .plan-bar u{text-decoration:none}.print-preview{position:fixed;inset:0;z-index:60;display:flex;background:var(--inner)}.print-side{width:320px;flex:0 0 auto;background:var(--card);border-right:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:18px;overflow:auto}.print-side h2{margin:0;font:600 22px var(--head)}.print-side .grow{flex:1}.print-actions{display:flex;flex-direction:column;gap:8px}.print-pages{flex:1;min-width:0;overflow:auto;padding:28px;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative}.print-sheet{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:900px}.print-sheet canvas{background:#fff;box-shadow:0 4px 18px #1d1c192e}.print-making{position:sticky;top:0;align-self:flex-end;background:var(--ink);color:#fff;font:600 12px Inter,sans-serif;padding:4px 10px;border-radius:999px;z-index:2}.size-stepper{display:inline-flex;align-items:center;align-self:flex-start;border:1px solid var(--line);border-radius:10px;padding:2px;background:var(--card)}.size-stepper button{width:36px;height:36px;border:0;background:transparent;font:600 18px Inter,sans-serif;cursor:pointer;border-radius:8px}.size-stepper button:hover:not(:disabled){background:var(--inner)}.size-stepper button:disabled{opacity:.35;cursor:default}.size-stepper>span{min-width:36px;text-align:center;font:600 15px Inter,sans-serif}body.keys-off [data-shortcut] u{text-decoration:none}.btn.has-tip{position:relative}.btn .tip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:50;background:var(--ink);color:#fff;font:500 12.5px Inter,sans-serif;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none}.btn.has-tip:hover .tip{display:block}.btn u{text-decoration-thickness:1.5px;text-underline-offset:2px}body.keys-off [data-shortcut] .tip u,.plan-col.keys-off .plan-bar .tip u{text-decoration:underline}.unit input.forever::placeholder{color:var(--label);font-size:22px}.top-notice{position:fixed;top:34px;left:50%;transform:translate(-50%,-50%);z-index:70;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font:600 13px Inter,sans-serif;white-space:nowrap;pointer-events:none;animation:plan-hint-fade 5.6s ease forwards}.dd.fit{align-self:flex-start;width:max-content;max-width:100%}.dd.fit .dd-button{width:auto;gap:12px;white-space:nowrap}.dd.fit .dd-list{right:auto;min-width:100%;width:max-content}.plan-name .vip{white-space:nowrap}.input:disabled,.field input:disabled{background:var(--page);color:var(--label);cursor:not-allowed}.input.ring{border-color:var(--ink);box-shadow:0 0 0 3px var(--tape)}main.three-plans{max-width:1100px}main.three-plans .plans{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plan-card.vip-card{border:3px solid transparent;box-shadow:0 0 0 4px var(--tape),var(--shadow);background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(110deg,var(--ink) 0%,var(--ink) 38%,#FFFFFF 46%,var(--tape) 50%,#FFFFFF 54%,var(--ink) 62%,var(--ink) 100%) border-box;background-size:100% 100%,120% 100%;background-repeat:no-repeat,repeat-x;animation:vip-shimmer 2.04s linear infinite}@keyframes vip-shimmer{0%{background-position:0 0,0% 0}to{background-position:0 0,-600% 0}}@media(prefers-reduced-motion:reduce){.plan-card.vip-card{animation:none}}.passkey-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.passkey-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.passkey-list li>span{display:flex;flex-direction:column;gap:2px}.btn>svg{flex:none}.admin-login .btn.light{background:transparent;color:#fff;border:1px solid #4A4842}.legal{max-width:760px;margin:0 auto;padding:40px 24px 64px;line-height:1.6;color:var(--ink)}.legal .site-logo{margin-bottom:32px;text-decoration:none;color:var(--ink)}.legal h1{font-size:40px;margin:0 0 4px}.legal h2{font-size:20px;margin:28px 0 6px}.legal p{margin:0 0 10px;color:var(--secondary);font-size:16px}.legal-links{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}.legal-links a{color:var(--secondary)}.legal>.legal-links{margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}