:root{--bg:#f3f4f2;--panel:#fff;--line:#dcdfd9;--text:#1d2420;--muted:#5f6b63;--accent:#2f6fdd;--accent-soft:#e6eefc;--bad:#d92d20;--ok:#1a7f37;--warn:#9a5b00;color:var(--text);font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--bg);word-break:keep-all;margin:0}button,select,input{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--bad)}button.ghost{border-style:dashed}button.icon{padding:6px}input[type=text],select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 8px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.note{color:var(--warn)}.ok{color:var(--ok)}.seg{display:inline-flex}.seg button{border-radius:0;margin-left:-1px}.seg button:first-child{border-radius:6px 0 0 6px;margin-left:0}.seg button:last-child{border-radius:0 6px 6px 0}.app{flex-direction:column;height:100vh;display:flex}.top{z-index:30;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;min-height:52px;padding:6px 12px;display:flex;position:relative}.logo{margin-right:4px;font-size:18px}.sp{flex:1}.projname{background:0 0;border-color:#0000;width:220px;font-weight:600}.projname:hover,.projname:focus{border-color:var(--line);background:#fff}.dirty{color:var(--warn);white-space:nowrap}.menu{position:relative}.menulist{z-index:40;border:1px solid var(--line);background:#fff;border-radius:8px;min-width:200px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 20px #0002}.top .menu:last-of-type .menulist{left:auto;right:0}.menulist button{text-align:left;border:0;border-radius:4px;width:100%;display:block}.menulist button:hover:not(:disabled){background:var(--accent-soft)}.menulist hr{border:0;border-top:1px solid var(--line);margin:4px 0}.body{flex:1;min-height:0;display:flex}.tools{background:var(--panel);border-right:1px solid var(--line);flex:none;width:196px;padding:8px;overflow-y:auto}.toolgroup{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:6px 0;display:flex}.toolgroup:last-child{border-bottom:0}.grouptitle{color:var(--muted);padding:2px 8px}.tools button{border-color:#0000;justify-content:flex-start;width:100%}.tools button span{text-align:left;flex:1}.tools button kbd{border:1px solid var(--line);color:var(--muted);font:inherit;border-radius:4px;padding:0 5px;font-size:14px}.tools button.on kbd{border-color:var(--accent);color:var(--accent)}.tools button:hover:not(:disabled):not(.on){background:var(--bg)}.stage{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.options{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;min-height:48px;padding:6px 12px;display:flex}.hint2{color:var(--muted);margin-left:auto}.chips2{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chips2>button{padding:4px 10px}.chips2 i,.chip i{border:1px solid #0003;border-radius:3px;flex:none;width:14px;height:14px;display:inline-block}.conceptchip{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;display:inline-flex;overflow:hidden}.conceptchip.on{border-color:var(--accent);background:var(--accent-soft)}.conceptchip input[type=color]{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:2px}.conceptchip button{background:0 0;border:0;border-radius:0;padding:4px 10px 4px 2px}.single,.split{flex:1;min-height:0;display:flex}.pane{border-right:1px solid var(--line);flex:1;min-width:0;position:relative}.pane:last-child{border-right:0}.tag{z-index:1;color:#fff;background:#000a;border-radius:4px;padding:2px 8px;position:absolute;top:8px;left:8px}.tag select{color:#fff;background:0 0;border:0;padding:0}.tag select option{color:#000}.canvas{touch-action:none;background:#fafaf8;width:100%;height:100%;display:block}.canvas,.canvas *{-webkit-user-select:none;user-select:none}.zoom{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #0002}.zoom button{border:0;padding:6px}.toast{color:#fff;background:#222;border-radius:6px;padding:8px 16px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.empty{color:var(--muted);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.empty b{color:var(--text);font-size:20px}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);display:flex}.tabs button{border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;justify-content:center;padding:10px 0}.tabs button.on{border-bottom-color:var(--accent);background:0 0}.tabbody{flex:1;padding:0 14px 24px;overflow-y:auto}.tabbody section{border-bottom:1px solid var(--line);padding:12px 0}.tabbody section:last-child{border-bottom:0}h3{margin:0 0 8px;font-size:17px}h4{color:var(--muted);margin:12px 0 6px;font-size:16px;font-weight:600}.hint{color:var(--muted);margin:6px 0}.row{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.check{align-items:center;gap:6px;display:inline-flex}details summary{cursor:pointer}.adv{margin:10px 0}.adv summary{color:var(--muted)}.field{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;display:flex}.field>span:first-child{color:var(--muted)}.inputwrap{align-items:center;gap:4px;display:flex}.inputwrap input,.field select,.field input{width:150px}.inputwrap em{width:28px;color:var(--muted);font-style:normal}.stylerow{align-items:center;gap:4px;margin:4px 0;display:flex}.stylerow input[type=color]{border:1px solid var(--line);border-radius:4px;flex:none;width:32px;height:32px;padding:0}.stylerow input[type=text]{flex:1;min-width:0}.stylerow input[type=radio]{flex:none}.stylerow select{max-width:100px}.stylerow button{padding:2px 8px}.countrow{justify-content:space-between;align-items:flex-end;display:flex}.big b{font-size:48px;line-height:1}.big span{color:var(--muted);margin-left:4px}.target{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.targetline{margin-top:6px}.cutnote{color:var(--warn)}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{border:1px solid var(--line);border-radius:12px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:5px 4px}th{color:var(--muted);font-weight:600}tr.cur td{background:var(--accent-soft)}@media (width<=1150px){.logo{display:none}.projname{width:130px}.tools{width:56px}.tools button span,.tools button kbd,.grouptitle{display:none}.tools button{justify-content:center}.panel{width:300px}}