:root{--paper:#f7f7f2;--white:#fff;--ink:#292d29;--muted:#82877f;--line:#e6e8e0;--accent:#f06b4a;--accent-soft:#fff0e9;--green:#38866e;--green-soft:#eaf4ee;--blue:#5980af;--blue-soft:#edf2fa;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:9px 14px;white-space:nowrap;transition:background .15s,border-color .15s}button:hover{background:#f1f3ec;border-color:#cdd2c5}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}button.primary:hover{background:#dc5d3d}button.quiet{background:transparent;border-color:transparent;color:#767d72}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #f6c2ae;outline-offset:1px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;margin:0;vertical-align:middle}label{display:flex;align-items:center;gap:8px}h1,h2,p{margin:0}h1{font-size:31px;letter-spacing:-1.3px;font-weight:800}h2{font-size:22px;letter-spacing:-.7px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#999e91;font-weight:700;margin-bottom:10px}.topbar{min-height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:16px 32px;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:19px;font-weight:800;letter-spacing:-.6px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:#a0a594;font-weight:500;margin-top:3px}.header-actions{display:flex;gap:8px;align-items:center}.header-actions #saveState{font-size:11px;color:var(--muted);margin-right:8px}kbd{font-size:9px;border:1px solid #ddd;padding:1px 4px;border-radius:3px;color:#858c7e;margin-left:6px}.pixel-mark{display:grid;grid-template-columns:repeat(3,10px);gap:3px;width:max-content;transform:rotate(-7deg)}.pixel-mark i{width:10px;height:10px;background:var(--accent);border-radius:1px}.pixel-mark i:nth-child(2),.pixel-mark i:nth-child(6){background:#f6bf4f}.pixel-mark i:nth-child(3),.pixel-mark i:nth-child(7){background:#8cab79}.pixel-mark i:nth-child(9){opacity:.3}.workspace{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 86px)}aside{padding:35px 20px;background:#f0f2e9;border-right:1px solid var(--line);position:relative}aside h2{font-size:17px;margin:0 10px 25px}aside>.eyebrow{margin-left:10px}.tab{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 12px;background:transparent;border:0;margin:5px 0;font-size:13px}.tab>span{display:flex;align-items:center;gap:10px}.tab em{font-size:11px;font-style:normal;color:#9ba18f;padding:1px 6px;background:#e8ebdf;border-radius:5px}.tab.active{background:#fff;box-shadow:0 2px 6px #38422a08;font-weight:700}.tab.active em{background:#f3f3ed;color:var(--ink)}.dot{width:7px;height:7px;border-radius:3px;display:inline-block}.dot.planned{background:var(--green)}.dot.candidate{background:var(--blue)}.dot.trash{background:#a9afa3}.nav-divider{height:1px;background:#dfe4d5;margin:18px 8px}.sidebar-note{margin:65px 10px 0;border-top:1px solid #dce2d2;padding-top:25px;color:#8a9381;font-size:11px;line-height:1.9}.sidebar-note strong{display:block;color:#68755d;font-size:12px;margin:10px 0}.sidebar-note p{margin-top:12px}.native-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;border:1px dashed #a4ae96;border-radius:6px;font:12px monospace;color:#657458}main{padding:38px 38px 0;min-width:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.heading .muted{font-size:12px;margin-top:8px}.filters{background:#fff;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff0e9;padding-bottom:12px;margin-bottom:12px}.search>span{font-size:25px;color:#9ba78d}.search input{flex:1;border:0;padding:7px 2px;background:transparent}.search input:focus{outline:none}.search>button{padding:3px 8px;font-size:18px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-row select{font-size:12px;padding:7px 9px}.date-filter{font-size:11px;color:#8e9586;margin-left:5px;flex-wrap:wrap}.date-filter input{font-size:11px;padding:6px 7px}.filter-row .quiet{font-size:11px;margin-left:auto}.list-tools{display:flex;align-items:center;gap:16px;margin:0 1px 14px;color:#8d9584;font-size:11px}.list-tools label{font-size:11px}.list-tools #resultCount{color:#59684c}.native-label{margin-left:auto;color:#a0a895;font-size:10px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:18px}.item-card{border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden;min-width:0;transition:border-color .15s,box-shadow .15s}.item-card:hover{border-color:#c6cfbc;box-shadow:0 5px 20px #2a381108}.item-card.dirty{border-color:#e7ad6b}.item-card.selected{border-color:var(--green)}.card-top{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 0}.status-chip{font-size:10px;padding:3px 8px;border-radius:5px;background:#f0f2ed;color:#858e7d}.status-chip.planned{color:var(--green);background:var(--green-soft)}.status-chip.candidate{color:var(--blue);background:var(--blue-soft)}.preview{position:relative;background-color:#fcfcf8;background-image:linear-gradient(45deg,#eef0e780 25%,transparent 25%),linear-gradient(-45deg,#eef0e780 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0e780 75%),linear-gradient(-45deg,transparent 75%,#eef0e780 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;overflow:auto;display:grid;place-items:center;height:218px;margin:12px;border-radius:8px}.preview img{display:block;max-width:none;max-height:none;object-fit:fill;image-rendering:pixelated;flex-shrink:0}.preview-button{display:block;position:relative;background:none;border:0;border-radius:0;padding:0;width:100%;text-align:left}.preview-button:hover{background:transparent}.preview-button .variant-count{position:absolute;bottom:20px;right:20px;background:#ffffffeb;border:1px solid #e4e8dd;border-radius:4px;font-size:9px;padding:2px 6px;color:#8e9982}.card-body{padding:2px 15px 14px}.card-title{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-code{font-size:10px;color:#a3ab99;min-height:16px;font-family:monospace;margin:2px 0 10px}.card-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0e9;padding-top:11px;color:#9aa38e;font-size:10px}.part-tag{background:#f2f4ee;color:#758567;border-radius:4px;padding:3px 7px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.card-bottom select{font-size:11px;padding:6px 7px;flex:1;max-width:120px}.card-bottom button{font-size:11px;padding:6px 8px}.empty{text-align:center;background:#ffffff7a;border:1px dashed #dbe2ce;border-radius:18px;padding:66px 20px;margin-top:18px}.empty h2{font-size:19px;margin-top:10px}.empty p{font-size:12px;color:var(--muted);margin:10px 0 22px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0;color:#9aa28f;font-size:11px}.pagination button{font-size:11px}footer{border-top:1px solid var(--line);padding:20px 0;color:#9ca68e;font-size:10px;margin-top:30px}footer span{float:right;color:#b1b8a6}.bulkbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:#eaf0e2;border:1px solid #d5dfca;border-radius:10px;padding:12px;margin-bottom:18px}.bulkbar strong{font-size:12px;margin-right:5px}.bulkbar select,.bulkbar button{font-size:11px;padding:7px}.recovery{background:#fff4df;border:1px solid #efdeb9;border-radius:12px;padding:15px;margin-bottom:20px;font-size:12px}.recovery p{margin:6px 0 10px;color:#988566}dialog{border:1px solid #e5e7df;border-radius:20px;padding:0;width:min(850px,calc(100vw - 28px));max-height:calc(100vh - 40px);box-shadow:0 24px 100px #25301530}dialog::backdrop{background:#29302266;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 28px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:24px}.dialog-header .eyebrow{margin-bottom:4px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:25px 28px}.editor-preview{height:265px;margin:0 0 12px;border:1px solid var(--line)}.editor-fields{display:flex;flex-direction:column;gap:15px}.editor-fields label,.upload-label{display:flex;align-items:stretch;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.editor-fields label input,.editor-fields label select,.editor-fields label textarea{font-size:12px;font-weight:400;width:100%}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image-choices{display:flex;gap:7px;overflow:auto;margin-bottom:14px}.image-choices button{width:45px;height:48px;flex:none;padding:3px;overflow:hidden;display:grid;place-items:center}.image-choices img{max-width:37px;max-height:40px;image-rendering:pixelated}.image-choices button.active{border-color:var(--accent);background:var(--accent-soft)}.upload-label input{font-size:11px;max-width:100%;font-weight:400}.upload-label input::file-selector-button{border:0;border-radius:4px;background:#f0f3e9;color:#6d7a5f;padding:7px;margin-right:8px;cursor:pointer}#imageHelp{font-size:10px;margin-top:8px;line-height:1.8}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-top:1px solid var(--line);background:#fcfcf8}.error{color:#c44832;font-size:12px;background:#fff2ef;border-radius:6px;padding:10px 13px}#editorError{margin:0 28px 18px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#2d3828;color:#fff;border-radius:10px;padding:12px 20px;font-size:12px;box-shadow:0 5px 20px #0002;z-index:20;max-width:90vw}[hidden]{display:none!important}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 15%,#f0f4df,transparent 45%),var(--paper);padding:24px}.login-card{width:390px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:24px;padding:42px;box-shadow:0 20px 70px #27301508}.login-card>.pixel-mark{margin-bottom:28px}.login-card h1{font-size:27px;margin-bottom:14px}.login-card .eyebrow{font-size:9px}.login-card>p.muted{font-size:12px;line-height:1.9}.login-card form{display:flex;flex-direction:column;gap:17px;margin:30px 0 20px}.login-card label{align-items:stretch;flex-direction:column;font-size:11px;font-weight:700;gap:7px}.login-card button{width:100%;margin-top:7px;display:flex;justify-content:space-between}.login-card>p.small{font-size:10px;color:#a0a993}@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:1050px){.topbar{padding:14px 20px}.brand{font-size:16px}.header-actions #saveState{max-width:110px}.workspace{grid-template-columns:180px minmax(0,1fr)}aside{padding:30px 12px}main{padding:28px 24px 0}.heading h1{font-size:26px}.date-filter{margin-left:0}.date-filter input{width:128px}}@media(max-width:760px){.topbar{flex-wrap:wrap;gap:12px;padding:16px}.brand{font-size:18px}.header-actions{width:100%;justify-content:space-between;gap:3px}.header-actions button{font-size:10px;padding:6px}.header-actions #saveState{font-size:10px;max-width:none}.workspace{display:block}aside{padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}aside>.eyebrow,aside>h2,.sidebar-note,.nav-divider{display:none}#tabs{display:flex;gap:6px}.tab{font-size:11px;padding:9px 8px;margin:0;gap:5px}.tab span{gap:5px}.tab em{font-size:9px;padding:1px 4px}.dot{width:5px;height:5px}main{padding:25px 16px 0}.heading{gap:12px;align-items:flex-start}.heading h1{font-size:23px}.heading .eyebrow{font-size:8px;letter-spacing:1px}.heading .muted{font-size:10px}.heading>.primary{font-size:10px;padding:9px;margin-top:23px}.filters{padding:12px}.filter-row{gap:8px}.date-filter{order:3;width:100%}.filter-row select{max-width:150px}.filter-row .quiet{font-size:10px}.native-label{display:none}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.preview{height:218px}.editor-grid{grid-template-columns:1fr;gap:20px;padding:20px}.dialog-header{padding:20px}.dialog-footer{padding:16px 20px;flex-wrap:wrap}.dialog-footer .primary{margin-left:auto}.login-card{padding:32px}.list-tools{gap:10px}.bulkbar .small{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.quick-status{display:flex;gap:5px;margin-top:12px}.quick-status button{flex:1;padding:6px 3px;font-size:10px}.quick-status button.active{opacity:1;background:#edf3e8;border-color:#d7e2cc;color:#608149}.quick-status button[data-move-status=trash]:hover{background:#fff0e9;color:#bb573d}.card-note-label{display:flex;flex-direction:column;align-items:stretch;gap:5px;font-size:10px;color:#909b83;margin-top:13px}.card-note-label textarea{width:100%;resize:vertical;min-height:63px;max-height:200px;font-size:11px;line-height:1.6;padding:8px;background:#fafbf7;font-weight:400}.note-save{font-size:10px;color:#95a188}.autosave-label{font-size:10px;color:#8c9b7b;background:#eef4e7;border-radius:4px;padding:3px 6px}@media(max-width:760px){.autosave-label{display:none}.quick-status button{font-size:11px}}