@font-face{font-family:Pretendard;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Pretendard;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff)format("woff");font-weight:700;font-style:normal}:root{--main:#86d7ff;--main-dark:#3fb5ee;--hair:#ff6b8a;--bg:#eef2f5;--line:#e4e8ec;--text:#444;--muted:#999}*{box-sizing:border-box}body{color:var(--text);margin:0;font-family:Pretendard,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit;color:inherit}a{color:var(--main-dark);text-decoration:none}input[type=range]{appearance:none;background:#e4ecf2;border-radius:5px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--main-dark);width:18px;height:18px;box-shadow:0 0 0 1px var(--main-dark);cursor:pointer;border:3px solid #fff;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--main-dark);width:14px;height:14px;box-shadow:0 0 0 1px var(--main-dark);cursor:pointer;border:3px solid #fff;border-radius:50%}body.editor{background-color:var(--bg)}.panel{background-color:#fff;border-radius:12px;margin-bottom:1rem;padding:14px 16px;position:relative}.panel h3{margin:0 0 8px;font-size:1.05rem}.panel h3 small{color:var(--muted);margin-left:6px;font-size:.8rem;font-weight:400}.panel h4{color:var(--main-dark);margin:18px 0 6px;font-size:.95rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel input[type=text],.panel select{background:#fff;width:100%;padding:6px 10px}.panel input[type=text],.panel select,.seg{border:1px solid var(--line);border-radius:10px}.seg{display:inline-flex;overflow:hidden}.seg button{cursor:pointer;background:#fff;border:0;padding:4px 10px;font-size:.85rem}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--main);color:#fff}.seg.small button{padding:3px 9px}button.primary{background-color:var(--main);color:#fff;border:0;justify-content:center;align-items:center;gap:4px;width:100%;padding:6px 14px;font-weight:700;display:flex}button.plain,button.primary{cursor:pointer;border-radius:10px}button.plain{border:1px solid var(--line);background:#fff;padding:5px 10px}.desc,.small,.tip{color:var(--muted)}.desc,.error,.small,.tip{margin:6px 0 0;font-size:.8rem}.error{color:#e5484d;background:#fff0f0;border-radius:8px;padding:6px 8px}
