/* Shared look for the platform's owner tools (About me, domains, tools front door). Builds on r4.css tokens. */
.st-wrap{max-width:860px}
.st-h1{font-size:clamp(1.7rem,6vw,2.6rem);line-height:1.08;margin:.2em 0 .3em}
.st-lead{font-size:1.06rem;color:var(--ink-2);max-width:60ch}
.st-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.st-row>input{flex:1 1 220px;min-width:0}
.st input,.st select,.st textarea{font:inherit;min-height:46px;padding:11px 13px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);width:100%;max-width:100%}
.st label{font-weight:700;font-size:.9rem;display:block;margin:0 0 4px}
.st .help{font-size:.84rem;color:var(--muted);margin:4px 0 0}
.st-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--paper);margin:14px 0}
.st-list{display:grid;gap:10px;margin:12px 0}
.res{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--paper)}
.res b{font-size:1.05rem;word-break:break-all}.res .pr{font-weight:800;text-align:right}.res .rn{grid-column:1/-1;font-size:.84rem;color:var(--muted)}
.res .ok{color:var(--green);font-weight:700;font-size:.85rem}.res .no{color:#9a3412;font-weight:700;font-size:.85rem}.res .mb{color:var(--muted);font-size:.85rem}
.res button{grid-column:1/-1;min-height:44px}
.st-tbl{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.st-tbl th,.st-tbl td{text-align:left;padding:9px 6px;border-top:1px solid var(--line);vertical-align:top;word-break:break-all}.st-tbl th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-top:0}
.st-tbl td:first-child{width:4.6em;font-weight:800}.st-tbl button{min-height:36px;padding:4px 10px;border-radius:10px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-weight:700;cursor:pointer}
.chk{list-style:none;padding:0;margin:8px 0}.chk li{padding:8px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}.chk li:first-child{border-top:0}.chk i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.8rem;font-weight:800;background:var(--paper-3);color:var(--muted)}.chk li.on i{background:var(--green);color:#fff}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:18px 0 0;overflow-x:auto}.tabs button{min-height:46px;padding:10px 14px;border:0;background:none;font:700 .95rem var(--font);color:var(--muted);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}.tabs button.on{color:var(--ink);border-bottom-color:var(--gold)}
.demo-note{border-left:4px solid var(--gold);background:var(--paper-2);padding:12px 14px;border-radius:10px;font-size:.92rem;margin:12px 0}
.sheet{position:fixed;inset:0;z-index:60;display:none;background:rgba(0,0,0,.45);overscroll-behavior:contain}.sheet.on{display:block}
.sheet .in{position:absolute;left:0;right:0;bottom:0;max-height:92dvh;overflow:auto;background:var(--paper);border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}
@media(min-width:720px){.sheet .in{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(560px,94vw);border-radius:20px}}
.sheet .x{position:sticky;top:0;float:right;min-width:44px;min-height:44px;border:0;border-radius:999px;background:var(--paper-2);color:var(--ink);font-size:1.2rem;cursor:pointer}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.g2{grid-template-columns:1fr}}
.lnk{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--paper)}
.lnk .f{display:grid;gap:6px;grid-template-columns:1fr 1fr}.lnk .f input,.lnk .f select{min-height:42px;padding:8px 10px}.lnk .f .u{grid-column:1/-1}
.lnk .mv{display:grid;gap:4px}.lnk .mv button,.lnk .tg button{min-width:40px;min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);cursor:pointer;font-weight:800}
@media(max-width:520px){.lnk{grid-template-columns:1fr}.lnk .mv{grid-auto-flow:column;justify-content:start}.lnk .f{grid-template-columns:1fr}}
.bars{display:flex;align-items:flex-end;gap:2px;height:56px;margin:8px 0}.bars i{flex:1;background:var(--gold);border-radius:2px 2px 0 0;min-height:2px}
.prev-frame{width:100%;height:640px;border:1px solid var(--line);border-radius:18px;background:#fff}
.tool{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start;border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--paper)}
.tool .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--paper-2);font-size:1.3rem;grid-row:span 3}
.tool h3{margin:0;font-size:1.08rem}.tool p{margin:0;color:var(--ink-2);font-size:.95rem}.tool .who{font-size:.82rem;color:var(--muted)}
.tool label.add{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:8px;min-height:44px;font-weight:700;cursor:pointer}.tool label.add input{width:22px;height:22px;min-height:0}
.tool .st{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;margin-left:6px;vertical-align:middle;background:var(--paper-3);color:var(--ink-2)}
.tool .st.live{background:var(--green);color:#fff}
.dock{position:sticky;bottom:0;z-index:20;background:var(--paper);border-top:1px solid var(--line);padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px))}
.st .btn{white-space:normal;max-width:100%;text-align:center;height:auto}
.st-tbl small{word-break:normal;display:block;margin-top:4px}
@media(max-width:520px){.st-tbl thead{display:none}.st-tbl tr{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;border-top:1px solid var(--line);padding:12px 0}.st-tbl td{border:0;padding:0}.st-tbl td:first-child{width:auto}.st-tbl td:nth-child(3){grid-column:1/-1;font-family:ui-monospace,Menlo,monospace;font-size:.88rem}.st-tbl td:nth-child(3) small{font-family:var(--font)}}