:root{--primary:#2563eb;--border:#dbe4f2;--muted:#64748b;--bg:#f5f8ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#172b4d;font-family:system-ui,-apple-system,sans-serif;font-size:14px}main{max-width:620px;margin:auto;padding:20px 16px 32px}header{display:flex;align-items:center;gap:12px;margin-bottom:20px}header h1{margin:0;font-size:21px;color:var(--primary)}header p{margin:4px 0 0;color:var(--muted)}.logo{display:grid;place-items:center;background:#e0eaff;color:var(--primary);height:40px;width:40px;border-radius:12px;font-weight:700}form{display:grid;gap:16px}fieldset{min-width:0;margin:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:white}legend{padding:0 5px;font-weight:600}label{display:block;margin-bottom:12px;font-size:12px;color:var(--muted)}input:not([type=radio]):not([type=checkbox]),textarea,select{display:block;width:100%;min-width:0;margin-top:5px;padding:11px;border:1px solid var(--border);border-radius:10px;background:white;color:#172b4d;font:inherit;font-size:14px}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}textarea{resize:vertical}input[type=radio],input[type=checkbox]{accent-color:var(--primary)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid>*,.dimensions>*{min-width:0}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.radios{display:flex;flex-wrap:wrap;gap:20px}.radios label,.check{display:flex;align-items:center;gap:5px;font-size:14px}.notice{margin:0 0 16px;padding:12px;border:1px solid #c9daff;border-radius:12px;background:#ebf2ff;font-size:12px;line-height:1.6}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 10px}.center{text-align:center}button{width:100%;padding:13px;border:0;border-radius:12px;background:var(--primary);color:white;font:inherit;font-weight:600;cursor:pointer}select:disabled{color:var(--muted);background:#f8fafc}[hidden]{display:none!important}@media(max-width:380px){.grid{grid-template-columns:1fr}main{padding:16px 12px}}
.web-toolbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;height:56px;background:var(--primary);color:white;text-align:center;font-size:18px;font-weight:600}.web-toolbar button{height:48px;width:48px;padding:0;background:transparent;color:white;font-size:26px;border-radius:8px}.web-toolbar>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-toolbar button:focus-visible{outline-color:white;outline-offset:-4px}