:root{color:#1b1e1c;font-synthesis:none;--paper:#f1f2ef;--ink:#1b1e1c;--line:#b9bdb8;--red:#bd3f27;--blue:#6f86a6;--moss:#657460;--violet:#756c8a;--yellow:#8a6d1d;background:#f1f2ef;font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}:focus-visible{outline-offset:3px;outline:3px solid #1b1e1c}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px 18px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.app-shell{min-height:100vh;padding-left:116px}.side-nav{z-index:20;border-right:1px solid var(--ink);background:var(--paper);flex-direction:column;width:116px;display:flex;position:fixed;inset:0 auto 0 0}.brand{height:116px;color:inherit;border-bottom:1px solid var(--ink);align-content:center;place-items:center;gap:6px;text-decoration:none;display:grid}.brand span{background:var(--red);color:#fff;place-items:center;width:42px;height:42px;font-size:23px;font-weight:800;display:grid}.brand b,.eyebrow,.source-tile span,.library-header p,.project-list em{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.side-nav>div{display:grid}.side-nav button{border:0;border-bottom:1px solid var(--line);background:0 0;align-content:center;place-items:center;gap:5px;min-height:76px;display:grid}.side-nav button i,.bottom-nav i{border:1px solid;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid}.side-nav button span{font-size:11px;font-weight:700}.side-nav button.active{background:var(--ink);color:#fff}.side-nav .sync-button{border-top:1px solid var(--ink);border-bottom:0;margin-top:auto}main{min-height:100vh;transition:padding-right .2s}main.has-detail{padding-right:380px}.library-page,.page,.add-panel{max-width:1580px;margin:0 auto;padding:48px clamp(24px,4vw,68px) 100px}.eyebrow{color:#5a615c;margin:0 0 10px;font-weight:800}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-.045em;margin:0;font-family:Arial Narrow,Hiragino Sans,Yu Gothic UI,sans-serif;font-size:clamp(38px,5vw,76px);line-height:.98}h2{letter-spacing:-.025em;font-size:25px}.library-header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;padding-bottom:26px;display:flex}.library-header h1{font-size:clamp(48px,7vw,100px)}.library-header p:last-child{color:#5a615c;margin:14px 0 0}.primary,.secondary,.danger{border:1px solid var(--ink);min-height:48px;padding:0 20px;font-weight:800}.primary{background:var(--red);color:#fff;border-color:var(--red)}.primary:hover{background:#b83b22}.secondary{background:0 0}.secondary:hover{background:#fff}.danger{color:#fff;background:#9d2d20;border-color:#9d2d20}.add-button{min-width:150px}.filter-bar{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,1fr) repeat(4,minmax(130px,160px)) auto;gap:1px;margin-bottom:34px;display:grid}.filter-bar label{background:var(--paper);gap:4px;padding:9px 12px;display:grid}.filter-bar label>span,.field>span,fieldset legend{letter-spacing:.04em;font-size:11px;font-weight:800}.filter-bar input,.filter-bar select{background:0 0;border:0;min-width:0;height:30px}.filter-clear{background:var(--ink);color:#fff;border:0;padding:0 18px;font-weight:700}.library-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:34px 20px;display:grid}.library-card{text-align:left;background:0 0;border:0;grid-template-rows:230px auto;min-width:0;padding:0;display:grid;position:relative}.library-card:after{content:"";pointer-events:none;border:2px solid #0000;position:absolute;inset:-7px}.library-card.is-selected:after{border-color:var(--ink)}.edge-label{z-index:2;color:#fff;align-items:center;gap:5px;min-width:48px;height:34px;padding:0 8px;font-weight:800;display:flex;position:absolute;top:14px;left:0}.edge-label span{font-size:10px}.reason-color{color:#fff;background-color:var(--red)!important}.reason-type{color:#fff;background-color:#526f97!important}.reason-layout{color:#fff;background-color:var(--moss)!important}.reason-composition{color:#fff;background-color:var(--violet)!important}.reason-texture{color:#fff;background-color:var(--yellow)!important}.reason-motion{color:#fff;background-color:#4c7477!important}.reason-asset{color:#fff;background-color:#8b4e68!important}.reason-unclassified{color:#fff;background-color:#555b57!important}.card-preview{border:1px solid var(--line);background:#e2e4e0;display:block;overflow:hidden}.card-preview img,.detail-preview img{object-fit:cover;width:100%;height:100%;display:block}.source-tile{flex-direction:column;justify-content:end;gap:4px;width:100%;height:100%;padding:22px;display:flex;color:var(--ink)!important;background:#dcded9!important}.source-tile b{word-break:break-all;font-size:20px}.source-tile span{color:#4f5551}.card-copy{gap:4px;padding:12px 2px 0;display:grid}.card-copy b{font-size:16px;line-height:1.35}.card-copy>span{color:#555c57;font-size:11px}.card-copy em{color:#3e443f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;font-style:normal;display:-webkit-box;overflow:hidden}.detail-panel{z-index:40;border-left:1px solid var(--ink);background:#e7e8e4;width:380px;padding:24px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.detail-panel>header{justify-content:space-between;margin-bottom:18px;display:flex}.detail-mark{place-items:center;width:44px;height:44px;font-weight:800;display:grid}.icon-button{border:1px solid var(--ink);background:0 0;width:44px;height:44px;font-size:25px}.detail-preview{border:1px solid var(--line);height:250px;margin-bottom:28px}.detail-panel h2{margin:6px 0 24px;font-size:29px}.detail-panel dl{border-top:1px solid var(--line);margin:0}.detail-panel dl div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:10px;padding:12px 0;display:grid}.detail-panel dt{color:#59605b;font-size:11px;font-weight:800}.detail-panel dd{margin:0;font-size:13px}.detail-panel blockquote{border-left:4px solid var(--red);margin:22px 0;padding-left:15px;font-size:14px;line-height:1.7}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row button{border:1px solid var(--ink);background:0 0;min-height:40px;padding:0 10px}.detail-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.detail-edit{gap:14px;display:grid}.detail-edit .button-row{margin-top:8px}.detail-actions a{align-items:center;text-decoration:none;display:inline-flex}.danger-link{color:#8e2d22;background:0 0;border:0;min-height:44px;text-decoration:underline}.source-note{border-top:1px solid var(--line);color:#535a55;margin-top:28px;padding-top:15px;font-size:11px;line-height:1.6}.empty-state{text-align:center;align-content:center;justify-items:center;min-height:520px;padding:50px 20px;display:grid}.empty-state h2{margin:0 0 10px;font-size:clamp(28px,4vw,48px)}.empty-state>p:not(.eyebrow){color:#4f5651;max-width:540px;line-height:1.7}.empty-state small{color:#555c57;margin-top:14px}.empty-demo{text-align:left;grid-template-columns:42px 1fr;gap:9px 12px;width:min(360px,86vw);margin-bottom:34px;display:grid}.demo-label{grid-row:span 2;place-items:center;font-weight:800;display:grid}.demo-line{background:var(--line);width:55%;height:10px}.demo-line.wide{width:100%}.demo-line.mid{width:75%}.demo-line.short{width:38%}.page>header,.add-panel>header{border-bottom:2px solid var(--ink);margin-bottom:35px;padding-bottom:25px}.page>header p:last-child,.add-panel>header p:last-child{color:#505752;max-width:620px;line-height:1.65}.add-panel{max-width:980px}.add-panel form{gap:28px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset legend{margin-bottom:10px}i{font-style:normal}.field>span i,fieldset legend i{color:#626963;font-size:10px;font-weight:500}.kind-switch{background:var(--ink);border:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:1px;display:grid}.kind-switch legend{background:var(--paper);grid-column:1/-1;width:100%;padding-bottom:10px}.kind-switch label{background:var(--paper);cursor:pointer;align-items:center;gap:12px;min-height:92px;padding:18px;display:flex}.kind-switch label:has(input:checked){background:var(--ink);color:#fff}.kind-switch input{width:20px;height:20px;accent-color:var(--red)}.kind-switch label span{gap:3px;display:grid}.kind-switch small{opacity:.75}.field{gap:8px;min-width:0;display:grid}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fafbf8;border-radius:0;width:100%;min-height:48px;padding:10px 12px}.field textarea{resize:vertical;min-height:100px}.field small{color:#58605a;font-size:11px;line-height:1.5}.field-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.file-field input{padding:10px}.optional-fields{border:1px solid var(--line);background:#e7e8e4}.optional-fields summary{cursor:pointer;min-height:48px;padding:13px 15px;font-size:12px;font-weight:800}.optional-fields summary i{color:#5b625d;font-weight:500}.optional-fields>div{border-top:1px solid var(--line);gap:22px;padding:18px;display:grid}.reason-picker>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.reason-picker label{min-height:72px;color:var(--ink);cursor:pointer;background:#e2e4e0}.reason-picker input{opacity:0;pointer-events:none;position:absolute}.reason-picker label span{height:100%;color:var(--ink);background:#e2e4e0;border:2px solid #0000;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:800;display:flex}.reason-picker label b{background:var(--ink);color:#fff;place-items:center;width:28px;height:28px;display:grid}.reason-picker input:checked+span{border-color:var(--ink);background:#fff}.reason-picker input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:22px;display:flex}.form-error{background:#f1dad5;border-left:5px solid #9d2d20;margin:0;padding:13px}.project-list{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.project-list button{text-align:left;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:0 0;grid-template-columns:32px 1fr;align-content:center;min-height:150px;padding:22px;display:grid}.project-list button:hover{background:#fff}.project-list span{color:var(--red);font-size:25px}.project-list b{font-size:20px}.project-list em{grid-column:2;margin-top:8px;font-style:normal}.project-boards{gap:44px;display:grid}.project-board{border:1px solid var(--ink)}.project-board>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:90px;padding:16px 20px;display:flex}.project-board>header span{letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:10px}.project-board h2{margin:3px 0 0;font-size:28px}.project-columns{grid-template-columns:1fr 1fr;display:grid}.project-columns>div{min-width:0;padding:18px}.project-columns>div+div{border-left:1px solid var(--ink)}.project-columns h3{justify-content:space-between;margin:0 0 15px;font-size:13px;display:flex}.project-columns>div>p{color:#5a615c;font-size:12px}.project-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.project-items button{text-align:left;background:0 0;border:0;min-width:0;padding:0}.project-items button>span{border:1px solid var(--line);height:100px;display:block;overflow:hidden}.project-items button img{object-fit:cover;width:100%;height:100%}.project-items button b{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;display:block;overflow:hidden}.project-items .source-tile{padding:8px}.project-items .source-tile b{font-size:11px}.pending-assets{border-top:1px dashed #7a807b;margin-top:24px;padding-top:16px}.pending-assets h3{color:#6f4d16}.settings-page{max-width:1050px}.settings-block{border-top:1px solid var(--ink);grid-template-columns:minmax(180px,1fr) 2fr;gap:8px 34px;padding:28px 0 38px;display:grid}.settings-block .eyebrow{grid-row:span 3}.settings-block h2,.settings-block p{margin:0}.settings-block>p:not(.eyebrow){color:#525954;line-height:1.6}.settings-block>button,.settings-block>.button-row,.settings-block>form,.settings-block>.segmented{grid-column:2;justify-self:start;margin-top:14px}.account-form{gap:15px;width:min(100%,460px);display:grid}.segmented{border:1px solid var(--ink);display:flex}.segmented button{background:0 0;border:0;min-height:44px;padding:0 16px}.segmented button.active{background:var(--ink);color:#fff}.button-row{flex-wrap:wrap;gap:8px;display:flex}.muted{font-size:12px}.danger-zone{border-color:#9d2d20}.danger-zone .eyebrow{color:#8e2d22}.button-row a{align-items:center;text-decoration:none;display:inline-flex}.loading,.no-results{text-align:center;padding:80px 0}.no-results h2{font-size:30px}.bottom-nav{display:none}.notice{z-index:100;background:var(--ink);color:#fff;border-left:7px solid #79a072;max-width:min(480px,100vw - 170px);padding:14px 18px;position:fixed;bottom:22px;left:136px}.notice.error{border-color:var(--red)}@media (width<=1100px){main.has-detail{padding-right:0}.detail-panel{width:min(420px,100vw - 116px);box-shadow:-12px 0 #1b1e1c1f}}@media (width<=760px){.app-shell{padding-bottom:70px;padding-left:0}.side-nav{display:none}.bottom-nav{z-index:30;background:var(--paper);border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);height:70px;display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:10px;display:grid}.bottom-nav button.active{background:var(--ink);color:#fff}.bottom-nav i{width:25px;height:25px}.library-page,.page,.add-panel{padding:24px 16px 76px}.library-header{align-items:center}.library-header h1{font-size:48px}.library-header .add-button{white-space:nowrap;width:48px;min-width:48px;padding:0 14px;font-size:0;overflow:hidden}.library-header .add-button:first-letter{font-size:24px}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .search{grid-column:1/-1}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.library-card{grid-template-rows:165px auto}.edge-label span{display:none}.source-tile{padding:15px}.source-tile b,.card-copy b{font-size:14px}.detail-panel{width:100%;padding-bottom:90px;inset:0}.detail-preview{height:38vh}.field-row{grid-template-columns:1fr}.reason-picker>div{grid-template-columns:repeat(4,1fr);gap:4px}.reason-picker label{min-height:64px}.reason-picker label span{text-align:center;flex-direction:column;justify-content:center;gap:3px;padding:6px 3px;font-size:10px}.kind-switch{grid-template-columns:1fr 1fr}.kind-switch label{min-height:82px;padding:11px}.kind-switch label span small{font-size:9px}.add-panel{padding-bottom:160px}.add-panel .form-actions{z-index:29;background:var(--paper);border-top:1px solid var(--ink);padding:10px 16px;position:fixed;bottom:70px;left:0;right:0}.add-panel .form-actions button{flex:1}.project-columns{grid-template-columns:1fr}.project-columns>div+div{border-left:0;border-top:1px solid var(--ink)}.project-items{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-block{grid-template-columns:1fr}.settings-block .eyebrow{grid-row:auto}.settings-block>button,.settings-block>.button-row,.settings-block>form,.settings-block>.segmented{grid-column:1}.notice{max-width:calc(100vw - 24px);bottom:82px;left:12px}}@media (width<=420px){.library-grid{grid-template-columns:1fr}.library-card{grid-template-rows:220px auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}