:root{--blue:#1e5bc6;--blue-dark:#17479c;--blue-soft:#e8effb;--yellow:#f2c200;--green:#1f7a43;--red:#b8352c;--bg:#eef0f3;--surface:#fff;--line:#d5d9df;--text:#1f2937;--muted:#5b6472;--font:system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--t-title:600 16px/1.25 var(--font);--t-control:400 14px/1.3 var(--font);--t-label:600 12px/1.2 var(--font);--t-meta:400 12px/1.35 var(--font);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--radius:6px;--tb-h:36px;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (pointer:coarse){:root{--tb-h:44px}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:var(--t-control);-webkit-font-smoothing:antialiased;margin:0}::selection{background:#c7d7f4}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}*{scrollbar-width:thin;scrollbar-color:#b8bec7 transparent}button,.ghost,.cta,.sym,summary{transition:background-color .12s,color .12s,border-color .12s}#app{grid-template:52px auto minmax(0,1fr)/clamp(220px,26vw,280px) minmax(0,1fr);height:100dvh;display:grid}.appbar{background:var(--blue);color:#fff;align-items:center;gap:var(--s2);padding:0 max(var(--s4), env(safe-area-inset-right)) 0 max(var(--s4), env(safe-area-inset-left));grid-column:1/-1;min-width:0;display:flex}.appbar h1{margin:0 var(--s1) 0 0;font:var(--t-title)}.chip{padding:2px var(--s2);border-radius:var(--radius);font:var(--t-meta);font-variant-numeric:tabular-nums;background:#ffffff29}.sp{flex:1}.appbar select{border-radius:var(--radius);padding:var(--s1) var(--s2);color:#fff;background:0 0;border:1px solid #ffffff80}.appbar select option{color:var(--text)}.ghost{align-items:center;gap:var(--s1);color:#fff;border-radius:var(--radius);padding:6px var(--s3);white-space:nowrap;background:0 0;border:1px solid #ffffff8c;text-decoration:none;display:inline-flex}.ghost:hover{background:#ffffff1f}.ghost.dark{color:var(--text);border-color:var(--line)}.ghost.dark:hover{background:var(--bg)}.cta{background:var(--yellow);color:var(--text);border-radius:var(--radius);padding:7px var(--s4);white-space:nowrap;border:0;font-weight:600;position:relative}.cta:hover{background:#ffd21f}.badge{background:var(--yellow);color:var(--text);border-radius:var(--radius);padding:var(--s1) var(--s3);font-weight:600}.toolbar{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--s2) var(--s3);scrollbar-width:none;grid-column:1/-1;align-items:center;display:flex;overflow-x:auto}.grp{padding:0 var(--s2);border-right:1px solid var(--line);flex:none;align-items:center;gap:2px;display:flex}.grp:first-child{padding-left:0}.grp:last-child{border-right:0}.zoom{margin-left:auto}.zoom output{text-align:center;font-variant-numeric:tabular-nums;min-width:52px}.tb{height:var(--tb-h);min-width:var(--tb-h);border-radius:var(--radius);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;list-style:none;display:inline-flex;position:relative}.tb:hover{background:var(--bg)}.tb svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.tb[aria-pressed=true]{background:var(--blue);color:#fff}.tb.red{color:var(--red)}.chev{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}@media (width>=901px){.toolbar .tb{height:auto;padding:var(--s1) var(--s2);flex-direction:column;gap:2px}.toolbar .tb svg{width:22px;height:22px}.toolbar .tb .chev{display:none}.toolbar .tb span{font:var(--t-meta)}}@media (width<=900px){.tb span{display:none}}@media (width>=901px) and (width<=1439px){.grp.struct,.grp.zoom{display:none}.grp.more{border-right:0;margin-left:auto;display:flex}}.step{align-items:center;display:inline-flex}.steplbl{font:var(--t-meta);color:var(--muted);padding:0 2px}.menu{position:relative}.menu summary{cursor:pointer}.menu summary[aria-disabled=true]{opacity:.38;pointer-events:none}.keys{border-collapse:collapse;width:100%;margin:var(--s3) 0 var(--s4)}.keys td{padding:var(--s1) 0;border-bottom:1px solid var(--line)}.keys td:last-child{text-align:right;white-space:nowrap;padding-left:var(--s4)}.keys kbd{font:var(--t-meta);border:1px solid var(--line);border-radius:3px;padding:1px 6px}.menu summary::-webkit-details-marker{display:none}.pop{z-index:20;max-height:calc(100dvh - 128px);margin-top:var(--s2);background:var(--surface);min-width:210px;color:var(--text);padding:var(--s1);box-shadow:0 0 0 1px var(--line), 0 8px 24px #0000001f;border-radius:8px;display:grid;position:fixed;overflow-y:auto}.menu[open] .pop{animation:drop-in .16s var(--ease-out)}.pop button{text-align:left;border-radius:var(--radius);padding:var(--s2) var(--s3);background:0 0;border:0}.pop button:hover{background:var(--bg)}.pop .langswitch{display:none}.panel{background:var(--surface);border-right:1px solid var(--line);padding:var(--s4);gap:var(--s5);flex-direction:column;display:flex;overflow-y:auto}.grip{display:none}.panel h2{margin:0 0 var(--s3);font:var(--t-label);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:var(--s2);display:flex}.panel h2:before{content:"";background:var(--c);border-radius:3px;width:12px;height:12px}.syms{gap:var(--s1);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));display:grid}.sym{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);place-items:center;height:40px;padding:0;display:grid;position:relative}@media (pointer:coarse){.sym{height:44px}.syms{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}}.sym:hover{border-color:#9aa3b0}.sym[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 2px #c7d7f4}.field{gap:var(--s2);grid-template-columns:1fr 1fr;display:grid}.field label{gap:var(--s1);font:var(--t-meta);color:var(--muted);display:grid}.field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-variant-numeric:tabular-nums;width:100%;padding:7px 10px}.seg{border:1px solid var(--line);border-radius:var(--radius);margin-top:var(--s3);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.seg button{background:var(--surface);padding:var(--s2) 6px;border:0;position:relative}.seg button[aria-pressed=true]{background:var(--blue);color:#fff}.canvas{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.stage{padding:var(--s5);display:grid;overflow:auto}.stage[data-tool=pen],.stage[data-tool=erase],.stage[data-tool=rect],.stage[data-tool=stamp],.stage[data-tool=select]{cursor:crosshair}.sheet{border-radius:var(--radius);padding:var(--s3) var(--s2) var(--s1);box-shadow:0 0 0 1px var(--line), 0 2px 6px #0000000d;background:#fff;margin:auto}.sheet svg{display:block}.foot{align-items:center;gap:var(--s3);padding:6px var(--s3) max(6px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);display:flex}.status{gap:var(--s4);font:var(--t-meta);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.status b{color:var(--text);font-weight:600}.legend{width:340px;max-width:60%;margin-left:auto;position:relative}.legend summary{cursor:pointer;align-items:center;gap:var(--s2);padding:6px var(--s3);border:1px solid var(--line);border-radius:var(--radius);font-weight:600;list-style:none;display:flex}.legend summary::-webkit-details-marker{display:none}.legend summary:after{content:"";border:solid var(--muted);width:7px;height:7px;transition:transform .2s var(--ease-out);border-width:2px 0 0 2px;margin-left:auto;transform:translateY(2px)rotate(45deg)}.legend[open] summary:after{transform:translateY(-2px)rotate(225deg)}.legend .n{background:var(--bg);color:var(--muted);padding:0 var(--s2);font:var(--t-meta);border-radius:999px}.legend .rows{bottom:calc(100% + var(--s2));background:var(--surface);max-height:50dvh;box-shadow:0 0 0 1px var(--line), 0 8px 24px #0000001f;padding:var(--s3) var(--s4);gap:var(--s2);border-radius:8px;display:grid;position:absolute;left:0;right:0;overflow:auto}.legend[open] .rows{animation:rise-in .18s var(--ease-out)}.legend .rows div{gap:var(--s3);align-items:center;line-height:1.35;display:flex}.legend .rows svg{outline:1px solid #b4bac3;flex:none}.repkey{border:2px solid var(--red);flex:none;width:18px;height:12px}dialog{max-width:440px;padding:var(--s5);color:var(--text);border:0;border-radius:10px;line-height:1.5;box-shadow:0 20px 60px #00000040}dialog[open]{animation:dialog-in .2s var(--ease-out)}dialog::backdrop{background:#11182773}dialog p{margin:0 0 var(--s4)}dialog label{gap:var(--s1);font:var(--t-meta);color:var(--muted);display:grid}dialog input{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2) 10px;font-size:16px}#licErr{color:var(--red);min-height:1.3em;margin:var(--s2) 0 var(--s3);font:var(--t-meta)}.actions{gap:var(--s2);justify-content:flex-end;display:flex}.cta .short{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button:disabled{opacity:.38;cursor:not-allowed}button:disabled:hover{background:0 0}.stage:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.notice{font:var(--t-meta);color:var(--text);border-radius:var(--radius);padding:var(--s1) var(--s2);animation:rise-in .18s var(--ease-out);background:#fff4c7}#licPending{font-weight:600}.appbar .ghost svg,.ghost.dark svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.chip{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;overflow:hidden}.sheetdlg{width:min(680px,100vw - 32px);max-width:none;max-height:min(720px,100dvh - 32px);padding:0;display:none}.sheetdlg[open]{flex-direction:column;display:flex}.sheetdlg>header{padding:var(--s4) var(--s5);justify-content:space-between;align-items:center;display:flex}.sheetdlg h2{font:var(--t-title);margin:0}.newp{gap:var(--s2);padding:0 var(--s5) var(--s3);grid-template-columns:minmax(0,1fr) 84px 84px auto;align-items:end;display:grid}.newp label{gap:var(--s1);font:var(--t-meta);color:var(--muted);display:grid}.newp input,.pname{border:1px solid var(--line);border-radius:var(--radius);font:var(--t-control);color:var(--text);background:var(--surface);min-width:0;padding:7px 10px}.newp input[type=number]{font-variant-numeric:tabular-nums}.projbar{padding:0 var(--s5) var(--s3);border-bottom:1px solid var(--line);justify-content:flex-end;display:flex}.plist{padding:var(--s2) var(--s3) var(--s4);gap:2px;margin:0;list-style:none;display:grid;overflow-y:auto}.plist li{gap:2px var(--s3);padding:var(--s2) var(--s3);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name act""meta act";align-items:center;display:grid}.plist li:hover{background:var(--bg)}.plist li.cur{background:var(--blue-soft)}.pname{background:0 0;border-color:#0000;grid-area:name;padding:4px 6px;font-weight:600}.pname:hover,.pname:focus{border-color:var(--line);background:var(--surface)}.pmeta{font:var(--t-meta);color:var(--muted);font-variant-numeric:tabular-nums;grid-area:meta;padding:0 6px}.pact{gap:var(--s1);grid-area:act;display:flex}.pact .ghost{padding:5px 10px}.danger{color:var(--red)!important}.armed{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}@media (width<=760px){.appbar .ghost span{display:none}.sheetdlg{border-radius:0;width:100vw;height:100dvh;max-height:100dvh;margin:0}.newp{padding:0 var(--s4) var(--s3);grid-template-columns:1fr 1fr}.newp label:first-child,.newp button{grid-column:1/-1}.plist li{grid-template-columns:1fr;grid-template-areas:"name""meta""act"}}.grp.more{display:none}@media (pointer:coarse){.ghost,.cta,.appbar select,.field input,.seg button,.legend summary,.pop button{min-height:44px}.pop button{align-items:center;display:flex}}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}}@keyframes dialog-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){@keyframes drop-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0}}}@media (width<=900px){.toolbar{padding:var(--s1) 0 var(--s2)}.grp{gap:0;padding:0}.tb{min-width:44px;padding:0}.grp:nth-child(n+3):not(.more){display:none}.grp.more{border-right:0;margin-left:auto;display:flex}.grp.more .chev{display:none}.grp.more .pop{right:var(--s2)}}@media (width>=640px) and (width<=900px){.toolbar .grp:nth-child(3){display:flex}}@media (width<=760px){#app{grid-template:52px auto minmax(0,1fr) auto/minmax(0,1fr)}.chip,.appbar select,.appbar h1,.cta .long{display:none}.cta .short{display:inline}.appbar{padding:0 var(--s3)}.panel{border-right:0;border-top:1px solid var(--line);max-height:34dvh;padding:var(--s3);gap:var(--s4);grid-row:4}.stage{padding:var(--s3)}.legend{width:auto}.legend .rows{width:min(320px,100vw - 24px);left:auto}.pop .langswitch{display:block}.panel{padding-bottom:max(var(--s3), env(safe-area-inset-bottom));padding-top:0}.grip{z-index:1;height:28px;margin:0 calc(-1 * var(--s3));background:var(--surface);touch-action:none;cursor:ns-resize;border:0;flex:none;place-items:center;display:grid;position:sticky;top:0}.grip:before{content:"";background:var(--line);border-radius:999px;width:40px;height:4px}.panel.folded{max-height:calc(28px + env(safe-area-inset-bottom));overflow:hidden}.foot{padding-bottom:6px}}#print{display:none}@media print{#app>:not(#print){display:none!important}#app{height:auto;display:block}body{background:#fff}#print{display:block}#print svg{max-width:100%;height:auto}}[data-look=naht]{--thread:#e6a93a;--thread-blue:#5b84d0;--seam-h:repeating-linear-gradient(90deg, var(--thread-blue) 0 8px, transparent 8px 13px);--seam-v:repeating-linear-gradient(180deg, var(--thread-blue) 0 8px, transparent 8px 13px)}[data-look=naht] .appbar{background:repeating-linear-gradient(135deg,#ffffff0f 0 2px,#0000 2px 5px),#2152b0;position:relative}[data-look=naht] .appbar:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg, var(--thread) 0 8px, transparent 8px 13px);height:2px;position:absolute;bottom:-1px;left:0;right:0}[data-look=naht] .toolbar{background:var(--seam-h) left 0 bottom 0 / 100% 2px no-repeat, var(--surface);border-bottom:0}[data-look=naht] .panel{background:var(--seam-v) right 0 top 0 / 2px 100% no-repeat, var(--surface);border-right:0}[data-look=naht] .foot{background:var(--seam-h) left 0 top 0 / 100% 2px no-repeat, var(--surface);border-top:0}[data-look=naht] .panel h2{background:var(--c);color:var(--on,#fff);padding:6px var(--s3);outline-offset:-4px;border-radius:3px;outline:1.5px dashed #ffffffd9;display:inline-flex;box-shadow:0 1px 2px #00000026}[data-look=naht] .panel section:first-child h2{--on:var(--text);outline-color:#1f29378c}[data-look=naht] .panel h2:before{display:none}[data-look=naht] .sym[aria-pressed=true]{box-shadow:none}[data-look=naht] :is(.sym,.tb,.seg button)[aria-pressed=true]:after,[data-look=naht] .cta:after{content:"";pointer-events:none;animation:sew-in .34s var(--ease-out) both;border:1.5px dashed #ffffffd9;border-radius:3px;position:absolute;inset:4px}[data-look=naht] .sym[aria-pressed=true]:after{border-color:var(--blue)}[data-look=naht] .cta:after{border-color:#1f293780;animation:none}@keyframes sew-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){@keyframes sew-in{0%{opacity:0}}}[data-look=naht] .sheetdlg h2{background:var(--blue);color:#fff;padding:6px var(--s3);font:var(--t-label);letter-spacing:.06em;text-transform:uppercase;outline-offset:-4px;border-radius:3px;outline:1.5px dashed #ffffffd9;display:inline-flex;box-shadow:0 1px 2px #00000026}[data-look=naht] .projbar{background:var(--seam-h) left 0 bottom 0 / 100% 2px no-repeat;border-bottom:0}@media (width<=760px){[data-look=naht] .panel{background:var(--seam-h) left 0 top 0 / 100% 2px no-repeat, var(--surface);border-top:0}}