:root{--bg: #101418;--bg2: #1a2027;--card: #202832;--text: #e8edf2;--text-2: #9aa7b4;--accent: #4da3ff;--green: #39d98a;--red: #ff6b6b;--border: #303a46}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--bg2);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--accent);white-space:nowrap}.topbar nav{display:flex;gap:4px;flex:1;overflow-x:auto}.topbar nav a{color:var(--text-2);text-decoration:none;padding:8px 10px;border-radius:8px;white-space:nowrap}.topbar nav a.active{color:var(--text);background:var(--card)}main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:14px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.appfooter{text-align:center;color:var(--text-2);font-size:12px;padding:10px;border-top:1px solid var(--border)}.page{display:flex;flex-direction:column;gap:14px}h1,h2{margin:0}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.card.dim{opacity:.55}.cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cards .card{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:160px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:8px}.row.spread{justify-content:space-between}.row.wrap,.wrap{flex-wrap:wrap}input,select,textarea{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:16px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}button,.btn{background:var(--accent);color:#0b1016;border:none;border-radius:8px;padding:10px 14px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.linklike{background:none;color:var(--text-2);font-weight:400;padding:6px 8px}button.linklike:hover{color:var(--text)}.chip{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-weight:400}.chip.on{background:var(--accent);color:#0b1016;border-color:var(--accent);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px}.field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--text-2);font-size:14px}.field.instruction{background:var(--bg2);border-left:3px solid var(--accent);border-radius:6px;padding:10px 12px}.req{color:var(--red)}.muted{color:var(--text-2);font-size:13px}.error{color:var(--red);margin:0}.center-note{display:grid;place-items:center;min-height:60dvh;color:var(--text-2)}.login-wrap{display:grid;place-items:center;min-height:100dvh;padding:16px}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.login-card label{display:flex;flex-direction:column;gap:4px;color:var(--text-2);font-size:14px}.title-input{font-size:20px;font-weight:700;flex:1;min-width:200px}.designer-field{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px dashed var(--border);border-radius:10px;padding:10px}@media(max-width:700px){.designer-field{grid-template-columns:1fr}}.designer-preview{background:var(--bg2);border-radius:8px;padding:10px}.attach-list{margin:0;padding-left:18px}.attach-list a{color:var(--accent)}.steps-nav{overflow-x:auto}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;padding:20px}.popup{max-width:360px;width:100%}label.inline{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:14px}