:root{--bg:#f5f4f0;--card:#fff;--ink:#1d1d1b;--muted:#6b6a65;--line:#e3e1da;--soft:#efede7;--run:#2457c5;--ok:#2f7a4f;--warn:#9a6200;--bad:#b3261e;--radius:12px;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.15rem}h2{font-size:1rem}.top{z-index:5;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f5f4f0eb;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.top .grow{flex:1;min-width:0}.top .who{color:var(--muted);font-size:.85rem}.wrap{max-width:920px;margin:0 auto;padding:16px}.dot{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.dot:before{content:"";background:var(--bad);border-radius:50%;width:8px;height:8px}.dot.on:before{background:var(--ok);box-shadow:0 0 0 3px #2f7a4f26}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stack>*+*{margin-top:12px}.muted{color:var(--muted)}.small{font-size:.85rem}label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}input[type=text],input[type=url],input[type=password],input:not([type]),select,textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:1px}.row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.row>*{flex:160px}.hint{color:var(--muted);margin-top:4px;font-size:.8rem}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.danger{background:var(--bad);border-color:var(--bad)}.btn.small{padding:6px 12px;font-size:.85rem;font-weight:500}.btn:disabled{opacity:.5;cursor:default}.chip{background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.chip.run{color:var(--run);background:#2457c51a}.chip.ok{color:var(--ok);background:#2f7a4f1a}.chip.warn{color:var(--warn);background:#9a62001a}.chip.bad{color:var(--bad);background:#b3261e1a}.chip.run:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.25}}.list{gap:10px;display:grid}.item{gap:8px;display:grid}.item-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.item-head h2{overflow-wrap:anywhere;flex:auto;min-width:0}.item .link{overflow-wrap:anywhere;font-size:.9rem}.item .actions{flex-wrap:wrap;gap:8px;display:flex}.item .flags{color:var(--warn);margin:0;padding-left:18px;font-size:.85rem}.log{color:#e9e7e1;white-space:pre-wrap;background:#1d1d1b;border-radius:8px;max-height:240px;margin:0;padding:10px 12px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.last{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}details.section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}details.section>summary{cursor:pointer;justify-content:space-between;padding:14px 16px;font-weight:600;list-style:none;display:flex}details.section>summary:after{content:"+";color:var(--muted)}details.section[open]>summary:after{content:"–"}details.section>.body{padding:0 16px 16px}.review{gap:16px;display:grid}.preview{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;height:72vh}@media (width>=1100px){.wrap.wide{max-width:1480px}.review{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);align-items:start}.review .preview{height:calc(100vh - 90px);position:sticky;top:72px}}.thumbs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.thumbs label{cursor:pointer;background:#9a9a9a;border:2px solid #0000;border-radius:8px;margin:0;position:relative;overflow:hidden}.thumbs label:has(input:checked){border-color:var(--ink)}.thumbs input{opacity:0;position:absolute}.thumbs img{object-fit:contain;width:100%;height:80px;display:block}.thumbs.photos img{object-fit:cover}.colors{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.color{align-items:center;gap:8px;display:flex}.color input[type=color]{border:1px solid var(--line);background:#fff;border-radius:8px;width:44px;height:40px;padding:2px}.color .name{font-size:.85rem}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatches button{border:1px solid var(--line);cursor:pointer;border-radius:6px;width:28px;height:28px}.exp{border:1px solid var(--line);border-radius:10px;gap:8px;padding:10px;display:grid}.exp .meta{color:var(--muted);font-size:.8rem}.exp .tools{gap:6px;display:flex}.savebar{background:linear-gradient(transparent, var(--bg) 30%);gap:8px;padding:12px 0;display:flex;position:sticky;bottom:0}.banner{color:var(--run);background:#2457c514;border-radius:10px;padding:10px 14px;font-size:.9rem}.banner.bad{color:var(--bad);background:#b3261e14}.toast{z-index:50;background:var(--ink);color:#fff;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:.9rem;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0003}.toast.error{background:var(--bad)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{width:100%;max-width:360px}