:root{color-scheme:light;--bg: #f3f0e8;--panel: #fffdf8;--panel-2: #f7f2e8;--line: #d7cfc1;--text: #272624;--muted: #625f58;--primary: #292826;--primary-2: #151513;--accent: #8b6947;--accent-soft: #e8ddcc;--danger: #a44936;--success: #4f6b57;--warning: #9a6a2f;--shadow: 0 5px 20px rgba(39, 38, 36, .07);font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;padding:14px 16px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;min-height:48px;box-shadow:0 1px #ffffff14 inset,0 3px 12px #1f293714}button.secondary{background:#cab18d;color:#231b14}button.ghost{background:var(--panel);border:1px solid var(--line);color:var(--text)}button.danger{background:#c2410c;color:#fff}button:hover{background:var(--primary-2)}button.secondary:hover{background:#cbb79a}button.ghost:hover{background:#e7e0d3}button.danger:hover{background:#9a3412}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(139,105,71,.28);outline-offset:2px}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:1}button:disabled{background:#d8d2c8;color:#69655e}input,select,textarea{width:100%;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b694729}input:disabled,select:disabled,textarea:disabled{background:#ebe7df;border-color:#d2cbc0;color:#615e58;-webkit-text-fill-color:#615e58}input::placeholder,textarea::placeholder{color:#7a756c}label{display:block;font-size:.88rem;color:var(--muted);margin-bottom:8px}.app-shell{max-width:960px;margin:0 auto;min-height:100vh;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.top-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.brand{display:flex;flex-direction:column;gap:3px}.brand-title{display:flex;align-items:baseline;gap:7px;min-width:0}.brand-title strong,.hero-wordmark{font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;font-weight:800;letter-spacing:0}.brand-title strong{color:var(--text);font-size:1.22rem;line-height:1.05}.brand-product-name{color:#554e46;font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:500;line-height:1.05;white-space:nowrap}.brand .brand-caption{color:#7c7369;font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;font-size:.62rem;font-weight:500;line-height:1.3}.helper,.muted{color:var(--muted);font-size:.9rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{display:grid;gap:16px}.actions{display:grid;gap:12px}.primary-actions,.utility-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.actions button{min-height:88px;font-size:1rem;border-radius:8px;text-align:center}.menu-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:19px 18px 20px;background:var(--panel);border:1px solid #c8b99f;color:var(--text);box-shadow:0 3px 14px #1f29370f}.menu-card:hover{background:#efe5d7;border-color:#957754}.primary-actions .menu-card:first-child{background:var(--primary);border-color:var(--primary);color:#fff}.primary-actions .menu-card:first-child span{color:#e5ded3}.primary-actions .menu-card:first-child:hover{background:var(--primary-2);border-color:var(--primary-2)}.menu-card strong{font-size:1.08rem;line-height:1.15}.menu-card span{color:#6d655b;font-size:.92rem;line-height:1.5}.primary-actions .menu-card strong{font-size:1.12rem}.primary-actions .menu-card span{color:#5b5349}.hero{padding:20px 16px;border-radius:10px;background:#e6d8c4;border:1px solid #bda17c}.home-hero{padding:16px 16px 14px}.hero-brand{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.hero-wordmark{color:#24211d;font-size:1.6rem;line-height:1.05}.hero-product-name{color:#51483f;font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;font-size:1.12rem;font-weight:500}.section-title{margin:0 0 8px;font-size:1.25rem}.section-title{font-size:1rem}.card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px;box-shadow:0 2px 8px #1f29370a}.card+.card{margin-top:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;background:#e7d8c3;color:#433020;border:1px solid #b89262}.badge.success{background:#e2ede4;color:#2f4d38;border-color:#99b6a1}.badge.fail{background:#f6e6e1;color:#7c3226;border-color:#d79f8f}.badge.pending{background:#f3e4cb;color:#6c491b;border-color:#d0b073}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#e8dfd2;color:#38332d;font-size:.84rem}.table tbody tr:hover{background:#faf6ef}.field{display:grid;gap:8px}.field label span{display:inline-block;margin-left:8px;color:#64748b;font-size:.75rem;font-weight:600}.field-group{display:grid;gap:14px}.registration-head{display:grid;gap:16px}.registration-layout{padding-bottom:10px}.registration-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.registration-form-grid .field:has(textarea),.registration-form-grid .store-field{grid-column:1 / -1}.color-entry-section{margin-top:4px}.color-entry-list{display:grid;gap:14px}.color-entry-card{display:grid;gap:14px;padding:16px;border:1px solid #c8b393;border-radius:10px;background:linear-gradient(180deg,#fcfaf6,#f5ede1);box-shadow:0 8px 20px #2c23180f}.color-entry-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.step{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f5f0e7;color:var(--muted)}.step span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ded6ca;color:var(--text);font-weight:800}.step.active,.step.done{border-color:#a98c68;color:var(--text);background:#eadfce}.auto-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;border:1px solid #d2c0a8;border-radius:8px;background:#f7f0e5}.dictionary-warning-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.compact-button{min-height:42px;padding:10px 12px;border-radius:8px}.responsive-table{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.preview-table{min-width:860px}.preview-table th,.preview-table td{padding:12px}.result-list{display:grid;gap:10px}.developer-details{margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#f5f0e8}.developer-details summary{cursor:pointer;color:#6f5235;font-weight:800}.payload-list{display:grid;gap:12px;margin-top:12px}.payload-card{display:grid;gap:8px}pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;border-radius:8px;border:1px solid var(--line);background:#eee9e1;color:#302e2a;font-size:.82rem;line-height:1.55}.dictionary-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dictionary-layout.single{grid-template-columns:minmax(0,1fr)}.dictionary-tabs{display:flex;flex-wrap:wrap;gap:8px}.dictionary-tab{min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid #c7b08c;background:#f3ebdf;color:#3a3026;font-weight:700}.dictionary-tab.active{background:#2f2923;color:#fbf7f1;border-color:#2f2923;box-shadow:0 10px 22px #2f29232e}.dictionary-panel{align-content:start}.dictionary-list{display:grid;gap:8px;max-height:60dvh;overflow:auto;padding-right:4px}.dictionary-list.dense{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dictionary-item{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f7f2ea}.dictionary-item span{color:var(--muted);font-size:.88rem}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#19181685}.modal{width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto}.field input,.field select,.field textarea{min-height:54px;font-size:1rem}.field textarea{min-height:104px}.sticky-actions{position:sticky;bottom:72px;padding-top:4px;background:linear-gradient(180deg,rgba(243,240,232,0),rgba(243,240,232,.92) 45%,var(--bg))}.sticky-actions button{width:100%;min-height:58px;font-size:1rem}.confirm-card{display:grid;gap:2px;border:1px solid var(--line);border-radius:8px;background:#f7f2e9;padding:14px 16px}.confirm-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px}.confirm-actions button{min-height:60px}.store-picker{display:grid;gap:10px}.store-picker.multi{grid-template-columns:repeat(3,minmax(0,1fr))}.store-option{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.store-option input{display:none}.store-option.selected{border-color:#9d7c55;background:#eee2d1}.store-option:has(input:disabled){cursor:default}.store-option-title{font-weight:800;font-size:1rem}.store-checkmark{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border:1px solid #9d9385;border-radius:4px;background:var(--panel)}.store-option.selected .store-checkmark{border-color:var(--primary);background:var(--primary)}.store-option.selected .store-checkmark:after{content:"";width:9px;height:5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg) translateY(-1px)}.color-sort-field{min-width:0;margin:0;padding:0;border:0}.color-sort-field legend{width:100%;margin-bottom:8px;color:var(--muted);font-size:.88rem}.color-sort-field legend span{display:block;margin-top:3px;font-size:.78rem}.color-sort-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-sort-option{display:flex;min-width:0;align-items:center;gap:10px;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}.color-sort-option input{position:absolute;width:1px;height:1px;opacity:0}.color-sort-option strong,.color-sort-option small{display:block}.color-sort-option strong{color:var(--text);font-size:.9rem}.color-sort-option small{margin-top:2px;color:var(--muted);font-size:.75rem;line-height:1.35}.color-sort-dot{width:16px;height:16px;flex:0 0 auto;border:2px solid #918b80;border-radius:50%;background:#fff}.color-sort-option.selected{border-color:#7c674b;box-shadow:0 0 0 2px #7c674b2e}.color-sort-option.manufacturer_sold_out .color-sort-dot,.color-sort-badge.manufacturer_sold_out{background:#f3d8d2;color:#7e3329;border-color:#c66a59}.color-sort-option.no_restock .color-sort-dot,.color-sort-badge.no_restock{background:#f4e8bc;color:#6e5513;border-color:#c69b31}.color-sort-option.office_store_stock .color-sort-dot,.color-sort-badge.office_store_stock{background:#d9e7ec;color:#305c6d;border-color:#5e8796}.color-sort-option.no_office_stock .color-sort-dot,.color-sort-badge.no_office_stock{background:#dce9dd;color:#385b3e;border-color:#6f9274}.color-sort-option.tag_support .color-sort-dot,.color-sort-badge.tag_support{background:#e6ddec;color:#5d426b;border-color:#866b96}.color-sort-option.selected .color-sort-dot{box-shadow:inset 0 0 0 4px #fff}.candidate-chip-panel{position:relative;margin-top:10px;padding:10px 10px 6px;border:1px solid #cfbfa5;border-radius:12px;background:linear-gradient(180deg,#f9f4ecf5,#f2e9dbe6)}.candidate-chip-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#5c5145;font-size:.78rem;font-weight:700}.candidate-chip-panel-head small{color:#8a7760;font-size:.72rem}.candidate-chip-row{display:flex;flex-wrap:wrap;gap:8px;max-height:216px;overflow:auto;padding-right:4px;padding-bottom:8px;align-content:flex-start}.candidate-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid #c9b79c;border-radius:999px;background:#f7f1e8;color:#2e2924;box-shadow:0 1px #ffffffb3 inset}.candidate-chip strong{font-size:.92rem;line-height:1.2}.candidate-chip span{color:#6c655c;font-size:.78rem;line-height:1.2}.candidate-chip-row::-webkit-scrollbar{width:8px}.candidate-chip-row::-webkit-scrollbar-thumb{background:#ccb99a;border-radius:999px}.candidate-chip-panel-fade{position:absolute;left:10px;right:18px;height:18px;pointer-events:none}.candidate-chip-panel-fade.top{top:36px;background:linear-gradient(180deg,#f8f2e9f2,#f8f2e900)}.candidate-chip-panel-fade.bottom{bottom:6px;background:linear-gradient(180deg,#f8f2e900,#f8f2e9f2)}.candidate-chip:hover{background:#eadac2;border-color:#8d7150}.candidate-chip.selected{background:#342c24;color:#fcf8f3;border-color:#342c24;box-shadow:0 10px 20px #342c242e}.candidate-chip.selected span{color:#dccbb7}.candidate-chip:disabled{background:#ede8df;color:#8a8378;border-color:#d3c8b8}.status-none{background:#ebe7df;color:#5f5b54;border-color:#cec7bb}.registration-preview-list{display:grid;gap:14px}.registration-preview-card{display:grid;gap:16px;padding:18px;border:1px solid #cab89c;border-radius:8px;background:#fffdfa}.registration-preview-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #cab89c;background:linear-gradient(180deg,#e8dcca59,#fff0);margin:-18px -18px 0;padding:18px 18px 14px;border-top-left-radius:8px;border-top-right-radius:8px}.preview-card-kicker{margin-bottom:4px;color:#695844;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.registration-product-code{display:block;margin:3px 0;font-size:1.2rem;letter-spacing:0;color:#241f1b}.registration-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.registration-preview-grid>div{min-width:0;padding:11px 12px;border-radius:7px;background:#f3ecdf;border:1px solid #ddcfba}.registration-preview-grid span,.registration-store-summary>.muted{display:block;margin-bottom:4px;font-size:.76rem;color:#675d50}.registration-preview-grid strong{display:block;overflow-wrap:anywhere;font-size:.92rem;line-height:1.4;color:#231f1b}.registration-store-badges{display:flex;flex-wrap:wrap;gap:8px}.log-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.log-summary span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:4px}.log-summary strong{display:block;font-size:.98rem;line-height:1.3}.log-details{margin-top:12px}.log-details summary{cursor:pointer;color:#6f5235;font-weight:700;list-style:none}.log-details summary::-webkit-details-marker{display:none}.footer-nav{position:sticky;bottom:12px;margin-top:16px;padding:10px;border-radius:10px;background:#fffdf8f7;border:1px solid #c7b79e;box-shadow:0 6px 20px #1f29371f;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.footer-nav button{min-height:46px;font-size:.8rem;padding:10px;background:#efe3d0;color:#2b231c;border:1px solid #bfa47f;font-weight:700}.notice{border-radius:8px;padding:12px 14px;border:1px solid #cfc0aa;background:#f7f2ea}.notice.success{border-color:#a9c1ae;background:#eaf2eb;color:#35533e}.notice.fail{border-color:#ddb0a3;background:#f8ebe7;color:#873a2c}.inventory-result-card{display:grid;gap:16px}.inventory-result-card,.menu-card,.registration-preview-card,.confirm-card,.panel,.notice,.modal{-webkit-backdrop-filter:saturate(1.05);backdrop-filter:saturate(1.05)}.inventory-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.inventory-result-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.inventory-product-name{font-size:1.05rem;font-weight:800;line-height:1.4}.inventory-label,.inventory-product-code span{display:block;color:var(--muted);font-size:.76rem}.inventory-product-code{margin-top:8px}.inventory-product-code strong{display:block;margin-top:2px;overflow-wrap:anywhere;font-size:.92rem}.inventory-attributes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.inventory-attributes>div,.inventory-stock{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:#f8f4ed}.inventory-attributes span,.inventory-stock span{display:block;margin-bottom:5px;color:var(--muted);font-size:.76rem}.inventory-attributes strong{display:block;overflow-wrap:anywhere;font-size:.93rem}.inventory-stocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inventory-stock{background:#e6dac8}.inventory-stock strong{display:flex;align-items:baseline;gap:4px;font-size:1.65rem;color:#1d1712;font-weight:800}.inventory-stock strong small{font-size:.76rem;color:var(--muted)}.inventory-stock.failed{border-color:#ddb0a3;background:#f8ebe7;color:#873a2c}.inventory-details{border-top:1px solid #d4c3ad;padding-top:12px}.inventory-details summary{cursor:pointer;color:#4e3823;font-weight:700;list-style:none}.inventory-details summary::-webkit-details-marker{display:none}.inventory-details .inventory-attributes{margin-top:12px}@media(max-width:720px){.brand-title{gap:6px}.brand-title strong{font-size:1.08rem}.brand-product-name{font-size:.9rem}.brand .brand-caption{font-size:.6rem}.hero-brand{align-items:flex-start;flex-direction:column;gap:5px}.app-shell{padding:14px}.panel{padding:17px;border-radius:10px}.primary-actions .menu-card,.utility-actions .menu-card{min-height:72px;padding:14px 14px 15px;gap:7px}.menu-card strong{font-size:1rem}.menu-card span{font-size:.82rem;line-height:1.4}.hero{padding:16px 14px}.home-hero{padding:12px 12px 10px}.home-hero h1{margin:0;font-size:1.1rem}.home-hero .helper{font-size:.82rem}.row,.topbar{align-items:flex-start;flex-direction:column}.top-badges{justify-content:flex-start;width:100%}.row>button{align-self:stretch}.grid.cols-2,.grid.cols-3,.primary-actions,.utility-actions,.registration-form-grid,.auto-preview,.dictionary-layout,.store-picker.multi{grid-template-columns:1fr}.candidate-chip-panel{padding:10px 8px 6px}.stepper{gap:6px}.step{flex-direction:column;justify-content:center;min-height:68px;gap:4px;text-align:center;padding:8px}.confirm-actions,.dictionary-warning-row{grid-template-columns:1fr}.responsive-table{border-radius:8px}.log-summary{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px}.footer-nav button{min-width:0;min-height:44px;padding:8px 4px;font-size:.74rem}.modal-backdrop{align-items:end;padding:10px}.modal{max-height:calc(100dvh - 20px)}.inventory-result-head{align-items:stretch;flex-direction:column}.inventory-result-head button{width:100%}.inventory-result-actions{width:100%;justify-content:flex-start}.inventory-result-actions .badge{flex:1 1 auto;text-align:center}.section-title{color:#221f1b;font-weight:800}.modal .section-title{color:#191613}.color-sort-options,.registration-preview-grid{grid-template-columns:1fr}.registration-preview-card-head{flex-direction:column}.dictionary-list.dense{grid-template-columns:1fr}.inventory-attributes{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-stocks{grid-template-columns:1fr}}
