:root{--ground: #fff3e9;--paper: #fffdfa;--ink: #2a1b12;--coral: #f2643b;--butter: #ffd84d;--green: #3e8e5a;--dim: #8c6f5c;--bw: 3px;--shadow: 5px 5px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:Gabarito,-apple-system,sans-serif;font-size:16px;line-height:1.45}.mono{font-family:Spline Sans Mono,monospace}.wrap{max-width:1040px;margin:0 auto;padding:28px 22px 80px}header.top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:26px}.logo{font-size:30px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.logo span{color:var(--coral)}.conn{font-family:Spline Sans Mono,monospace;font-size:12px;font-weight:600;border:var(--bw) solid var(--ink);padding:8px 12px;background:var(--paper)}.conn.ok{background:var(--green);color:#fff}.conn.btn{cursor:pointer;background:var(--butter);box-shadow:4px 4px 0 var(--ink)}.conn.btn:active{translate:4px 4px;box-shadow:none}nav.tabs{display:flex;gap:12px;margin-bottom:26px;flex-wrap:wrap}nav.tabs a{text-decoration:none;color:var(--ink);background:var(--paper);border:var(--bw) solid var(--ink);padding:12px 22px;font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:.02em}nav.tabs a.active{background:var(--coral);color:#fff;box-shadow:var(--shadow)}.card{background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:22px}.card+.card{margin-top:22px}.card h2{font-size:24px;font-weight:900;letter-spacing:-.01em}.card .sub{font-size:14px;color:var(--dim);margin:3px 0 16px}.drop{border:var(--bw) dashed var(--coral);background:#ffe9db;padding:18px;display:flex;align-items:center;gap:16px;cursor:pointer;min-height:96px}.drop img.thumb{width:64px;height:64px;object-fit:cover;border:var(--bw) solid var(--ink)}.drop b{font-size:16px}.drop span{display:block;font-size:12.5px;color:var(--dim)}.styles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:16px}@media(max-width:760px){.styles{grid-template-columns:repeat(3,1fr)}}.style{background:#fff;border:var(--bw) solid var(--ink);padding:8px 6px 6px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.style img{width:100%;height:52px;object-fit:contain}.style i{font-style:normal;font-size:11.5px;font-weight:800;text-transform:uppercase}.style.sel{background:var(--butter);box-shadow:4px 4px 0 var(--ink)}.chips{display:flex;gap:9px;margin-top:16px;align-items:center;flex-wrap:wrap}.chips b{font-size:13px;text-transform:uppercase}.chip{width:28px;height:28px;border:var(--bw) solid var(--ink);cursor:pointer;padding:0}.chip.on{outline:3px solid var(--coral);outline-offset:2px}input.custom{width:34px;height:30px;border:var(--bw) solid var(--ink);padding:0;background:none;cursor:pointer}.btn{font-family:inherit;font-size:16px;font-weight:900;text-transform:uppercase;padding:12px 22px;border:var(--bw) solid var(--ink);background:var(--coral);color:#fff;box-shadow:var(--shadow);cursor:pointer;margin-top:18px;margin-right:12px}.btn.g{background:var(--paper);color:var(--ink)}.btn.y{background:var(--butter);color:var(--ink)}.btn:active{translate:5px 5px;box-shadow:none}.btn:disabled{opacity:.45;cursor:default}.btn.sm{font-size:12.5px;padding:8px 13px;box-shadow:3px 3px 0 var(--ink);margin-top:0}.btn.sm:active{translate:3px 3px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}.cell{background:#fff;border:var(--bw) solid var(--ink);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:10px;cursor:pointer;position:relative}.cell svg{width:100%;height:100%}.cell.sel{box-shadow:var(--shadow);background:var(--butter)}.cell .spin{width:30px;height:30px;border:4px solid var(--ink);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cell .spin{animation-duration:2.4s}}.cell i.tag{position:absolute;bottom:4px;left:6px;font-style:normal;font-size:10px;font-weight:700;color:var(--dim);text-transform:uppercase}.urlrow{display:flex;gap:12px}.urlrow input{flex:1;min-width:0;font-family:inherit;font-size:16px;font-weight:600;padding:12px 14px;border:var(--bw) solid var(--ink);background:#fff;color:var(--ink)}.urlrow .btn{margin:0;flex-shrink:0}.found{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.sw{width:32px;height:32px;border:var(--bw) solid var(--ink)}.tag{font-size:12.5px;font-weight:800;text-transform:uppercase;background:#ffe9db;border:2px solid var(--ink);padding:4px 11px}.subj{font-size:13px;font-weight:700;background:#fff;border:2px solid var(--ink);padding:5px 11px;cursor:pointer}.subj:after{content:" ✕";color:var(--dim);font-weight:400}.addsubj{font-family:inherit;font-size:13px;font-weight:700;border:2px dashed var(--ink);background:none;padding:5px 11px;width:110px}.anchor{display:flex;gap:16px;align-items:center;margin-top:18px;flex-wrap:wrap}.anchor .slot{width:108px;height:108px;background:#fff;border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.anchor .slot svg{width:100%;height:100%}.err{margin-top:14px;background:#ffdad1;border:var(--bw) solid var(--ink);padding:10px 14px;font-size:13.5px;font-weight:600}.note{margin-top:14px;font-size:12.5px;color:var(--dim)}
