@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2) format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-ext-400-normal-BdGhO0lm.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-400-normal-DPxMaNjI.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-400-normal-BT_DHTc7.woff2) format("woff2"),url(/assets/vazirmatn-latin-400-normal-GKyMcI03.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-arabic-600-normal-CPKvAnd1.woff2) format("woff2"),url(/assets/vazirmatn-arabic-600-normal-CWYTfCgi.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-latin-ext-600-normal-CyxCUfFz.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-600-normal-Di8rk35l.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-latin-600-normal-D-zF-Oec.woff2) format("woff2"),url(/assets/vazirmatn-latin-600-normal-BxJiDPKT.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-arabic-700-normal-Dge_DOjm.woff2) format("woff2"),url(/assets/vazirmatn-arabic-700-normal-B5nPuCFv.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-ext-700-normal-BfoXmNMx.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-700-normal-DMYLqBto.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-700-normal-9BlbvDRV.woff2) format("woff2"),url(/assets/vazirmatn-latin-700-normal-DrB0PBU6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}:root{--brand: #4f46e5;--brand-dark: #3730a3;--ink: #1f2733;--muted: #667085;--line: #e6e9ef;--bg: #f4f6fa;--card: #ffffff;--ok-bg: #f0fdf4;--ok-line: #bbf7d0;--warn-bg: #fffbeb;--warn-line: #fde68a;--err-bg: #fef2f2;--err-line: #fecaca}html{direction:rtl}body{margin:0;font-family:Vazirmatn,Vazir,Segoe UI,Tahoma,sans-serif;font-size:15px;line-height:1.9;color:var(--ink);background:var(--bg)}#app{max-width:1180px;margin:0 auto;padding:16px 20px 64px}h1{color:var(--brand);font-size:1.45rem;margin:0}h2{color:var(--brand-dark);font-size:1.05rem;margin:0 0 12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-block:14px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;flex-wrap:wrap}.app-header .sub{color:var(--muted);font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}.field{display:flex;flex-direction:column;gap:2px;font-size:.82rem;color:var(--muted)}input,select{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;min-width:0}input:focus,select:focus{outline:2px solid #c7d2fe;border-color:var(--brand)}::placeholder{color:#6b7280;opacity:1}input[type=number]{direction:ltr;text-align:center}.parts-scroll{overflow-x:auto}table.parts{border-collapse:collapse;width:100%;min-width:1220px}table.parts th,table.parts td{border:1px solid var(--line);padding:4px 6px;text-align:center;vertical-align:middle;font-size:.85rem}table.parts thead th{background:var(--bg);color:var(--brand-dark);font-weight:600}table.parts thead tr.groups th{border-bottom:none;font-size:.8rem}table.parts input,table.parts select{width:100%;padding:4px 6px;border-radius:6px}table.parts td.num input{width:5.2em}table.parts td.qty input{width:3.6em}td.code{direction:ltr;font-family:Cascadia Code,Consolas,monospace;font-size:.85rem;color:#d6336c;background:#fdf2f8;min-width:5em}td.groove-pos{min-width:6.5em}td.groove-pos input[type=number]{width:6em;margin-top:2px}td.groove-pos label.mid{display:inline-flex;align-items:center;gap:2px;font-size:.78rem;color:var(--muted);white-space:nowrap}.row-warn td{background:var(--warn-bg)}button{font:inherit;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:7px 16px;cursor:pointer}button:hover{border-color:var(--brand)}button.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}button.primary:hover{background:var(--brand-dark)}button.ghost-danger{border:none;background:transparent;color:#b91c1c;padding:2px 8px;font-size:1rem}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stat{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-align:center}.stat .value{font-size:1.3rem;font-weight:700;color:var(--brand-dark);direction:ltr}.stat .label{font-size:.78rem;color:var(--muted)}.box{border-radius:12px;padding:10px 16px;margin-block:10px;font-size:.88rem}.box.warn{background:var(--warn-bg);border:1px solid var(--warn-line)}.box.error{background:var(--err-bg);border:1px solid var(--err-line);color:#b91c1c}.box.ok{background:var(--ok-bg);border:1px solid var(--ok-line)}pre.preview{direction:ltr;text-align:left;font-family:Cascadia Code,Consolas,monospace;font-size:.82rem;background:#1e293b;color:#e2e8f0;padding:14px 18px;border-radius:12px;overflow-x:auto}.hint{color:var(--muted);font-size:.8rem}:root{--band: #2563eb;--band-bg: #dbeafe;--band-ink: #1e40af;--angle: #d97706;--angle-bg: #fef3c7;--angle-ink: #92400e;--groove: #059669;--groove-bg: #d1fae5;--groove-ink: #065f46}.chips{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;white-space:nowrap}.chips.disabled{opacity:.4}.chip{border:none;border-radius:0;background:#fff;padding:4px 0;min-width:30px;font-size:.85rem;line-height:1.4;cursor:pointer;border-inline-start:1px solid var(--line)}.chip:first-child{border-inline-start:none}.tone-band .chip.on,.all-chip.tone-band.on{background:var(--band-bg);color:var(--band-ink);font-weight:700}.tone-angle .chip.on{background:var(--angle-bg);color:var(--angle-ink);font-weight:700}.tone-groove .chip.on{background:var(--groove-bg);color:var(--groove-ink);font-weight:700}.all-chip{min-width:34px;padding:4px 8px;border-radius:8px;font-weight:700}th.th-band{background:var(--band-bg);color:var(--band-ink)}th.th-angle{background:var(--angle-bg);color:var(--angle-ink)}th.th-groove{background:var(--groove-bg);color:var(--groove-ink)}td.code-cell{padding:2px 4px}td.row-actions{white-space:nowrap}button.ghost{border:none;background:transparent;color:var(--brand-dark);padding:2px 6px;font-size:1rem}.quick-code{display:inline-block}.qc-input{width:7.5em;font-family:Cascadia Code,Consolas,monospace;font-size:.85rem;direction:ltr;text-align:center;color:#d6336c;background:#fdf2f8}.qc-input.invalid{border-color:#b91c1c;background:var(--err-bg)}.qc-error{display:block;font-size:.72rem;color:#b91c1c;line-height:1.6}.piece-editor{margin-block:10px}.pe-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pe-tools{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.pe-tool{border:none;border-radius:0;padding:6px 16px;background:#fff;font-size:.9rem;border-inline-start:1px solid var(--line)}.pe-tool:first-child{border-inline-start:none}.pe-tool.tone-band.on{background:var(--band-bg);color:var(--band-ink);font-weight:700}.pe-tool.tone-angle.on{background:var(--angle-bg);color:var(--angle-ink);font-weight:700}.pe-all{border-radius:10px;padding:6px 12px;font-size:.85rem}.pe-tip{color:var(--muted);font-size:.78rem}.pe-rect-wrap{position:relative;padding:6px 26px 2px}.pe-confirm{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;background:#fffffff0;border-radius:12px}.pe-confirm-msg{margin:0;text-align:center;font-weight:600;color:var(--ink);font-size:.9rem;line-height:1.5}.pe-confirm-actions{display:flex;gap:10px}.pe-confirm-no,.pe-confirm-yes{border-radius:10px;padding:10px 16px;min-height:44px;font-weight:700;font-size:.9rem}.pe-confirm-no{border:1px solid var(--line);background:#fff;color:var(--muted)}.pe-confirm-yes{border:none;background:var(--brand);color:#fff}.pe-rect{position:relative;height:172px;max-width:340px;margin:0 auto;background:linear-gradient(135deg,#fff,#f3efe7);border:1px solid #e3d9c6;border-radius:12px;box-shadow:0 6px 18px #1f273314,inset 0 1px #ffffffb3}.pe-edge{position:absolute;border:none;background:transparent;padding:0;display:flex;cursor:pointer}.pe-edge:active{background:#4f46e514}.pe-top,.pe-bottom{inset-inline:0;height:40px;flex-direction:column;justify-content:center;gap:3px}.pe-top{top:0}.pe-bottom{bottom:0}.pe-left,.pe-right{top:40px;bottom:40px;width:40px;flex-direction:row;align-items:center;gap:3px}.pe-right{right:0;justify-content:flex-start;padding-inline-start:4px}.pe-left{left:0;justify-content:flex-end;padding-inline-end:4px}.pe-top .pe-bar,.pe-bottom .pe-bar{width:86%;height:7px;border-radius:4px;margin:0 auto}.pe-left .pe-bar,.pe-right .pe-bar{width:7px;height:82%;border-radius:4px}.pe-bar.band{background:var(--band)}.pe-bar.angle{background:repeating-linear-gradient(45deg,var(--angle) 0 3px,#fff3d6 3px 5px)}.pe-bar.partial{opacity:.42}.pe-face{position:absolute;inset:40px}.pe-ghost{position:absolute;border:none;background:transparent;padding:0;display:flex;cursor:pointer}.pe-ghost-h{inset-inline:6px;top:50%;height:34px;transform:translateY(-50%);flex-direction:column;justify-content:center;gap:8px}.pe-ghost-v{inset-block:6px;left:50%;width:34px;transform:translate(-50%);flex-direction:row;justify-content:center;gap:8px}.pe-ghost .pe-line{border-radius:3px;background:#d9cfbe;opacity:.7}.pe-ghost-h .pe-line{height:4px;width:100%;border-top:none}.pe-ghost-v .pe-line{width:4px;height:100%}.pe-ghost.on .pe-line{background:var(--groove);opacity:1}.pe-dims{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:Cascadia Code,Consolas,monospace;font-size:1rem;color:var(--muted);font-weight:600}.pe-side-label{position:absolute;font-size:.72rem;color:var(--muted)}.pe-label-long{top:0;left:50%;transform:translate(-50%)}.pe-label-short{top:50%;transform:translateY(-50%) rotate(90deg);left:4px}.pe-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.pe-legend{color:var(--muted);font-size:.75rem;display:inline-flex;align-items:center;gap:5px}.pe-legend .dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-start:8px}.pe-legend .dot.band{background:var(--band)}.pe-legend .dot.angle{background:var(--angle)}.pe-legend .dot.groove{background:var(--groove)}.pe-code{direction:ltr;font-family:Cascadia Code,Consolas,monospace;font-size:.95rem;color:#d6336c;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:8px;padding:3px 12px}.parts-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.pl-head,.pl-row{display:grid;grid-template-columns:18px minmax(56px,1fr) 46px 28px 28px 28px 68px;align-items:center;gap:6px}.pl-head{padding:6px 8px;font-size:.7rem;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--line)}.pl-head>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-th{text-align:center;font-size:.95rem;font-weight:700}.pl-th-c{text-align:center}.pl-th.tone-band{color:var(--band-ink)}.pl-th.tone-angle{color:var(--angle-ink)}.pl-th.tone-groove{color:var(--groove-ink)}.pl-row{min-height:46px;padding:5px 10px;border-top:1px solid var(--line);cursor:pointer}.pl-row:first-of-type{border-top:none}.pl-row:active{background:var(--bg)}.pl-row.row-warn{background:var(--warn-bg)}.pl-row.incomplete{opacity:.65}.pl-idx{text-align:center;font-size:.8rem;color:var(--muted)}.pl-dims{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-dims b{font-family:Cascadia Code,Consolas,monospace;font-weight:700;font-size:.98rem;color:var(--ink)}.pl-label{color:var(--muted);font-size:.78rem;margin-inline-start:6px}.pl-qty{color:var(--brand-dark);font-weight:700;font-size:.9rem;white-space:nowrap;text-align:center}.pl-feat-cell{text-align:center}.pl-feat{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;font-size:.82rem;font-weight:700;font-family:Cascadia Code,Consolas,monospace}.pl-feat.tone-band{background:var(--band-bg);color:var(--band-ink)}.pl-feat.tone-angle{background:var(--angle-bg);color:var(--angle-ink)}.pl-feat.tone-groove{background:var(--groove-bg);color:var(--groove-ink)}.pl-feat.warn{background:var(--warn-bg);color:#b91c1c}.pl-actions{display:inline-flex;align-items:center;gap:0}.pl-actions button{min-width:32px;min-height:36px;padding:2px;font-size:1rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.undo-toast{position:fixed;inset-inline:0;bottom:calc(76px + env(safe-area-inset-bottom));z-index:60;margin:0 auto;width:max-content;max-width:92%;display:flex;align-items:center;gap:14px;background:var(--ink);color:#fff;border-radius:999px;padding:8px 10px 8px 18px;box-shadow:0 6px 22px #0f172a47;font-size:.9rem}.undo-toast button{border:none;background:#ffffff24;color:#c7d2fe;font-weight:700;border-radius:999px;min-height:40px;padding:6px 16px}.cards-empty{color:var(--muted);font-size:.88rem;padding-block:6px}.mobile-bar{position:fixed;bottom:0;inset-inline:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px #0f172a12}.mb-stats{font-size:.85rem;color:var(--muted)}.mb-add{flex-shrink:0;min-height:48px;padding:12px 22px;font-weight:700}.sheet-overlay{position:fixed;inset:0;z-index:50;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:10px 14px calc(8px + env(safe-area-inset-bottom));max-height:92dvh;overflow-y:auto}.sheet-scroll{padding-bottom:6px}.sheet-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sheet-head .head-code{margin-inline-start:auto;font-size:.82rem;padding:2px 10px}.sheet-close{border:none;background:transparent;color:var(--muted);font-size:1.2rem;min-width:40px;min-height:40px;padding:6px}.sheet-close:hover{color:var(--ink)}.sheet-submit{border:1px solid var(--ok-line);background:var(--ok-bg);color:#065f46;font-weight:700;font-size:.85rem;border-radius:999px;padding:5px 14px;min-height:36px}.sheet-saved{text-align:center;font-weight:700;color:#065f46;margin:4px 0 8px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.settings-btn{align-self:flex-start;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 16px;min-height:40px;font-weight:600;color:var(--brand-dark)}.settings-sheet{max-width:520px}.settings-body{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:10px 0 14px}.settings-body .span2{grid-column:1 / -1}.settings-body .field input,.settings-body .field select{min-height:44px}.unit-toggle{display:flex;gap:8px;margin-top:4px}.unit-toggle button{flex:1;min-height:44px;border-radius:10px;font-weight:600}.unit-toggle button.on{background:#eef2ff;border-color:var(--brand);color:var(--brand-dark)}.settings-confirm{width:100%;min-height:48px;font-size:1rem}.sheet-dims{display:grid;grid-template-columns:1fr 1fr .7fr;gap:8px}.sheet-dims input{font-size:1.1rem;padding:8px 6px}.sheet-warn{margin-block:8px}.more-toggle{width:100%;border:1px solid var(--line);background:var(--bg);color:#4b5563;font-size:.88rem;padding:10px;min-height:44px;border-radius:10px;margin-block:6px}.sheet-more{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-bottom:4px}.sheet-more .quick-code,.sheet-more .qc-input{width:100%}.sheet-more .span2{grid-column:1 / -1}.detail-chips{display:flex;gap:6px;flex-wrap:wrap}.offset-field{flex:1;min-height:44px;justify-content:center;padding:4px 8px}.dimfield.dim{opacity:.45}.groove-pos-line{display:flex;align-items:center;gap:8px}.groove-pos-line .mid{display:inline-flex;align-items:center;gap:3px;font-size:.82rem;color:var(--muted);white-space:nowrap}.sheet-actions{display:flex;gap:10px;position:sticky;bottom:0;background:#fff;padding-top:8px}.sheet-actions .primary{flex:1;padding:10px;font-size:1rem}.stepper{display:flex;gap:5px;margin:2px 0 8px}.step-chip{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 5px;min-height:38px;font-size:.8rem;color:#4b5563}.step-chip .sc-dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex-shrink:0}.step-chip.done{color:var(--ink)}.step-chip.done .sc-dot{background:var(--brand)}.step-chip.active{border-color:var(--brand);color:var(--brand-dark);font-weight:700;background:#eef2ff}.step-chip.active .sc-dot{background:var(--brand)}.step-chip.tone-band.active{border-color:var(--band);color:var(--band-ink);background:var(--band-bg)}.step-chip.tone-band.active .sc-dot{background:var(--band)}.step-chip.tone-angle.active{border-color:var(--angle);color:var(--angle-ink);background:var(--angle-bg)}.step-chip.tone-angle.active .sc-dot{background:var(--angle)}.step-chip.tone-groove.active{border-color:var(--groove);color:var(--groove-ink);background:var(--groove-bg)}.step-chip.tone-groove.active .sc-dot{background:var(--groove)}.dimfields{display:grid;grid-template-columns:1fr 1fr .8fr;gap:8px;margin-bottom:8px}.dimfield{display:flex;flex-direction:column;gap:1px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:5px 8px 6px;text-align:center}.dimfield .df-label{font-size:.72rem;color:var(--muted)}.dimfield .df-value{font-family:Cascadia Code,Consolas,monospace;font-size:1.5rem;font-weight:700;color:var(--ink);min-height:1.5em}.dimfield.active{border-color:var(--brand);background:#eef2ff;box-shadow:0 0 0 2px #c7d2fe}.dimfield.active .df-value{color:var(--brand-dark)}@keyframes blink{50%{opacity:0}}.dimfield.active .df-value:after{content:"|";margin-inline-start:1px;color:var(--brand);animation:blink 1.1s step-start infinite}.pe-hostwrap{position:relative}.pe-lock{position:absolute;inset:0;background:#ffffff47;border-radius:12px;cursor:default}.phase-hint{margin:0 0 6px;text-align:center;color:#4b5563;font-size:.84rem}.ph-ic{font-weight:700}.phase-hint.tone-dims .ph-ic{color:var(--brand)}.phase-hint.tone-band .ph-ic{color:var(--band-ink)}.phase-hint.tone-angle .ph-ic{color:var(--angle-ink)}.phase-hint.tone-groove .ph-ic{color:var(--groove-ink)}.pe-rect.focus-band{box-shadow:0 0 0 2px var(--band-bg),0 0 0 3px var(--band)}.pe-rect.focus-angle{box-shadow:0 0 0 2px var(--angle-bg),0 0 0 3px var(--angle)}.pe-rect.focus-groove{box-shadow:0 0 0 2px var(--groove-bg),0 0 0 3px var(--groove)}.pe-ghost.dim{opacity:.35}.keypad{position:sticky;bottom:0;z-index:1;border-top:1px solid var(--line);padding-top:8px;margin-top:2px;background:#fff;display:flex;flex-direction:column;gap:6px}.kp-digits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kp-key{border:1px solid var(--line);border-radius:12px;background:#fff;font-size:1.3rem;font-weight:600;padding:9px 0;min-height:46px;color:var(--ink);font-family:Cascadia Code,Consolas,monospace;-webkit-user-select:none;user-select:none}.kp-key:active{background:var(--bg);transform:translateY(1px)}.kp-key:disabled{opacity:.3;pointer-events:none}.kp-decimal{font-weight:700}.kp-back{color:var(--muted);font-family:inherit}.kp-spacer{border:none;background:transparent;pointer-events:none}.kp-extra{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.kp-extra:empty{display:none}.kp-chip{border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 16px;min-height:42px;font-size:.95rem}.kp-chip.on{background:#eef2ff;border-color:var(--brand);color:var(--brand-dark);font-weight:700}.kp-chip.tone-band.on{background:var(--band-bg);color:var(--band-ink);border-color:#bfdbfe;font-weight:700}.kp-chip.tone-groove.on{background:var(--groove-bg);color:var(--groove-ink);border-color:#a7f3d0;font-weight:700}.kp-action{border:none;border-radius:14px;padding:12px;font-size:1.02rem;font-weight:700;color:#fff;background:var(--brand)}.kp-action:active{transform:translateY(1px)}.kp-action.tone-brand{background:var(--brand)}.kp-action.tone-band{background:var(--band)}.kp-action.tone-angle{background:var(--angle)}.kp-action.tone-groove{background:var(--groove)}@media(max-width:899px){#app{padding:10px 12px 110px}h1{font-size:1.1rem}.card{padding:12px 14px}}@media(max-height:620px){.kp-key{padding:8px 0;font-size:1.2rem}.kp-digits{gap:6px}.kp-action{padding:10px}.pe-rect{height:150px}.dimfield .df-value{font-size:1.15rem}}