:root{color-scheme:light;--blue:#0d4eac;--ink:#172640;--line:#dbe3f0;--bg:#f6f8fc;--soft:#eaf2ff;--muted:#546782}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.56 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--blue);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1140px;margin:0 auto;padding:0 22px}.nav{background:#fff;border-bottom:1px solid var(--line)}.nav .shell{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:66px;flex-wrap:wrap}.logo{color:#102e5c;font-weight:850;text-decoration:none;letter-spacing:-.04em;font-size:1.22rem}.navlinks{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem}.hero{background:linear-gradient(133deg,#0a3167,#1455a4);color:white;padding:58px 0 50px}.hero .eyebrow{font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#9bdbff}.hero h1{font-size:clamp(2rem,4.1vw,3.65rem);line-height:1.13;margin:10px 0 16px;letter-spacing:-.035em}.hero p{max-width:730px;color:#dceafe;font-size:1.08rem}.crumb{font-size:.86rem;margin-bottom:16px;color:#cee0ff}.crumb a{color:white}.stats{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;background:#eaf2ff;color:#114b89;border:1px solid #ccdef8;border-radius:22px;padding:7px 12px;font-size:.82rem;font-weight:700}.hero .badge{background:#ffffff18;color:#fff;border-color:#ffffff55}.section{padding:36px 0}.section h2{font-size:1.7rem;margin:0 0 10px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;min-width:0;box-shadow:0 8px 24px rgba(30,70,120,.045)}.card h3{margin:0 0 8px;font-size:1.08rem}.card p{margin:0 0 12px;color:var(--muted)}.card a.action{font-weight:750}.tool-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.tool-menu{background:white;border:1px solid var(--line);border-radius:16px;padding:12px;max-height:660px;overflow:auto}.tool-select{width:100%;border:1px solid transparent;border-radius:11px;padding:13px 11px;text-align:left;background:white;color:var(--ink);font-weight:650;line-height:1.3;margin:2px 0}.tool-select:hover{background:#f3f7ff}.tool-select.selected{background:var(--soft);border-color:#a3c5f8;color:#073e86}.editor{background:white;border:1px solid var(--line);border-radius:18px;padding:clamp(15px,3vw,28px);min-width:0}.editor h2{font-size:1.45rem}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field span{font-size:.85rem;color:#3a4d6b;font-weight:750}.field.wide{grid-column:1/-1}.field input,.field textarea,.field select,.board-input{width:100%;min-width:0;background:#fff;color:var(--ink);border:1px solid #bbcee3;border-radius:10px;padding:11px 12px;font-size:1rem}.field input[type=color]{padding:3px;min-height:48px}.field input[type=file]{font-size:.89rem}.field textarea{resize:vertical}.buttons{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.btn{background:#1153af;color:white;border:1px solid #1153af;border-radius:11px;padding:11px 16px;min-height:44px;font-weight:760}.btn:hover{filter:brightness(.92)}.btn:disabled{opacity:.58;cursor:wait}.btn.secondary{background:white;color:#124c95;border-color:#afc6e4}.btn.ghost{background:#eaf2ff;color:#134c92;border-color:#cbdff9}.feedback{padding:10px 14px;border-radius:9px;color:#245d39;background:#e7f6eb;min-height:42px;font-size:.9rem}.feedback.error{background:#fff0f0;color:#9a2631}.output{width:100%;min-height:120px;resize:vertical;background:#f7f9fe;color:#1a2a48;border:1px solid #d6e0ef;border-radius:12px;padding:12px;white-space:pre;font-size:.93rem}.preview-canvas{max-width:100%;height:auto;max-height:420px;object-fit:contain;border:1px solid #dbe3f0;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/18px 18px}.video-preview,.svg-preview{display:block;max-width:100%;max-height:390px;border-radius:10px}.plain-list{padding-left:22px}.plain-list li{margin:6px 0}.footer{border-top:1px solid var(--line);background:white;padding:26px 0;margin-top:25px;font-size:.88rem}.related{display:flex;gap:10px;flex-wrap:wrap}.related a{background:#fff;border:1px solid #d0dcf0;padding:9px 12px;border-radius:9px;text-decoration:none;font-weight:650}.notice{background:#fff8df;border:1px solid #e5cb80;border-radius:11px;padding:14px 17px;margin:18px 0}.custom{display:grid;grid-template-columns:1fr;gap:18px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.row>*{min-width:0}.card ul{padding-left:20px;margin-bottom:0}.small{font-size:.88rem}.checker{display:flex;gap:10px;align-items:center}.checker input{height:20px;width:20px}.pill{background:#f1f5fc;border-radius:6px;padding:3px 8px}.preview-area{max-width:100%;border:1px solid var(--line);border-radius:10px;background:white;padding:12px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kv div{background:#eef3fb;padding:10px;border-radius:7px}@media(max-width:760px){.tool-layout{grid-template-columns:minmax(0,1fr)}.tool-menu{max-height:none;display:flex;overflow:auto;gap:6px}.tool-select{flex:0 0 180px}.fields{grid-template-columns:1fr}.field.wide{grid-column:auto}.hero{padding:39px 0}.shell{padding-left:14px;padding-right:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:focus-visible{outline:3px solid #db8d13;outline-offset:2px}