@font-face{font-family:NotoSans;src:url('/fonts/NotoSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:NotoSans;src:url('/fonts/NotoSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--red:#9b2321;--red-dark:#741b1a;--ink:#1f2022;--muted:#687078;--line:#d8dadd;--panel:rgba(255,255,255,.84);--soft:rgba(247,247,246,.76);--shadow:0 18px 50px rgba(55,35,30,.1)}
*{box-sizing:border-box}[hidden]{display:none!important}html{font-family:NotoSans,Arial,sans-serif;color:var(--ink);background:#f1f0ef}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(155,35,33,.13),transparent 30%),radial-gradient(circle at 100% 30%,rgba(202,198,190,.4),transparent 38%),linear-gradient(135deg,#faf9f8,#ecebea 72%,#f7f6f5);background-attachment:fixed}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}
.app-header{background:linear-gradient(110deg,#fff 0%,#f8f7f6 55%,#eeeae8);border-bottom:1px solid rgba(155,35,33,.16);box-shadow:0 10px 34px rgba(68,42,36,.08)}.header-inner{max-width:1440px;margin:auto;min-height:80px;padding:9px 32px;display:flex;align-items:center;gap:18px}.brand-lockup{width:196px;height:54px;display:flex;align-items:center;overflow:hidden}.brand-lockup img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.app-name{font-size:18px;color:var(--red);border-left:1px solid #d5c7c5;padding-left:20px}.app-context{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.app-shell{max-width:1440px;margin:auto;padding:32px 32px 48px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-intro h1{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.04em}.intro-text{margin:9px 0 0;color:var(--muted);font-size:14px}.format-note{display:grid;gap:3px;padding:10px 0 5px 22px;border-left:2px solid rgba(155,35,33,.26);color:var(--muted);font-size:11px}.format-note strong{font-size:18px;color:var(--ink);font-weight:700}.format-note small{font-size:11px;font-weight:400}
.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start}.input-panel,.preview-panel{background:var(--panel);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:var(--shadow),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.input-panel{position:sticky;top:24px;overflow:hidden}.url-form{padding:26px 24px 24px}.panel-title{margin-bottom:24px}.panel-title h2,.collection-title h2{margin:0;font-size:21px;letter-spacing:-.025em}.url-form label{display:grid;gap:8px;font-size:12px;font-weight:700;color:var(--ink)}.url-form label span{font-size:11px;font-weight:400;color:var(--muted)}textarea,input{width:100%;border:1px solid #c9cbce;border-radius:10px;background:rgba(255,255,255,.92);color:var(--ink);padding:12px 13px;outline:0}textarea{min-height:184px;resize:vertical;line-height:1.5}textarea:focus,input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(155,35,33,.12)}.primary,.secondary,.text-button{border:1px solid transparent;border-radius:10px;min-height:44px;padding:10px 15px;font-weight:700}.primary{background:linear-gradient(120deg,#a72b28,#8b201f);color:#fff;box-shadow:0 5px 14px rgba(155,35,33,.2)}.primary:hover:not(:disabled){background:linear-gradient(120deg,#b0312e,#7b1a19);box-shadow:0 7px 18px rgba(155,35,33,.26)}.url-form>.primary{width:100%;margin-top:16px}.secondary{background:rgba(255,255,255,.72);border-color:#c9cbce;color:var(--ink)}.text-button{background:transparent;color:var(--red);padding-inline:4px;min-height:36px}.text-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.hint{margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.source-note{display:flex;gap:12px;margin:0 18px 18px;padding:14px;border:1px solid rgba(155,35,33,.13);border-radius:12px;background:rgba(155,35,33,.055)}.source-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:700}.source-note strong{font-size:12px}.source-note p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.preview-panel{overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 28px 18px;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(247,244,242,.56))}.collection-title{display:flex;align-items:center;gap:12px}.counter{padding:5px 9px;border-radius:99px;background:rgba(155,35,33,.1);color:var(--red);font-size:11px;font-weight:700}.export-action{display:flex;align-items:center;gap:16px;flex-direction:row-reverse}.export-action button{min-width:150px}.export-action button span{font-size:17px}.export-meta{color:var(--muted);font-size:11px;white-space:nowrap}.collection-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 28px;border-block:1px solid rgba(206,205,204,.8);background:rgba(245,244,243,.62)}.collection-info p{margin:0;color:var(--muted);font-size:12px}.status{margin:0 28px;color:var(--red);font-size:13px;line-height:1.5}.status:not(:empty){padding:15px 0 5px}.status.error{color:#a12726}.empty-collection{max-width:450px;margin:auto;padding:38px 28px 48px;text-align:center}.empty-mark{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 17px;border-radius:50%;background:var(--red);color:white;font-size:20px;font-weight:700;box-shadow:0 9px 22px rgba(155,35,33,.2)}.empty-collection h3{margin:0 0 10px;font-size:21px}.empty-collection p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.table-heading{display:grid;grid-template-columns:52px minmax(0,1fr) 74px;align-items:center;gap:16px;margin:0 28px;padding:13px 0 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.table-heading>span:last-child{text-align:right}.table-labels{display:grid;grid-template-columns:minmax(150px,1fr) 330px;gap:16px}.fact-headings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-list{padding:0 28px;background:rgba(255,255,255,.44)}.product-card{padding:17px 0 12px;border-bottom:1px solid rgba(210,210,210,.72)}.product-card:last-child{border-bottom:0}.product-main{display:grid;grid-template-columns:52px minmax(0,1fr) 74px;gap:16px;align-items:center}.image-wrap{width:52px;height:70px;display:flex;align-items:center;justify-content:center}.image-wrap img{display:block;max-width:52px;max-height:70px;object-fit:contain}.product-description{display:grid;grid-template-columns:minmax(150px,1fr) 330px;grid-template-rows:auto auto;column-gap:16px;row-gap:4px;min-width:0}.product-description h3{grid-column:1;grid-row:1;margin:0;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.product-sku{grid-column:1;grid-row:2;color:var(--muted);font-size:11px}.product-facts{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;margin:0}.product-facts dt{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.product-facts dd{margin:0;color:var(--ink);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.order-controls{display:grid;gap:7px;justify-items:end}.product-position{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.order-controls>div{display:flex;gap:4px}.order-controls button{width:34px;min-height:36px;border:1px solid #d3d3d3;border-radius:8px;background:rgba(255,255,255,.76);color:var(--ink);font-size:15px}.product-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-left:68px;margin-top:4px}.product-editor{flex:1;min-width:0}.product-editor summary{padding:8px 0;color:var(--muted);font-size:11px;cursor:pointer}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:7px 0 10px;padding:15px;border:1px solid rgba(210,210,210,.8);border-radius:10px;background:rgba(247,246,245,.94)}.fields label{display:grid;gap:6px;color:var(--muted);font-size:11px}.fields input{min-height:40px;padding:9px 10px;font-size:13px}.fields label:first-child,.fields label:nth-child(2),.fields label:nth-last-child(-n+2){grid-column:1/-1}.remove-button{font-size:11px;padding:7px 0}.warnings{margin:7px 0 0 68px;color:#a46c22;font-size:11px;line-height:1.5}.collection-footer{display:flex;justify-content:space-between;gap:14px;padding:14px 28px;border-top:1px solid rgba(206,205,204,.8);background:rgba(247,246,245,.54);color:var(--muted);font-size:11px}
@media(max-width:1120px){.workspace{grid-template-columns:290px minmax(0,1fr);gap:20px}.table-labels,.product-description{grid-template-columns:minmax(130px,1fr) 230px}.product-main{grid-template-columns:46px minmax(0,1fr) 68px}.image-wrap,.image-wrap img{max-width:46px}.product-bottom,.warnings{margin-left:62px}}
@media(max-width:860px){.app-shell{padding:32px 22px 46px}.workspace{grid-template-columns:1fr}.input-panel{position:static}.url-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.url-form .panel-title{grid-column:1;grid-row:1/4;align-self:center;margin:0}.url-form label,.url-form textarea,.url-form>.primary,.url-form .hint{grid-column:2}.url-form>.primary{margin-top:0}.url-form .hint{margin-top:0}.source-note{display:none}.preview-header{padding-inline:22px}.collection-info{padding-inline:22px}.table-heading,.product-list{margin-inline:22px;padding-inline:0}.product-list{margin-inline:0;padding-inline:22px}.collection-footer{padding-inline:22px}}
@media(max-width:560px){.header-inner{min-height:68px;padding:8px 16px;gap:12px}.brand-lockup{width:145px;height:43px}.app-name{padding-left:12px;font-size:16px}.app-context{display:none}.app-shell{padding:25px 14px 40px}.page-intro{align-items:flex-start;margin-bottom:22px}.page-intro h1{font-size:28px}.intro-text{font-size:13px}.format-note{display:none}.url-form{display:grid;grid-template-columns:1fr;gap:11px;padding:21px 18px}.url-form .panel-title,.url-form label,.url-form textarea,.url-form>.primary,.url-form .hint{grid-column:auto;grid-row:auto}.url-form .panel-title{margin-bottom:8px}.url-form>.primary{margin-top:2px}.preview-header{padding:20px 18px;align-items:flex-start;flex-wrap:wrap}.collection-title h2{font-size:20px}.export-action{width:100%;justify-content:space-between;gap:12px}.export-action button{min-width:142px}.collection-info{padding:10px 18px;align-items:flex-start}.collection-info p{font-size:11px}.collection-info .text-button{font-size:11px;text-align:right}.status{margin-inline:18px}.table-heading{display:none}.product-list{padding-inline:18px}.product-main{grid-template-columns:42px minmax(0,1fr) 70px;gap:10px;align-items:start}.image-wrap{width:42px;height:62px}.image-wrap img{max-width:42px;max-height:62px}.product-description{display:block}.product-description h3{margin-top:4px;font-size:15px}.product-sku{font-size:10px}.product-facts{display:grid;grid-template-columns:1fr;gap:5px;margin-top:12px}.product-facts>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px}.product-facts dt{position:static;clip-path:none;width:auto;height:auto;white-space:normal;color:var(--muted);font-size:10px}.product-facts dd{font-size:11px}.order-controls button{width:34px;min-height:42px}.product-bottom,.warnings{margin-left:52px}.fields{grid-template-columns:1fr;margin-left:-52px;margin-right:-70px;padding:12px}.fields label,.fields label:first-child,.fields label:nth-child(2),.fields label:nth-last-child(-n+2){grid-column:auto}.product-editor summary,.remove-button{min-height:40px;padding:10px 0}.empty-collection{padding:58px 24px 70px}.collection-footer{padding:14px 18px}.collection-footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.search-form{display:grid;gap:12px;padding:26px 24px 12px}.search-form label{font-size:12px;font-weight:700;color:var(--ink)}.search-input-row{display:flex;gap:8px}.search-input-row input{min-width:0}.search-input-row button{flex:0 0 auto;padding-inline:14px}.search-status{margin:2px 0 0;color:var(--muted);font-size:11px;line-height:1.5;min-height:18px}.search-results{max-height:416px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9cbce transparent}.search-result{display:grid;grid-template-columns:18px 48px minmax(0,1fr);gap:12px;align-items:center;padding:14px 24px;border-top:1px solid rgba(206,205,204,.75);cursor:pointer;transition:background .15s}.search-result:hover,.search-result:has(input:checked){background:rgba(155,35,33,.06)}.search-result input{width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--red)}.search-result img{width:48px;height:64px;object-fit:contain;background:#fff;border-radius:7px}.result-text{display:grid;gap:4px;min-width:0;font-size:13px;line-height:1.3}.result-text strong{font-weight:700;overflow-wrap:anywhere}.result-text small{color:var(--muted);font-size:10px}.selection-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid rgba(206,205,204,.75);background:rgba(155,35,33,.055)}.selection-bar>span{color:var(--muted);font-size:11px;white-space:nowrap}.selection-bar button{font-size:12px;padding:9px 12px}.search-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 24px;border-top:1px solid rgba(206,205,204,.75);color:var(--muted);font-size:10px}.search-pagination button{font-size:11px;min-height:32px}.url-option{border-top:1px solid rgba(206,205,204,.75);padding:0 24px 8px}.url-option summary{padding:14px 0;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.url-option .url-form{padding:4px 0 10px}.url-option .url-form textarea{min-height:120px}.url-option .url-form .secondary{width:100%;margin-top:4px}.url-option .hint{margin-top:8px}.source-note{margin-top:0}
@media(max-width:560px){.search-form{padding:21px 18px 10px}.search-input-row{gap:6px}.search-input-row button{padding-inline:12px}.search-result{grid-template-columns:18px 36px minmax(0,1fr);padding:12px 18px;gap:9px}.search-result img{width:36px;height:52px}.search-pagination{padding-inline:18px}.selection-bar{padding-inline:18px}.selection-bar button{font-size:11px}.url-option{padding-inline:18px}}