:root{--bg: #14161a;--bg-elev: #1c1f26;--bg-elev2: #242833;--line: #333947;--fg: #e8eaf0;--fg-dim: #9aa2b4;--accent: #5b9dff;--accent-dim: #2f5fa8;--danger: #ff6b6b;--ok: #4ecb8a;--tabbar-h: 60px;--safe-b: env(safe-area-inset-bottom, 0px);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}#app{height:100%}.shell{display:flex;flex-direction:column;height:100%}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--bg-elev);border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:16px;font-weight:700;letter-spacing:.02em}.topbar .avatar-name{margin-left:auto;font-size:13px;color:var(--fg-dim);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:12px}.tabbar{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-elev);border-top:1px solid var(--line);padding-bottom:var(--safe-b)}.tabbar button{appearance:none;border:none;background:none;color:var(--fg-dim);font:inherit;font-size:11px;height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;touch-action:manipulation}.tabbar button .ico{font-size:20px;line-height:1}.tabbar button[aria-selected=true]{color:var(--accent)}.tabbar button:disabled{opacity:.35;cursor:not-allowed}.section{padding:14px}.section h2{margin:0 0 10px;font-size:14px;color:var(--fg-dim);font-weight:600}.muted{color:var(--fg-dim);font-size:13px}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1 1 auto}.btn{appearance:none;border:1px solid var(--line);background:var(--bg-elev2);color:var(--fg);font:inherit;font-size:14px;padding:10px 16px;border-radius:10px;cursor:pointer;min-height:44px;touch-action:manipulation}.btn.primary{background:var(--accent-dim);border-color:var(--accent);color:#fff;font-weight:600}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn.ghost{background:transparent}.btn.small{min-height:34px;padding:6px 12px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.block{width:100%}.icon-btn{appearance:none;border:none;background:none;color:var(--fg-dim);font-size:18px;cursor:pointer;padding:6px 10px;min-height:40px}.text-input,.select{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:11px 12px;font:inherit;font-size:16px;min-height:44px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--fg-dim)}.field-error{color:var(--danger);font-size:12px;margin:0;min-height:1em}.banner{margin:12px 14px;border-radius:12px;padding:12px 14px;border:1px solid var(--danger);background:#ff6b6b1a}.banner.info{border-color:var(--accent);background:#5b9dff1a}.banner h3{margin:0 0 4px;font-size:14px}.banner p{margin:0;font-size:13px;color:var(--fg-dim);word-break:break-word}.banner .hint{margin-top:6px;color:var(--fg)}.dropzone{border:2px dashed var(--line);border-radius:14px;padding:32px 16px;text-align:center;color:var(--fg-dim);transition:border-color .15s,background .15s}.dropzone.over{border-color:var(--accent);background:#5b9dff14}.dropzone .big{font-size:34px;margin-bottom:8px}.preview-wrap{position:relative;width:100%;height:42vh;min-height:220px;background:#1b1e24;border-bottom:1px solid var(--line)}.preview-wrap.tall{height:46vh}.preview-overlay{position:absolute;right:8px;bottom:8px;display:flex;gap:6px}.preview-overlay .btn{min-height:34px;padding:5px 10px;font-size:12px;opacity:.9}.preview-settings{position:absolute;left:8px;right:8px;top:8px;padding:8px 10px;border-radius:10px;background:#101216e0;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;max-width:340px}.preview-settings[hidden]{display:none}.light-row{display:flex;align-items:center;gap:8px}.light-row .lbl{font-size:11px;color:var(--fg-dim);width:4.5em;flex:0 0 auto}.light-row .val{font-size:11px;color:var(--fg-dim);width:3em;text-align:right;font-variant-numeric:tabular-nums}.light-row input[type=range]{flex:1 1 auto;min-width:0;height:24px;accent-color:var(--accent)}.bg-btns{display:flex;gap:6px;flex:1 1 auto}.bg-btns .btn{min-height:30px;padding:3px 12px;font-size:12px}.preview-shape-error{position:absolute;left:8px;right:8px;top:8px;z-index:3;padding:8px 10px;border-radius:6px;background:#961e1ee6;color:#fff;font-size:12px;white-space:pre-wrap}.preview-shape-error[hidden]{display:none}.preview-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--fg-dim);font-size:13px;text-align:center;padding:16px}.shape-list{padding:0 14px}.shape-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.shape-item .head{display:flex;align-items:baseline;gap:8px}.shape-item .name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.shape-item .val{font-size:12px;color:var(--fg-dim);font-variant-numeric:tabular-nums;min-width:3em;text-align:right}.shape-item.active .name{color:var(--accent);font-weight:600}.shape-item input[type=range]{width:100%;margin:4px 0 0;accent-color:var(--accent);height:28px}.mesh-group-label{font-size:12px;color:var(--fg-dim);padding:12px 0 4px;border-bottom:1px solid var(--line);margin-bottom:4px}.sticky-bar{position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 14px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.clip-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;margin-bottom:8px}.clip-item .name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-item .count{font-size:12px;color:var(--fg-dim)}.clip-item.editing{border-color:var(--accent)}.hand-block{margin-bottom:18px}.hand-block>h3{margin:0 0 8px;font-size:14px}.gesture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 560px){.gesture-grid{grid-template-columns:repeat(4,1fr)}}.gesture-slot{appearance:none;text-align:left;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--fg);font:inherit;cursor:pointer;min-height:72px;display:flex;flex-direction:column;gap:4px;touch-action:manipulation}.gesture-slot .g-name{font-size:12px;color:var(--fg-dim)}.gesture-slot .g-clip{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gesture-slot .g-clip.empty{color:var(--fg-dim);font-weight:400}.gesture-slot[aria-pressed=true]{border-color:var(--accent);background:#5b9dff1f}.gesture-slot.assigned .g-clip{color:var(--ok)}details.advanced{border:1px solid var(--line);border-radius:12px;padding:0 12px;margin:10px 0;background:var(--bg-elev)}details.advanced>summary{cursor:pointer;padding:12px 0;font-size:14px;color:var(--fg-dim);list-style:none}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:before{content:"▸ "}details.advanced[open]>summary:before{content:"▾ "}details.advanced>*:last-child{padding-bottom:12px}.notyet{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--fg-dim);margin-left:6px}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}@media (min-width: 560px){.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:16px!important;max-height:80vh!important}}.modal{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px 16px 0 0;width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;padding-bottom:var(--safe-b)}.modal-head{display:flex;align-items:center;padding:12px 8px 12px 16px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:15px;flex:1 1 auto}.modal-body{padding:14px 16px;overflow-y:auto;flex:1 1 auto}.modal-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.modal-actions .btn{flex:1 1 0}.pick-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--bg-elev2);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px;color:var(--fg);font:inherit;cursor:pointer;min-height:48px}.pick-item[aria-selected=true]{border-color:var(--accent)}.pick-item .sub{font-size:12px;color:var(--fg-dim);margin-left:auto}.warn-list{margin:6px 0 0;padding-left:18px;font-size:12px;color:var(--fg-dim)}.warn-list li{margin-bottom:3px}.stat-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px}.stat-grid dt{color:var(--fg-dim)}.stat-grid dd{margin:0;overflow-wrap:anywhere}.combo-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 4px;border:1px solid var(--line);border-radius:10px}.combo-table{border-collapse:separate;border-spacing:0;font-size:11px;min-width:640px}.combo-table th{font-weight:500;color:var(--fg-dim);padding:6px 4px;white-space:nowrap;background:var(--bg-elev);position:sticky;top:0;z-index:1}.combo-table tbody th{position:sticky;left:0;z-index:2;text-align:right;border-right:1px solid var(--line)}.combo-table th.corner{left:0;z-index:3}.combo-table td{padding:2px}.combo-cell{display:block;width:100%;min-width:68px;min-height:40px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev2);color:var(--fg-dim);font:inherit;font-size:11px;line-height:1.25;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.combo-cell.assigned{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.combo-cell[aria-pressed=true]{border-color:var(--accent);background:#5b9dff24}.radio-row{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev2);cursor:pointer;min-height:44px}.radio-row input{margin-top:2px;flex:0 0 auto}.radio-row .r-title{display:block;font-size:13px;color:var(--fg)}.radio-row .r-hint{display:block;font-size:11px;color:var(--fg-dim);margin-top:2px}.used-section{border-left:2px solid var(--accent)}.transfer-code{font-size:34px;font-weight:700;letter-spacing:.18em;text-align:center;margin:10px 0;font-variant-numeric:tabular-nums}.qr-box{display:flex;justify-content:center;margin:8px 0}.qr-box svg{width:min(230px,70vw);height:auto;background:#fff;padding:6px;border-radius:8px}.transfer-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;background:var(--bg-elev2);border:1px solid var(--line);border-radius:6px;padding:8px;margin:6px 0}