:root{--paper:#eceff3;--sheet:#f7f8fa;--ink:#1b2232;--muted:#5f687a;--line:#d2d7df;--line-strong:#9aa3b2;--mango:#ffb21e;--mark:#d93a3a;--focus:#1b2232;--rail:248px;--font:"SUIT Variable","SUIT",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--paper);color:var(--ink)}body{font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shell{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh}.rail{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;padding:28px 20px 40px 28px;border-right:1px solid var(--line)}.brand{font-weight:800;font-size:16px;letter-spacing:-.02em;margin:0 0 22px;text-decoration:none;display:flex;align-items:center;gap:8px}.brand small{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:1px}.brand-mark{flex:none;align-self:flex-start;margin-top:3px;width:14px;height:18px;background:var(--mango);border-radius:60% 40% 55% 45%/55% 50% 50% 45%;transform:rotate(-18deg)}.rail h2{font-size:13px;font-weight:600;color:var(--muted);margin:24px 0 8px}.cats{list-style:none;margin:0;padding:0}.cats a{display:flex;justify-content:space-between;gap:12px;padding:5px 8px;margin:0 -8px;text-decoration:none;border-radius:4px}.cats a:hover{background:rgba(27,34,50,.06)}.cats a[aria-current=page]{background:var(--ink);color:var(--paper);box-shadow:inset 3px 0 0 var(--mango)}.cats a.empty{color:#9aa1ae}.cats .n{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.cats a[aria-current=page] .n{color:#b9c0cc}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips a{font-size:13px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none}.chips a[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.stage{padding:28px 36px 80px;min-width:0}.stage-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}.stage-head h1{font-size:clamp(40px,6vw,76px);line-height:1;font-weight:800;letter-spacing:-.04em;margin:0}.stage-head p{margin:0;color:var(--muted);font-size:14px;text-align:right}.wall{columns:var(--cols,2) 300px;column-gap:28px}.density{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:0 0 20px;background:#fff}.density button{all:unset;cursor:pointer;padding:5px 12px;font-size:13px;color:var(--muted)}.density button+button{border-left:1px solid var(--line)}.density button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.density button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.piece{page-break-inside:avoid;break-inside:avoid;margin:0 0 32px}.piece button{all:unset;display:block;width:100%;cursor:zoom-in}.piece button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.piece .frame{background:var(--sheet);border:1px solid var(--line)}.piece .frame img{width:100%;height:auto}.piece figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:13px}.piece figcaption .site{font-weight:600}.piece figcaption .when{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.empty-state{max-width:46ch;padding:48px 0;color:var(--muted)}.empty-state strong{color:var(--ink);display:block;font-size:18px;margin-bottom:6px}.viewer{position:fixed;inset:0;background:rgba(20,25,36,.92);display:grid;grid-template-columns:1fr 300px;z-index:50}.viewer .canvas{overflow:auto;padding:32px;display:flex;justify-content:center;align-items:flex-start}.viewer .canvas img{max-width:min(100%,1440px);background:#fff}.viewer aside{background:var(--paper);padding:28px 24px;overflow-y:auto}.viewer aside h2{margin:0 0 4px;font-size:22px;letter-spacing:-.02em}.viewer dl{margin:20px 0;display:grid;grid-template-columns:auto 1fr;grid-gap:6px 14px;gap:6px 14px;font-size:14px}.viewer dt{color:var(--muted)}.viewer dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.viewer .tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.viewer .tags li{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:2px 9px}.viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.viewer-nav .btn{padding:6px 12px}.viewer-nav .pos{font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.viewer .keys{font-size:12px;color:var(--muted);margin:16px 0 0}.viewer .actions{display:flex;flex-direction:column;gap:8px;margin-top:24px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:9px 16px;border-radius:6px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;cursor:pointer;font-weight:600;font-size:14px}.btn.ghost{background:transparent;color:var(--ink)}.btn:disabled{opacity:.45;cursor:default}.review{padding:28px 36px 120px;max-width:1600px;margin:0 auto}.review-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:8px}.review-head h1{margin:0;font-size:34px;letter-spacing:-.03em;font-weight:800}.review-head a{color:var(--muted);font-size:14px}.review-lead{margin:6px 0 0;color:var(--muted);max-width:60ch}.empty-state .saved{color:var(--ink);background:#dfe7d8;padding:8px 12px;border-radius:6px;margin:0 0 20px}.tabs{display:flex;gap:4px;margin:24px 0 20px;border-bottom:1px solid var(--line)}.tabs a{padding:8px 14px;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:600}.tabs a[aria-current=page]{color:var(--ink);border-color:var(--ink)}.tabs .n{font-weight:400;margin-left:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.proofs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:24px 20px;gap:24px 20px}.proof{position:relative}.proof .toggle{all:unset;display:block;width:100%;cursor:pointer;position:relative}.proof .toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.proof .shot{aspect-ratio:1440/900;background:var(--sheet);border:1px solid var(--line);overflow:hidden;position:relative}.proof .shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:filter .15s,opacity .15s}.proof .shot .none{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px;padding:12px;text-align:center}.proof.out .shot img{filter:grayscale(1);opacity:.35}.proof.out .shot:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--mark) calc(50% - 1.5px),var(--mark) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.proof.out .shot{border-color:var(--mark)}.proof .meta{margin-top:8px;font-size:13px;display:flex;justify-content:space-between;gap:10px}.proof .meta .t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof .meta a{color:var(--muted);white-space:nowrap}.proof .flags{margin:4px 0 0;font-size:12px;color:var(--muted)}.proof.out .meta .t{text-decoration:line-through;-webkit-text-decoration-color:var(--mark);text-decoration-color:var(--mark)}.decide-bar{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:var(--paper);z-index:40}.decide-bar .in{max-width:1600px;margin:0 auto;padding:14px 36px;display:flex;align-items:center;gap:20px}.decide-bar .count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.decide-bar .count b{color:#ff8a8a}.decide-bar .sp{flex:1 1}.decide-bar .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.decide-bar .btn.ghost{background:transparent;color:var(--paper);border-color:#5f687a}.decide-bar .msg{font-size:14px;color:#b9c0cc}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(340px,90vw);display:flex;flex-direction:column;gap:10px}.login h1{font-size:24px;margin:0 0 12px;letter-spacing:-.02em}.login label{font-size:14px;color:var(--muted)}.login input[type=password]{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff}.login button{all:unset;text-align:center;padding:10px;border-radius:6px;background:var(--ink);color:var(--paper);font-weight:600;cursor:pointer;margin-top:6px}.login .error{color:var(--mark);font-size:14px;margin:0}@media (max-width:860px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px 16px 12px}.brand{margin-bottom:12px}.cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.cats li{flex:none}.cats a{margin:0;padding:6px 12px;border:1px solid var(--line);border-radius:999px;gap:6px;white-space:nowrap}.cats a.empty,.rail h2{display:none}.chips{flex-wrap:nowrap;overflow-x:auto;margin-top:8px;scrollbar-width:none}.chips a{flex:none}.stage-head{flex-direction:column;align-items:flex-start;gap:8px}.stage-head p{text-align:left}.review,.stage{padding:20px 16px 120px}.viewer{grid-template-columns:1fr;grid-template-rows:1fr auto}.viewer aside{max-height:40vh}.decide-bar .in{padding:12px 16px;flex-wrap:wrap}}.head-links{display:flex;gap:16px}.head-links a{color:var(--muted);font-size:14px}.tabs.scroll{overflow-x:auto;scrollbar-width:thin}.tabs .tab{all:unset;cursor:pointer;padding:8px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:600;white-space:nowrap}.tabs .tab[aria-current=page]{color:var(--ink);border-color:var(--ink)}.tabs .tab:focus-visible{outline:2px solid var(--focus)}.editor-body{display:grid;grid-template-columns:1fr 380px;grid-gap:24px;gap:24px;align-items:start}.picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px 14px;gap:16px 14px}.pick{all:unset;cursor:pointer;display:block}.pick:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.pick-img{display:block;height:150px;overflow:hidden;background:var(--sheet);border:1px solid var(--line)}.pick-img img{width:100%}.pick.on .pick-img{outline:3px solid var(--ink);outline-offset:2px}.pick-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-top:6px}.pick-meta span:first-child{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-meta .cat{color:var(--muted);white-space:nowrap}.inspector{position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--sheet);padding:16px}.insp-img,.inspector{border:1px solid var(--line)}.insp-img{max-height:280px;overflow:auto;background:#fff}.insp-meta{display:flex;flex-direction:column;gap:2px;margin:12px 0;font-size:14px}.insp-meta a,.insp-meta span{color:var(--muted)}.insp-meta a{font-size:13px}.cat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:12px}.cat-btn{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:13px}.cat-btn:hover{border-color:var(--ink)}.cat-btn:focus-visible{outline:2px solid var(--focus)}.cat-btn.cur{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cat-btn:disabled{opacity:.5;cursor:default}kbd{font-family:inherit;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 4px;min-width:14px;text-align:center;background:var(--paper)}.cat-btn.cur kbd{color:var(--ink)}.btn.wide{width:100%;gap:8px}.btn.danger{color:var(--mark);border-color:var(--mark)}.insp-msg{font-size:13px;color:var(--muted);min-height:1.4em;margin:10px 0 0}@media (max-width:960px){.editor-body{grid-template-columns:1fr}.inspector{position:static;max-height:none;order:-1}}.rail-filter{width:100%;font:inherit;font-size:14px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;margin-bottom:14px}.cats .none{color:var(--muted);font-size:13px;padding:6px 0}.search{position:relative;max-width:640px}.search input{width:100%;font:inherit;border:1.5px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink)}.search.lg input{font-size:20px;padding:16px 20px}.search.md input{font-size:16px;padding:10px 14px}.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:10px;list-style:none;margin:0;padding:6px;z-index:30;box-shadow:0 12px 32px rgba(27,34,50,.14)}.suggest button{all:unset;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:6px;cursor:pointer}.suggest button.hi{background:var(--paper)}.suggest .kind{color:var(--muted);font-size:13px}.home-hero{padding:40px 0 36px}.home-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.04em;font-weight:800;margin:0 0 24px}.home-sub{color:var(--muted);margin:14px 0 0;max-width:60ch}.home-block{margin:40px 0}.home-block h2{font-size:20px;letter-spacing:-.02em;margin:0 0 16px}.site-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px}.cat-tiles a,.site-row a{text-decoration:none;display:block}.site-cover,.tile-cover{display:block;overflow:hidden;background:var(--sheet);border:1px solid var(--line)}.site-cover{aspect-ratio:16/10}.site-cover img,.tile-cover img{width:100%;height:100%;object-fit:cover;object-position:left top}.tile-cover.thin{display:flex;align-items:center;padding:0 10px;background:#fff}.tile-cover.thin img{height:auto;object-fit:contain}.site-meta,.tile-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:13px}.site-meta span,.tile-meta span{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cat-tiles a:hover strong,.site-row a:hover strong{text-decoration:underline}.cat-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:18px;gap:18px}.tile-cover{aspect-ratio:4/3}.search-head{align-items:center}.search-head .search{flex:1 1}.result-chips{margin:-12px 0 24px}.ad{margin:8px 0 24px;display:flex;justify-content:center}.site-foot{margin-top:64px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;max-width:80ch}@media (max-width:860px){.rail-filter{display:none}.home-hero{padding:16px 0 24px}.search.lg input{font-size:17px;padding:13px 16px}.search-head{flex-direction:column;align-items:stretch}}.ai-note{margin:4px 0 0;font-size:12px;line-height:1.4;color:#5a6275}.ai-note b{font-weight:600;margin-right:2px}.ai-note.keep b{color:#1f7a4d}.ai-note.drop b{color:var(--mark,#d93a3a)}.ai-note.blocked b,.ai-note.unsure b{color:#a86a00}.spine .zone{position:relative;padding-left:12px;margin-bottom:14px}.spine .zone:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--line);border-radius:2px}.spine h2{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 4px}.spine .cats.un{margin-top:8px}.spine .none{color:var(--muted);font-size:13px}.title-row{display:flex;align-items:center;gap:20px}.title-row .where{margin:10px 0 0;color:var(--muted);font-size:14px;text-align:left}.pagemark{flex:none}@media (max-width:860px){.spine{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.spine .zone{display:contents}.spine .zone:before,.spine h2{display:none}.spine .cats{display:contents}.spine .cats li{flex:none}.spine .cats li:has(>a.empty){display:none}.cats a[aria-current=page]{box-shadow:none}.title-row{gap:14px}.title-row .pagemark{width:32px;height:auto}.wall{column-count:1}.density{display:none}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.quick a{display:inline-flex;gap:6px;align-items:baseline;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font-weight:600;font-size:14px}.quick a span{color:var(--muted);font-weight:400;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quick a:hover{border-color:var(--ink)}.preview{margin:0 0 40px}.preview header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.preview h3{margin:0;font-size:20px;letter-spacing:-.02em}.preview h3 a{text-decoration:none}.preview .more{font-size:13px;color:var(--muted);white-space:nowrap}.preview ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.preview li a{display:block;text-decoration:none}.pv-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--sheet);border:1px solid var(--line)}.pv-img img{width:100%;height:100%;object-fit:cover;object-position:left top}.pv-img.thin{display:flex;align-items:flex-start;background:#fff}.pv-img.thin img{height:auto;object-fit:contain}.preview li a:hover .pv-img{border-color:var(--ink)}.pv-site{display:block;margin-top:6px;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1100px){.preview ul{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.preview ul{grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;overflow-x:auto;scrollbar-width:none}}.upload-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);grid-gap:28px;gap:28px;align-items:start;margin-top:24px}.drop{min-height:360px;border:2px dashed var(--line-strong);border-radius:10px;background:var(--sheet);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;color:var(--muted)}.drop.over{border-color:var(--ink);background:#fff}.drop.has{justify-content:flex-start;border-style:solid}.drop img{max-width:100%;max-height:60vh;object-fit:contain;border:1px solid var(--line);background:#fff}.drop p{margin:0;line-height:1.7}.fields{gap:14px}.fields,.fields label{display:flex;flex-direction:column}.fields label{gap:6px;font-size:14px;font-weight:600}.fields label b{color:var(--mark);font-weight:600}.fields input,.fields select,.fields textarea{font:inherit;font-weight:400;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}.fields textarea{resize:vertical}.fields .btn{align-self:flex-start;min-width:120px}.uploaded{margin-top:40px}.uploaded h2{font-size:18px;margin:0 0 12px}.uploaded ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px}.uploaded img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:left top;border:1px solid var(--line)}.uploaded span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.viewer .note{margin:0 0 16px;padding:10px 12px;background:#fff;border-left:3px solid var(--mango);font-size:14px;white-space:pre-wrap}@media (max-width:860px){.upload-form{grid-template-columns:1fr}.drop{min-height:200px}}.ai-row{display:flex;gap:8px;flex-wrap:wrap}.ai-msg{margin:0;font-size:13px;color:var(--muted)}.brand .beta{font-style:normal;font-size:11px;font-weight:700;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--mango);color:var(--ink);vertical-align:2px}