:root{--bg: #f3f1ee;--panel: #ffffff;--ink: #23201d;--muted: #8a827a;--faint: #ADADADFF;--minor: #ADADADFF;--line: #ebe6df;--soft: #f6f3ef;--accent: #c0392b;--accent-soft: #fbe9e6;--shadow: 0 6px 22px rgba(40, 30, 20, .12);font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden}body{display:flex}button{font:inherit;color:inherit}.hidden{display:none!important}.booting :is(#mode-pick,#title,#style-pick,#btn-lock,.views,.regions){visibility:hidden}#panel{position:relative;width:300px;flex:none;height:100%;background:var(--panel);border-right:1px solid var(--line)}.panel-body{height:100%;overflow-y:auto;padding:18px 16px 14px;display:flex;flex-direction:column;gap:12px}.top{display:flex;justify-content:space-between;align-items:center;gap:6px}.top h1{font-size:17px;margin:0;font-weight:700;letter-spacing:-.01em}.top-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.icon-btn{border:0;background:transparent;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:var(--muted);font-size:14px}.icon-btn:hover{background:var(--soft);color:var(--ink)}.lock-btn.on{color:var(--ink);background:#ebe6df}.text-btn{border:0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;padding:5px 8px;border-radius:7px}.text-btn:hover{background:var(--soft);color:var(--ink)}.text-btn.on{background:var(--accent);color:#fff}.mode-pick{display:flex;gap:1px;background:var(--soft);border-radius:999px;padding:2px}.mode-pick button{border:0;background:transparent;height:28px;padding:0 13px;border-radius:999px;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer}.mode-pick button:hover:not(.on){color:var(--ink)}.mode-pick button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #00000024}.tags:empty{display:none}.swatches{display:flex;gap:1px;margin-right:4px;background:var(--soft);border-radius:999px;padding:2px}.swatches button{border:0;background:transparent;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0}.swatches .sw{width:18px;height:18px;border-radius:50%;display:block;box-shadow:0 0 0 1px #00000014}.swatches .real{background:radial-gradient(circle at 35% 35%,#c9473d,#8f231c)}.swatches .rainbow{background:conic-gradient(#e8382f 0,#e8382f 25%,#f7c400 0,#f7c400 50%,#2fa84f 0,#2fa84f 75%,#2b6fe0 0)}.swatches button.on{background:#fff;box-shadow:0 1px 2px #00000024}.swatches button:not(.on) .sw{opacity:.45}.swatches button:hover:not(.on) .sw{opacity:.8}.search{position:relative}.search input{width:100%;padding:10px 12px;font-size:14px;border-radius:10px;border:1px solid var(--line);background:var(--soft);outline:none}.search input:focus{border-color:var(--accent);background:#fff}.suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:4px;max-height:340px;overflow-y:auto}.suggest div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 8px;border-radius:7px;cursor:pointer;font-size:14px}.suggest div.active{background:var(--accent-soft)}.suggest b{color:var(--accent);font-weight:700}.suggest .via{color:var(--muted);font-size:12px;margin-left:4px}.suggest .en{color:var(--faint);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggest-head{display:flex;justify-content:space-between;align-items:center;margin:2px 8px 4px;font-size:12px;color:var(--muted)}.suggest-head button{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;padding:0}.suggest-head button:hover{color:var(--accent)}.suggest .clock{color:var(--muted);margin-right:6px;font-size:13px}.suggest .del{border:0;background:none;color:#b8b0a8;cursor:pointer;font-size:12px;padding:0 2px;margin-left:4px}.suggest .del:hover{color:var(--accent)}.suggest .tag{font-size:11px;background:#f0ebe4;border-radius:6px;padding:1px 6px;color:#5b534b;margin-left:4px}.fold{border:0;background:transparent;padding:2px 0;cursor:pointer;font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.fold:hover{color:var(--ink)}.fold .chev{font-size:10px;transition:transform .15s}.fold[aria-expanded=true] .chev{transform:rotate(180deg)}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:13px;cursor:pointer}.chips button:hover{border-color:var(--accent)}.chips button.on{background:var(--accent);border-color:var(--accent);color:#fff}.results{display:flex;flex-direction:column;gap:1px}.results:empty{display:none}.results .hint{font-size:12px;color:var(--muted);padding:2px 4px 4px}.results .hint-en{display:block;color:var(--faint);margin-top:1px}.results button{text-align:left;border:0;background:transparent;padding:7px 8px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px}.results button:hover{background:var(--soft)}.results button.on{background:var(--accent-soft)}.results .en{color:var(--faint);font-size:12px;text-align:right}.results button>span:first-child{white-space:nowrap}.results .minor{color:var(--minor);font-size:11px;margin-left:4px}.recent{margin-top:-2px}.recent-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:0 2px 5px}.recent-head button{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;padding:0}.recent-head button:hover{color:var(--accent)}.recent-list{display:flex;flex-wrap:wrap;gap:5px}.recent-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 6px 3px 10px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;max-width:100%}.recent-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-chip small{font-size:10px;color:var(--muted)}.recent-chip .del{font-style:normal;font-size:10px;color:#c9c1b8;padding:0 2px;border-radius:50%}.recent-chip:hover{border-color:var(--accent)}.recent-chip .del:hover{color:var(--accent)}.panel-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}footer{padding-top:2px}footer p{margin:0;font-size:11px;color:var(--muted);line-height:1.6}footer .help{margin-bottom:4px;color:#6f675f}.credit a,.stage-credit a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}.stage-credit a{pointer-events:auto}.settings{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel);z-index:30;overflow-y:auto;padding:18px 16px 24px}.edit-hint{margin:10px 0 0;font-size:12px;color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:7px 9px;line-height:1.5}.edit-hint p{margin:6px 0 0}.edit-target{display:inline-flex;gap:2px;background:#fff;border-radius:7px;padding:2px}.edit-target button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:3px 10px;border-radius:5px;cursor:pointer}.edit-target button.on{background:var(--accent);color:#fff}.editing .set-row .set-label .x{display:inline;margin-left:6px}.editing .set-row .set-label{cursor:pointer}.set-group{margin-top:18px}.set-group h2{font-size:12px;color:var(--muted);font-weight:600;margin:0 0 8px}.set-row{padding:6px 0 10px}.set-row+.set-row{border-top:1px solid var(--line);padding-top:10px}.set-label{font-size:13px;margin-bottom:7px;white-space:pre-line}.pills{display:flex;flex-direction:column;gap:5px}.pill-line{display:flex;flex-wrap:wrap;gap:5px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 11px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.pill:hover{border-color:#d6cfc6}.pill.on{background:var(--ink);border-color:var(--ink);color:#fff}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:8px 0;cursor:pointer;font-size:13px}.switch-row .sw-text{flex:1;min-width:0;line-height:1.35}.switch-row .sw-ctl{flex:none;display:flex;align-items:center;gap:6px}.switch-row+.switch-row{border-top:1px solid var(--line)}.switch-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px;line-height:1.4}.switch-row small.side{display:inline;margin:0 0 0 6px}.switch-row.disabled,.set-row.disabled{opacity:.5}.set-row.bold .set-label,.switch-row.bold .sw-text{font-weight:600}.switch-row.bold small{font-weight:400}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:34px;height:20px;border-radius:999px;background:#d9d3cb;position:relative;cursor:pointer;transition:background .15s;margin:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #0003}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(14px)}.editing .pill,.editing .switch-row{cursor:pointer}.editing .pill .x,.editing .switch-row .x{display:inline}.x{display:none;font-size:10px;opacity:.55}.editing .switch-row .switch{pointer-events:none}.gone{opacity:.35;text-decoration:line-through}.grip{display:none;color:#b8b0a8;font-size:12px;cursor:grab;letter-spacing:-2px;margin-right:4px;-webkit-user-select:none;user-select:none}.editing .grip{display:inline}.editing .set-group h2{cursor:grab}.editing .set-group h2 .x{display:inline;margin-left:6px}.editing [draggable=true]:active{cursor:grabbing}.dragging{opacity:.4}.drop-before{box-shadow:0 -2px 0 var(--accent)}.drop-after{box-shadow:0 2px 0 var(--accent)}.set-group.drop-into{box-shadow:inset 0 -2px 0 var(--accent)}.pill.drop-before{box-shadow:-3px 0 0 var(--accent)}.pill.drop-after{box-shadow:3px 0 0 var(--accent)}.editing .pill.on{background:#fff;color:var(--ink);border-color:var(--ink)}#stage{position:relative;flex:1;min-width:0}#c{width:100%;height:100%;display:block}.views{position:absolute;right:14px;top:14px;display:flex;gap:2px;background:#ffffffd9;border:1px solid var(--line);border-radius:10px;padding:3px}.views button{border:0;background:transparent;border-radius:7px;padding:5px 10px;cursor:pointer;font-size:13px}.views button:hover{background:var(--soft)}.hidden-bar{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px 12px 5px 5px;font-size:13px;box-shadow:var(--shadow)}.hidden-bar b{color:var(--accent)}.hidden-info{position:relative;cursor:default;padding:4px 0}.hidden-list{display:none;position:absolute;left:-8px;top:100%;margin:6px 0 0;padding:6px 4px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:170px;max-height:320px;overflow-y:auto;z-index:5}@media (hover: hover){.hidden-info:hover .hidden-list{display:block}}.hidden-info.open .hidden-list{display:block}.hidden-list:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.hidden-list li{display:flex;justify-content:space-between;gap:10px;padding:4px 8px;font-size:13px;white-space:nowrap;border-radius:6px;cursor:pointer}.hidden-list li:hover{background:var(--soft)}.hidden-list li:first-child{font-weight:600}.hidden-list small{color:var(--muted);font-size:11px}.list-box{display:none;position:absolute;left:0;top:100%;margin-top:6px;padding:6px 4px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);width:max-content;min-width:200px;max-width:calc(100vw - 16px);max-height:55dvh;overflow-y:auto;z-index:5}@media (hover: hover){.list-pop:hover .list-box{display:block}}.list-pop.open .list-box{display:block}#btn-list{position:relative}#btn-list:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.list-pop.open #btn-list{background:#ebe6df;border-color:#d6cfc6}.ctx-menu{position:fixed;z-index:60;min-width:170px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.ctx-head{margin:0 4px 3px;padding:5px 6px 6px;font-size:12px;font-weight:600;color:#8a5a3c;border-bottom:1px solid var(--line);white-space:nowrap}.ctx-name{cursor:pointer}.ctx-name:hover{text-decoration:underline;text-underline-offset:2px}.ctx-menu button{display:block;width:100%;border:0;background:none;text-align:left;padding:6px 10px;font-size:13px;border-radius:6px;cursor:pointer;white-space:nowrap}.ctx-menu button:hover:not(:disabled){background:var(--soft)}.ctx-menu button:disabled{color:var(--muted);opacity:.55;cursor:default}.ctx-sub-wrap{position:relative}.ctx-menu button.ctx-has-sub{display:flex;justify-content:space-between;align-items:center;gap:14px}.ctx-has-sub:after{content:"›";color:var(--muted);font-size:14px;line-height:1}.ctx-sub-wrap:hover>.ctx-has-sub,.ctx-sub-wrap.open>.ctx-has-sub{background:var(--soft)}.ctx-menu.ctx-sub{display:none;position:absolute;left:calc(100% + 2px);top:-5px}.ctx-menu.ctx-sub.flip{left:auto;right:calc(100% + 2px)}.ctx-sub:before{content:"";position:absolute;top:0;bottom:0;left:-6px;width:6px}.ctx-sub.flip:before{left:auto;right:-6px}@media (hover: hover){.ctx-sub-wrap:hover>.ctx-sub{display:block}}.ctx-sub-wrap.open>.ctx-sub{display:block}.ctx-group{padding:5px 10px 2px;font-size:11px;color:var(--muted)}.ctx-key{color:var(--faint);font-size:12px}@media (hover: none){.ctx-key{display:none}}@media (pointer: coarse){.ctx-menu button{padding:10px 12px;font-size:14px}}.hidden-bar button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 10px;cursor:pointer;font-size:13px}.hidden-bar button:hover{border-color:#d6cfc6}.hidden-bar.no-hidden{padding-right:5px}.hidden-bar #btn-multi.on{background:#ebe6df;border-color:#d6cfc6;font-weight:600}.hidden-bar.no-hidden .hidden-info{display:none}.hidden-bar.bump{animation:bar-bump .45s ease-out}@keyframes bar-bump{0%{transform:scale(1)}35%{transform:scale(1.05)}to{transform:scale(1)}}.back-btn{border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:2px;font-size:17px;font-weight:700;padding:4px 8px 4px 2px;margin-left:-4px;border-radius:8px}.back-btn svg{color:var(--muted)}.back-btn:hover{background:var(--soft)}.back-btn:hover svg{color:var(--ink)}.stretch{margin-top:10px;padding-top:10px;border-top:1px dashed #e6dccd}.stretch h3{font-size:12px;color:var(--muted);font-weight:600;margin:0 0 3px}.act-names{font-size:13px;font-weight:700;line-height:1.5;word-break:keep-all}.info .stretch p{margin:0;font-size:12px;line-height:1.55;color:var(--faint)}.info .stretch p:empty{display:none}.info-tip{position:fixed;z-index:50;max-width:270px;pointer-events:none;background:#1e1a17f0;color:#fff;border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.55;box-shadow:var(--shadow)}.info-tip .tip-en{font-size:11.5px;color:#ffffff8c;margin-bottom:3px}.info{background:#fffaf3;border:1px solid var(--line);border-radius:12px;padding:12px 10px 12px 14px}.info-head{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.info-ko{font-size:18px;font-weight:700}.info-title{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.info-title:hover{color:var(--accent)}.info-en{font-size:12px;color:var(--faint);margin-top:1px}.info-list{display:none;list-style:none;margin:8px 0 0;padding:0}.info.multi .info-list{display:block}.info.multi :is(.info-en,#info-desc,#info-tags,.stretch){display:none}.info-list li{padding:3px 0;font-size:14px}.info-list small{margin-left:6px;color:var(--muted);font-size:11px}.info p{font-size:14px;line-height:1.55;margin:8px 0}.tags{display:flex;flex-wrap:wrap;gap:4px}.tags span,.tags .info-link{font-size:11px;background:#f0ebe4;border-radius:6px;padding:2px 6px;color:#5b534b;font-weight:400}.info-link{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.info-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.tags .info-link:hover{text-decoration:none;background:var(--accent-soft)}.tip{position:absolute;pointer-events:none;transform:translate(14px,14px);background:#1e1a17eb;color:#fff;border-radius:8px;padding:6px 10px;font-size:13px;white-space:nowrap}.tip .en{opacity:.7;font-size:12px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:15px;color:var(--muted);background:var(--bg)}.loading-box{display:grid;justify-items:center;gap:12px}.loading-label{margin:0;font-size:18px;font-weight:600;color:var(--ink)}.loading-bar{width:min(280px,70vw);height:6px;border-radius:3px;background:var(--line);overflow:hidden}.loading-bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--ink);opacity:.7;transition:width .2s ease-out}#pct{font-size:13px;font-variant-numeric:tabular-nums}.panel-upper,.panel-lower{display:contents}.settings-quick:empty,.stage-credit,.name-tag,.touch-hint{display:none}.touch-only{display:none}@media (pointer: coarse){.hidden-bar .touch-only{display:inline-block}}.sel-actions{display:none;position:absolute;z-index:4;gap:4px;pointer-events:none}@media (pointer: coarse){.sel-actions:not(.hidden){display:flex}}.sel-actions button{pointer-events:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 11px;font-size:13px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer}.sel-actions[data-spot=top]{right:8px;top:8px;flex-direction:column;align-items:flex-end}.sel-actions[data-spot=top].low{top:52px}.sel-actions[data-spot=tag]{left:8px;right:8px;bottom:36px;justify-content:space-between}@media (pointer: coarse){body:has(.sel-actions[data-spot=tag]:not(.hidden)) .name-tag{max-width:calc(100% - 250px)}}#c{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width: 760px){html,body{height:100dvh}body{display:grid;grid-template-rows:auto minmax(0,1fr) auto}#panel,.panel-body{display:contents}.panel-upper{grid-row:1;display:flex;align-items:center;gap:4px;padding:8px 8px 8px 10px;background:var(--panel);border-bottom:1px solid var(--line)}.panel-upper .search{flex:1;min-width:0}.panel-upper .top{order:2}.mode-pick button{height:26px;padding:0 9px;font-size:12.5px}.top h1{display:none}.search input{font-size:16px;padding:8px 10px}.suggest{max-height:55dvh}#recent,.regions,footer{display:none!important}#stage{grid-row:2}.panel-lower{grid-row:3;display:flex;flex-direction:column;gap:10px;max-height:42dvh;overflow-y:auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line)}.panel-lower:not(:has(#results:not(:empty))){display:none}#info{display:none}.panel-bottom{margin-top:0}.info{padding:10px 10px 10px 12px}.settings{position:fixed;top:0;right:0;bottom:0;left:0;padding:14px 14px 24px}.settings-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.hidden-bar{left:8px;top:8px;gap:4px;padding:4px 10px 4px 4px;font-size:12px}.hidden-bar button{padding:5px 8px;font-size:12px}.hidden-bar #btn-multi,.views{display:none}.name-tag:not(.hidden){display:block;position:absolute;left:50%;bottom:40px;transform:translate(-50%);max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 12px;border-radius:999px;font-size:14px;pointer-events:none;background:#ffffffd9;border:1px solid var(--line)}.touch-hint{display:block;position:absolute;left:8px;bottom:19px;margin:0;font-size:11px;color:var(--muted);pointer-events:none}.stage-credit{display:block;position:absolute;left:8px;bottom:6px;margin:0;font-size:10px;color:var(--muted);opacity:.8;pointer-events:none}}