:root{--ink:#263d36;--green:#28584b;--muted:#738078;--paper:#f7f8f5;--line:#dfe5df;--gold:#ac8751}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Yu Gothic UI','Meiryo',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:9px 17px}button:hover{background:#eef3ee}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd964c;outline-offset:3px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#1c443a}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid var(--line);padding:35px 20px;display:flex;flex-direction:column}.brand{display:block;text-align:center;text-decoration:none;color:var(--ink);font:32px/1.5 'Yu Mincho',serif;letter-spacing:5px;margin-bottom:42px}.brand span{display:block;font:12px/2 sans-serif;letter-spacing:2px;color:var(--muted)}nav{display:grid;gap:8px}.nav{text-align:left;display:flex;justify-content:space-between;border:0;background:transparent;font-size:15px}.nav.active{background:#eaf0e9;color:var(--green);font-weight:700}.nav-label{font-size:12px;color:var(--muted);padding:24px 17px 4px;letter-spacing:1px}.sidebar-foot{margin-top:auto;font-size:12px;line-height:2;color:var(--muted);padding-left:16px}.sidebar-foot span{color:var(--gold)}main{margin-left:232px}.topbar{height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:13px}.demo{background:#f6eedc;color:#886728;padding:4px 12px;border-radius:20px}.workspace{max-width:1550px;margin:auto;padding:34px 40px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);margin:0 0 5px}h1{font-size:29px;letter-spacing:2px;margin:0;font-weight:650}h2{font-size:21px;margin:0 0 15px}h3{font-size:16px}.muted{color:var(--muted)}p.muted{margin:8px 0 24px;font-size:14px}.summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:10px;margin:8px 0 28px;padding:22px 0}.summary>div{padding:0 28px;border-right:1px solid var(--line)}.summary>div:last-child{border:0}.summary span{display:block;font-size:13px;color:var(--muted)}.summary strong{font-size:29px;line-height:1.4;font-weight:550}.toolbar{display:flex;gap:16px;align-items:end}.toolbar label{min-width:155px}.toolbar span,label{font-size:14px}.toolbar span{display:block;margin-bottom:5px}.search{flex:1}input:not([type=radio]),select,textarea{display:block;background:#fff;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfd8d0;border-radius:6px;color:var(--ink)}input[readonly]{background:#f0f2ee}textarea{resize:vertical}.result-line{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:22px 0 10px}.product-table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.product-table th{background:#eef2ed;color:#69746b;font-size:12px;font-weight:500;text-align:left;padding:12px}.product-table td{border-top:1px solid #e9ede7;padding:17px 12px;font-size:14px;vertical-align:middle}.product-table .money{white-space:nowrap;font-variant-numeric:tabular-nums}.product-cell{display:flex;gap:14px;align-items:center}.thumb{width:64px;height:64px;object-fit:contain;border-radius:5px;background:#f1efe8;flex:none}.no-image{display:flex;align-items:center;justify-content:center;font-size:10px;color:#969b8d;letter-spacing:1px}.product-name{font-size:15px;font-weight:600}.code{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:4px 9px;border-radius:5px;font-size:12px;white-space:nowrap;background:#f0f1ee;color:#71806f}.badge.public{background:#edf3e6;color:#527034}.badge.warn{background:#fff1dd;color:#a46823}.edit{font-size:13px;padding:6px 12px}.stock-number{font-size:18px;font-variant-numeric:tabular-nums}.small{font-size:12px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:28px;margin:22px 0}.steps{display:flex;list-style:none;padding:0;margin:28px 0;gap:12px}.steps li{flex:1;border-bottom:3px solid var(--line);padding:12px;color:var(--muted)}.steps .current{border-color:var(--green);color:var(--green);font-weight:bold}.steps span{margin-left:12px}.import-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.import-options label{padding:18px;border:1px solid var(--line);border-radius:8px;font-size:16px;cursor:pointer}.import-options span{display:block;margin:5px 0 0 23px;font-size:13px;color:var(--muted)}.info{background:#f4f3e9;padding:15px;margin:20px 0;font-size:14px}.file-box{display:block;text-align:center;padding:30px;border:1px dashed #97aa9c;border-radius:7px}.file-box input{max-width:450px;margin:15px auto}.file-box span{font-size:12px;color:var(--muted)}.actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.table-scroll{overflow:auto}.history-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0}.history-row time{color:var(--muted);font-size:13px}#notice:not(:empty){background:#e8f0e4;border-left:4px solid var(--green);padding:14px 18px;margin-bottom:20px}#notice.error{background:#fff0e8;border-color:#b34930}dialog{width:min(760px,94vw);max-height:92dvh;border:1px solid var(--line);padding:0;border-radius:12px;color:var(--ink)}dialog::backdrop{background:#172f2870}dialog form{margin:0}.dialog-head{padding:22px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.dialog-body{padding:24px 28px}.dialog-body>label{display:block;margin-bottom:18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}label input,label select,label textarea{margin-top:6px}.dialog-footer{display:flex;justify-content:space-between;position:sticky;bottom:0;background:white;border-top:1px solid var(--line);padding:18px 28px}.stock-readout{background:var(--paper);padding:15px;font-size:14px}.stock-readout strong{margin-left:15px}.stock-readout span{display:block;color:var(--muted);font-size:12px}.photo-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.photo-slot{min-width:0}.photo-slot img{width:100%;aspect-ratio:1;object-fit:contain;background:#f1efe8}.photo-slot label{display:block;cursor:pointer;text-align:center;border:1px solid var(--line);padding:8px 3px;font-size:12px}.photo-slot input{width:100%;font-size:10px;padding:4px;min-height:35px}.photo-slot a{color:var(--green)}#editor-error{color:#a13221}#empty{padding:50px;text-align:center}[hidden]{display:none!important}
@media(min-width:1450px){.workspace{padding-top:45px}.product-table td{padding:20px 16px}}
@media(max-width:1100px){.sidebar{width:190px;padding:26px 12px}main{margin-left:190px}.workspace{padding:28px 22px}.topbar{padding:0 22px}.product-table th:nth-child(4),.product-table td:nth-child(4){display:none}.summary>div{padding:0 18px}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:14px 16px 0;border-right:0}.brand{font-size:24px;margin:0 0 10px;text-align:left;letter-spacing:3px}.brand span{display:inline;margin-left:15px;font-size:11px;letter-spacing:1px}nav{display:flex;gap:2px;overflow:auto}.nav{white-space:nowrap;font-size:13px;padding:8px 11px;border-radius:6px 6px 0 0}.nav span,.nav-label,.sidebar-foot{display:none}main{margin:0}.topbar{height:49px;padding:0 16px;font-size:11px}.demo{font-size:10px;padding:3px 7px}.workspace{padding:22px 16px 40px}h1{font-size:25px}.page-heading{align-items:flex-start}.page-heading .primary{padding:9px 11px;font-size:13px}.page-heading p.muted{font-size:12px;max-width:190px}.summary{padding:16px 0;gap:12px 0}.summary>div{padding:0 12px}.summary strong{font-size:24px}.summary span{font-size:11px}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .search{flex-basis:100%}.toolbar label:not(.search){flex:1;min-width:0}.product-table,.product-table tbody{display:block;border:none;background:none;overflow:visible}.product-table thead{display:none}.product-table tr{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:17px;border:1px solid var(--line);border-radius:9px;background:white;margin-bottom:12px}.product-table td{border:none;padding:0!important}.product-table td:first-child{grid-column:1/3}.product-table td:nth-child(2){grid-column:1;font-size:12px;color:var(--muted)}.product-table td:nth-child(3){grid-column:1;font-size:17px}.product-table td:nth-child(5){grid-column:2;grid-row:2/4;align-self:center}.product-table td:nth-child(5)::before{content:'在庫 ';font-size:12px;color:var(--muted)}.product-table td:nth-child(6){grid-column:1}.product-table td:nth-child(7){grid-column:2;grid-row:4}.product-table td:nth-child(7) button{width:90px}.thumb{width:72px;height:72px}.product-name{font-size:16px}.panel{padding:20px 16px}.steps{gap:5px;font-size:13px}.steps li{padding:8px 2px}.steps span{margin-left:4px}.import-options{grid-template-columns:1fr}.actions{flex-wrap:wrap}.actions button{flex:1}.file-box{padding:20px 8px}.history-row{display:block}.history-row time{display:block}dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0;margin:0}.dialog-head,.dialog-body{padding:20px}.dialog-footer{padding:15px 20px}.photo-slots{grid-template-columns:repeat(3,1fr)}.result-line span:last-child{font-size:10px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.toolbar label:not(.search){flex:1;min-width:145px}.filter-reset{margin-top:12px;font-size:12px}.photo-detail{padding:0;border:0;display:block;flex:none;background:transparent}.photo-detail .thumb{display:flex}.detail-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-photos a:first-child{grid-column:1/-1}.detail-photos img{display:block;width:100%;max-height:55vh;object-fit:contain;background:var(--paper);border-radius:7px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-info dt{font-size:12px;color:var(--muted)}.detail-info dd{margin:0;overflow-wrap:anywhere}#detail-description{white-space:pre-wrap;overflow-wrap:anywhere}#detail-title{overflow-wrap:anywhere}#detail .dialog-head>div{min-width:0}#detail .dialog-head>button{flex:none}
.import-table{width:100%;border-collapse:collapse;min-width:500px;font-size:14px}.import-table th,.import-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.import-table th{background:#eef2ed}.import-table td{overflow-wrap:anywhere}

@media(max-width:760px){.import-table{min-width:0;display:block}.import-table thead{display:none}.import-table tbody{display:block}.import-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid var(--line);padding:14px 0}.import-table td{display:block;padding:4px;border:0;min-width:0}.import-table td:nth-child(1){font-size:12px;color:var(--muted)}.import-table td:nth-child(2){font-weight:bold}.import-table td:nth-child(3)::before{content:'変更前';display:block;font-size:12px;color:var(--muted)}.import-table td:nth-child(4)::before{content:'変更後';display:block;font-size:12px;color:var(--green)}}

.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;flex-wrap:wrap}.page-status{font-size:13px}.page-size{display:block;max-width:190px}.detail-photos figure{margin:0;min-width:0}.detail-photos figure:first-child{grid-column:1/-1}.detail-photos figcaption{font-size:12px;color:var(--muted);margin:6px 0 12px}.history-row{overflow-wrap:anywhere}.history-row>div{min-width:0}#preview-source{overflow-wrap:anywhere}.catalog-link{display:block;text-align:right;margin-bottom:14px;color:var(--green)}
.catalog-shell{max-width:1200px;margin:auto;padding:24px}.catalog-shell header .brand{margin-bottom:24px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.catalog-grid .panel{margin:0}.catalog-grid h2{font-size:18px}.catalog-shell a{color:var(--green)}.catalog-thumb{width:100%;height:240px;object-fit:contain}.catalog-description{white-space:pre-wrap;overflow-wrap:anywhere}.catalog-detail{max-width:800px;margin:auto}.catalog-shell nav{display:flex}.catalog-shell .toolbar{margin-top:20px}

.gallery-open{overflow:hidden}#photo-viewer{position:fixed;inset:0;margin:auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#17201d;color:#fff;padding:12px 18px;overflow:hidden}#photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px}#photo-viewer::backdrop{background:#000c}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.viewer-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.viewer-head button{flex:none}.viewer-stage{min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.viewer-stage>img{width:100%;height:100%;object-fit:contain}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:20px}#viewer-thumbs{display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:4px}#viewer-thumbs button{padding:3px;min-width:56px;width:64px;height:60px;border:2px solid transparent;flex:none;background:#34453d}#viewer-thumbs button[aria-pressed=true]{border-color:#e6c17d}#viewer-thumbs img{width:100%;height:100%;object-fit:contain}#viewer-error{position:absolute;background:#17201de6;padding:12px}#photo-viewer button:disabled{cursor:default;opacity:.35}@media(max-width:600px){#photo-viewer{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.viewer-controls{justify-content:space-between;gap:8px}.viewer-controls button{font-size:14px;padding:9px 12px}.viewer-head span{font-size:13px}#viewer-thumbs{justify-content:flex-start}}