:root{--bg: #f5f6f8;--panel: #ffffff;--ink: #1a1d24;--ink-soft: #4a505c;--muted: #8b909c;--line: #e4e6ec;--accent: #1a6cf3;--accent-soft: #eef3ff;--danger: #e34d4d;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input[type=text],input[type=url],textarea,select{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;width:100%;color:var(--ink)}textarea{resize:vertical;min-height:80px;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:6px;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:8px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;transition:background .1s}.btn:hover{background:#f5f6f8}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:#1457c9}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn.danger{background:transparent;color:var(--danger);border-color:transparent}.btn.danger:hover{background:#fceaea}.btn:disabled{opacity:.4;cursor:not-allowed}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fafbfd}.panel-head h2{margin:0;font-size:15px;font-weight:700}.panel-head .hint{margin-left:auto;font-size:12px;color:var(--muted)}.panel-body{padding:16px 18px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}