:root{--paper:#f3f0e8;--paper-2:#e8e1d5;--surface:#fffdf8;--ink:#26231f;--muted:#746d63;--line:#d9d1c5;--wine:#743d3a;--wine-dark:#582c2a;--green:#416451;--dark:#0e1011;--dark-2:#17191b;--dark-line:rgba(255,255,255,.09);--dark-text:#f3f3f1;--dark-muted:#8b9094;--shadow:0 16px 44px rgba(50,38,27,.14)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(116,61,58,.28);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:226px minmax(560px,1fr) 316px}.sidebar{background:var(--paper-2);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;z-index:4}.brand-lockup{display:flex;align-items:center;gap:11px;font-family:Georgia,serif;font-size:17px}.brand-lockup small{display:block;font:500 9px Inter,sans-serif;color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-top:3px}.cube-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:#fff;border-radius:5px;transform:rotate(-5deg);font:700 12px Georgia,serif;box-shadow:4px 4px 0 rgba(116,61,58,.17)}.nav-list{display:grid;gap:7px;margin-top:38px}.nav-item{border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;border-radius:7px;padding:11px 12px;color:#565047;font-weight:650;font-size:13px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.63);color:var(--wine)}.nav-item em{font-style:normal;color:#8a8175;font-size:11px}.sidebar-section{margin-top:30px;padding:20px 8px 0;border-top:1px solid var(--line)}.sidebar-label,.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--wine)}.color-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 8px;margin-top:16px}.color-balance>div{display:flex;align-items:center;gap:6px;font-size:11px}.mana-dot{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:9px;border:1px solid #0002}.mana-w{background:#f3e5bc}.mana-u{background:#b4d7e8}.mana-b{background:#918e8a;color:white}.mana-r{background:#e2a78d}.mana-g{background:#b3d0b7}.mana-c{background:#d8d6d1}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:17px 8px 0}.sidebar-foot p{font-size:9px;line-height:1.5;color:#8b8276}.text-button{border:0;background:transparent;padding:5px 0;color:var(--wine);font-size:11px;font-weight:700}.workspace{padding:32px 34px 60px;min-width:0}.workspace-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.workspace-head h1{font:400 clamp(34px,4vw,50px)/1 Georgia,serif;letter-spacing:-.045em;margin:7px 0 8px}.workspace-head>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.button{border-radius:7px;padding:10px 14px;border:1px solid transparent;font-weight:750;font-size:12px;transition:.16s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--wine);border-color:var(--wine);color:white;box-shadow:0 6px 16px rgba(84,38,36,.14)}.button.primary:hover{background:var(--wine-dark)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.full{width:100%;padding:13px}.toolbar{display:flex;align-items:end;gap:8px;margin:27px 0 18px;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:220px}.search-field span{position:absolute;left:12px;bottom:7px;font-size:21px;color:#8a8176}.search-field input,.select-field select,.add-modal input,.login-form input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:10px 12px;color:var(--ink)}.search-field input{padding-left:38px}.select-field{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:750}.select-field select{display:block;margin-top:5px;padding:9px 26px 9px 9px;font-size:11px;text-transform:none;letter-spacing:0;min-width:92px}.view-switch{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface)}.view-switch button{border:0;background:transparent;padding:9px 10px;color:#8a8177}.view-switch button.active{background:#e8e0d5;color:var(--wine)}.catalog{border-top:1px solid var(--line)}.catalog-head,.catalog-row{display:grid;grid-template-columns:minmax(220px,1.7fr) 58px 64px 48px 58px 42px;gap:8px;align-items:center}.catalog-head{padding:10px 12px;color:#92887a;font-size:8px;text-transform:uppercase;letter-spacing:.11em}.catalog-row{min-height:61px;border-top:1px solid rgba(78,64,50,.09);padding:7px 12px;cursor:pointer;transition:.14s}.catalog-row:hover{background:rgba(255,255,255,.48)}.catalog-row.selected{background:var(--surface);box-shadow:inset 3px 0 var(--wine)}.card-cell{display:flex;align-items:center;gap:11px;min-width:0}.card-cell b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 15px Georgia,serif}.card-cell small,.grid-meta small{display:block;color:var(--muted);font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{width:32px;height:45px;background:#d6d0c6;border-radius:3px;overflow:hidden;flex:none;display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:contain}.mono{font:500 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#716a62}.color-code{font-size:10px;font-weight:800}.cube-state{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#9b9388;border:1px solid var(--line);font-size:9px}.cube-state.yes{background:#dbe9df;border-color:#a9c9b2;color:#246042}.grid-meta{display:none}.catalog.grid-mode{border:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:20px 16px}.catalog.grid-mode .catalog-head{display:none}.catalog.grid-mode .catalog-row{display:block;border:0;padding:0;min-height:0;background:transparent;box-shadow:none}.catalog.grid-mode .card-cell>div:last-child,.catalog.grid-mode .color-code,.catalog.grid-mode .mono,.catalog.grid-mode .cube-state{display:none}.catalog.grid-mode .card-cell,.catalog.grid-mode .thumb{display:block;width:100%;height:auto}.catalog.grid-mode .thumb{aspect-ratio:488/680;border-radius:4.7%/3.4%;box-shadow:0 9px 20px rgba(48,37,28,.16)}.catalog.grid-mode .thumb img{object-fit:contain}.catalog.grid-mode .grid-meta{display:block;padding:9px 2px 0}.catalog.grid-mode .grid-meta b{display:block;font:400 14px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{grid-column:1/-1;text-align:center;padding:70px 20px}.empty-state .empty-cube{font-size:38px;color:#a79a8a}.empty-state h2{font:400 24px Georgia,serif;margin:12px 0 6px}.empty-state p{font-size:12px;color:var(--muted);margin:0 auto 19px;max-width:400px}.inspector{background:var(--dark);color:var(--dark-text);border-left:1px solid #000;position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}.inspector>header{height:57px;border-bottom:1px solid var(--dark-line);padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:var(--dark-muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.icon-button{border:0;background:transparent;color:inherit;font-size:20px;padding:8px}.inspector-content{height:calc(100vh - 57px);height:calc(100dvh - 57px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 22px calc(32px + env(safe-area-inset-bottom))}.inspector-image{width:190px;max-width:100%;aspect-ratio:488/680;margin:0 auto;background:var(--dark-2);border-radius:4.7%/3.4%;overflow:hidden;box-shadow:0 16px 34px #0009;display:grid;place-items:center}.inspector-image img{width:100%;height:100%;object-fit:contain}.inspector-title{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-top:20px}.inspector-title h2{font:400 21px Georgia,serif;margin:0;letter-spacing:-.02em}.inspector-title span{font:10px ui-monospace,monospace;color:#c7c9cb}.inspector-type{font-size:10px;color:var(--dark-muted);margin:5px 0 12px}.status-pill{display:inline-block;border:1px solid #2d684f;background:#183a2c;color:#82d4ac;border-radius:999px;padding:5px 8px;font-size:8px;text-transform:uppercase;font-weight:800}.inspector dl{margin:20px 0 0;border-top:1px solid var(--dark-line)}.inspector dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--dark-line);font-size:9px}.inspector dt{color:var(--dark-muted)}.inspector dd{margin:0;text-align:right;color:#d7d8d8}.editor-form{margin-top:20px;padding-top:16px;border-top:1px solid var(--dark-line)}.editor-form label{display:block;margin-bottom:10px;color:var(--dark-muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.editor-form input,.editor-form textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--dark-line);border-radius:5px;background:var(--dark-2);color:var(--dark-text);padding:8px;font-size:10px;text-transform:none;letter-spacing:0}.editor-form textarea{min-height:68px;resize:vertical}.editor-form .check-label{display:flex!important;color:var(--dark-text)}.editor-form .inspector-save{width:100%;background:#e7dfd2;color:var(--ink);border-color:#e7dfd2}.inspector-empty{text-align:center;color:var(--dark-muted);padding:80px 15px}.inspector-empty span{font-size:38px}.mobile-header{display:none}.inspector-backdrop{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(29,25,20,.58);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal-backdrop[hidden]{display:none}.add-modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 24px 80px #21170f66}.add-modal{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.add-modal input,.editor-form input,.editor-form textarea,.editor-form select{font-size:16px}.login-form input,.search-field input,.select-field select{font-size:16px}.add-modal>header{display:flex;justify-content:space-between;align-items:start}.add-modal h2{font:400 28px Georgia,serif;margin:5px 0}.modal-copy{font-size:11px;color:var(--muted);line-height:1.55;margin:5px 0 21px}.add-modal label,.login-form label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:750;display:block;margin-bottom:15px}.add-modal label input,.login-form label input{display:block;margin-top:6px;text-transform:none;letter-spacing:0}.form-row{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.check-label{display:flex!important;align-items:center;gap:8px;margin-top:12px}.check-label input{width:auto!important;margin:0!important}.alert,.success{border-radius:7px;padding:11px 13px;font-size:11px;margin-bottom:14px}.alert{background:#f2ddda;color:#7b302c;border:1px solid #dcb8b3}.success{background:#dfece3;color:#285c3e;border:1px solid #b9d2c0}.login-page{min-height:100vh;background:linear-gradient(135deg,#e8e0d4,#f5f1e9)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:var(--shadow)}.login-card>.brand-lockup{margin-bottom:37px}.login-card h1{font:400 40px/1 Georgia,serif;letter-spacing:-.045em;margin:8px 0}.login-copy{font-size:12px;color:var(--muted);margin:0 0 24px}.login-form .button{margin-top:4px;width:100%;padding:12px}[hidden]{display:none!important}.card-preview{display:flex;align-items:center;gap:14px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.card-preview img{width:64px;aspect-ratio:488/680;object-fit:cover;border-radius:5px}.card-preview div{display:grid;gap:5px}.card-preview b{font-family:Georgia,serif;font-size:18px}.card-preview span{color:var(--muted);font-size:12px}.form-error{margin:10px 0;color:#8f2f2b;font-size:13px}@media(max-width:1100px){.app-shell{grid-template-columns:78px minmax(520px,1fr) 286px}.sidebar{padding:22px 10px}.sidebar .brand-lockup>span:last-child,.nav-item span,.sidebar-section,.sidebar-foot p{display:none}.sidebar .brand-lockup{justify-content:center}.nav-item{justify-content:center;display:grid;gap:2px}.nav-item em{font-size:9px}.sidebar-foot{text-align:center}}@media(max-width:820px){.app-shell{display:block}.mobile-header{display:flex;height:57px;padding:0 15px;align-items:center;justify-content:space-between;background:var(--paper-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:6}.sidebar{height:100dvh;overflow-y:auto;position:fixed;left:0;top:0;width:230px;padding-bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-102%);transition:.2s;box-shadow:15px 0 40px #0003}.sidebar.open{transform:none}.sidebar .brand-lockup>span:last-child,.nav-item span,.sidebar-section,.sidebar-foot p{display:block}.sidebar .brand-lockup{justify-content:start}.nav-item{display:flex;justify-content:space-between}.inspector{position:fixed;right:0;top:0;width:min(316px,92vw);z-index:8;transform:translateX(102%);transition:.2s;box-shadow:-15px 0 40px #0005}.inspector.open{transform:none}.inspector-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(29,25,20,.35);z-index:7}.inspector-backdrop[hidden]{display:none}.modal-backdrop{padding:12px}.add-modal input,.editor-form input,.editor-form textarea,.editor-form select{font-size:16px}.workspace{padding:24px 16px 50px}.catalog-head,.catalog-row{grid-template-columns:minmax(190px,1fr) 42px 51px 38px}.catalog-head span:nth-child(5),.catalog-head span:nth-child(6),.catalog-row>.mono:nth-of-type(3),.catalog-row>.cube-state{display:none}.workspace-head h1{font-size:36px}}@media(max-width:560px){.workspace-head{align-items:center}.workspace-head .button{padding:9px;font-size:0}.workspace-head .button::after{content:'＋';font-size:18px}.toolbar{align-items:end}.search-field{flex-basis:100%}.select-field{flex:1}.select-field select{min-width:0}.search-submit{display:none}.catalog.grid-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-head,.catalog-row{grid-template-columns:minmax(170px,1fr) 35px 48px}.catalog-head span:nth-child(4),.catalog-row>.mono:nth-of-type(2){display:none}.form-row{grid-template-columns:1fr}.add-modal{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}