:root{--skg-primary:var(--main-primary);--skg-primary-light:#6366f114;--skg-text:var(--main-text-color,#1f2937);--skg-text-muted:var(--main-text-muted,#64748b);--skg-bg:var(--main-bg-card,#fff);--skg-bg-hover:var(--main-bg-hover,#f8fafc);--skg-bg-input:var(--main-bg-input,#fff);--skg-border:var(--main-border-color,#e2e8f0);--skg-border-hover:#cbd5e1;--skg-shadow:0 1px 3px #00000014;--skg-shadow-lg:0 4px 12px #0000001a;--skg-radius:.5rem;--skg-radius-lg:.75rem;--skg-success:#10b981;--skg-error:#ef4444;--skg-warning:#f59e0b;--skg-warning-text:#92400e}._skg-container{flex-direction:column;gap:1rem;max-width:760px;margin:0 auto;display:flex}@media (max-width:768px){._skg-container{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){._skg-container{gap:.75rem;padding-left:.75rem;padding-right:.75rem}}._skg-preview-card{background:var(--skg-bg);border-radius:var(--skg-radius-lg);box-shadow:var(--skg-shadow);border-style:solid;border-width:1px;border-color:var(--skg-border);text-align:center;padding:1.25rem 1.5rem}._skg-preview-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}._skg-preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--skg-text-muted);font-size:.75rem;font-weight:600}._skg-btn-copy{border-radius:var(--skg-radius);border-style:solid;border-width:1px;border-color:var(--skg-border);background:var(--skg-bg);color:var(--skg-text-muted);cursor:pointer;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.8125rem;display:inline-flex}._skg-btn-copy:hover{color:var(--skg-primary);border-color:var(--skg-primary)}._skg-preview-sku{font-size:1.75rem;font-weight:700;font-family:var(--main-font-mono);color:var(--skg-text);letter-spacing:.04em;word-break:break-all;padding:.5rem 0}._skg-preview-pattern{color:var(--skg-text-muted);margin-top:.25rem;font-size:.8125rem}@media (max-width:600px){._skg-btn-copy{justify-content:center;min-width:40px;min-height:40px;padding:.5rem .75rem}}@media (max-width:480px){._skg-preview-card{padding:1rem}._skg-preview-sku{padding:.375rem 0;font-size:1.25rem}._skg-preview-pattern{font-size:.75rem}}@media (max-width:360px){._skg-preview-sku{font-size:1.0625rem}}._skg-settings-card{background:var(--skg-bg);border-radius:var(--skg-radius-lg);box-shadow:var(--skg-shadow);border-style:solid;border-width:1px;border-color:var(--skg-border);padding:.875rem 1.25rem}._skg-settings-row{align-items:end;gap:1rem;display:flex}._skg-setting{flex-direction:column;flex:1;gap:.25rem;display:flex}._skg-setting label{color:var(--skg-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}._skg-select{border-radius:var(--skg-radius);border-style:solid;border-width:1.5px;border-color:var(--skg-border);background:var(--skg-bg-input);color:var(--skg-text);cursor:pointer;-webkit-appearance:auto;appearance:auto;padding:.4375rem .625rem;font-size:.8125rem}._skg-select:focus{outline:2px solid var(--skg-primary);outline-offset:1px;border-color:var(--skg-primary)}@media (max-width:520px){._skg-settings-row{flex-wrap:wrap;gap:.625rem}._skg-setting{flex:calc(50% - .5rem);min-width:0}._skg-setting:first-child{flex:100%}._skg-select{min-height:40px;padding:.625rem .75rem;font-size:1rem}}._skg-segments-card{background:var(--skg-bg);border-radius:var(--skg-radius-lg);box-shadow:var(--skg-shadow);border-style:solid;border-width:1px;border-color:var(--skg-border);padding:1.25rem}._skg-segments-header{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}._skg-segments-title{color:var(--skg-text);font-size:.9375rem;font-weight:600}._skg-btn-add{border-radius:var(--skg-radius);background:var(--skg-primary-light);color:var(--skg-primary);cursor:pointer;border:0 solid #0000;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}._skg-btn-add:hover{opacity:.85}._skg-segments-thead{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--skg-border);grid-template-columns:130px 1fr 110px 60px 36px;gap:.5rem;margin-bottom:.5rem;padding:0 .375rem .5rem;display:grid}._skg-segments-thead span{text-transform:uppercase;letter-spacing:.04em;color:var(--skg-text-muted);font-size:.6875rem;font-weight:600}._skg-segment-row{border-radius:var(--skg-radius);grid-template-columns:130px 1fr 110px 60px 36px;align-items:center;gap:.5rem;padding:.5rem .375rem;transition:background .15s;display:grid}._skg-segment-row:hover{background:var(--skg-bg-hover)}._skg-segment-row+._skg-segment-row{border-top-style:solid;border-top-width:1px;border-top-color:var(--skg-border)}._skg-segment-type,._skg-segment-value,._skg-segment-abbr,._skg-segment-chars{border-style:solid;border-width:1.5px;border-color:var(--skg-border);background:var(--skg-bg-input);color:var(--skg-text);border-radius:.375rem;min-width:0;padding:.375rem .5rem;font-size:.8125rem}._skg-segment-type{-webkit-appearance:auto;appearance:auto;cursor:pointer}._skg-segment-abbr{font-family:var(--main-font-mono);text-align:center;letter-spacing:.03em;font-weight:600}._skg-segment-chars{text-align:center;-webkit-appearance:auto;appearance:auto;cursor:pointer}._skg-segment-value:focus,._skg-segment-abbr:focus,._skg-segment-type:focus,._skg-segment-chars:focus{outline:2px solid var(--skg-primary);outline-offset:1px;border-color:var(--skg-primary)}._skg-segment-value[disabled],._skg-segment-abbr[disabled]{opacity:.5;cursor:not-allowed}._skg-segment-remove{width:28px;height:28px;color:var(--skg-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0;display:inline-flex}._skg-segment-remove:hover{color:var(--skg-error);background:#ef444414}._skg-segments-empty{text-align:center;color:var(--skg-text-muted);padding:1.5rem;font-size:.875rem}@media (max-width:600px){._skg-segments-card{padding:1rem}._skg-segments-thead{display:none}._skg-btn-add{min-height:40px;padding:.625rem 1rem;font-size:.875rem}._skg-segment-row{border-top-style:solid;border-top-width:1px;border-top-color:var(--skg-border);grid-template-columns:1fr 80px 40px;grid-template-areas:"type type remove""value value value""abbr chars chars";gap:.5rem;padding:.75rem .5rem;display:grid}._skg-segment-row:first-child{border-top-width:0}._skg-segment-row+._skg-segment-row{border-top-width:1px}._skg-segment-type{grid-area:type}._skg-segment-value{grid-area:value}._skg-segment-abbr{grid-area:abbr}._skg-segment-chars{grid-area:chars}._skg-segment-remove{grid-area:remove;place-self:start end;width:40px;height:40px}._skg-segment-type,._skg-segment-value,._skg-segment-abbr,._skg-segment-chars{min-height:40px;padding:.5625rem .625rem;font-size:1rem}}@media (max-width:360px){._skg-segment-row{grid-template-columns:1fr 1fr 40px}._skg-segments-card{padding:.875rem}}._skg-bulk-card{background:var(--skg-bg);border-radius:var(--skg-radius-lg);box-shadow:var(--skg-shadow);border-style:solid;border-width:1px;border-color:var(--skg-border);padding:1.25rem}._skg-bulk-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}._skg-bulk-title{color:var(--skg-text);font-size:.9375rem;font-weight:600}._skg-btn-generate{border-radius:var(--skg-radius);background:var(--skg-primary);color:#fff;cursor:pointer;border:0 solid #0000;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex;box-shadow:0 2px 6px #6366f140}._skg-btn-generate:hover{opacity:.9}._skg-bulk-hint{color:var(--skg-text-muted);margin:0 0 .75rem;font-size:.8125rem}._skg-bulk-input-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}._skg-bulk-input-label{color:var(--skg-text);text-align:right;flex:0 0 120px;font-size:.8125rem;font-weight:500}._skg-bulk-input-field{border-style:solid;border-width:1.5px;border-color:var(--skg-border);background:var(--skg-bg-input);color:var(--skg-text);border-radius:.375rem;flex:1;min-width:0;padding:.4375rem .625rem;font-size:.8125rem}._skg-bulk-input-field:focus{outline:2px solid var(--skg-primary);outline-offset:1px;border-color:var(--skg-primary)}._skg-bulk-input-field::placeholder{color:var(--skg-text-muted);opacity:.7}._skg-bulk-seq-info{color:var(--skg-text-muted);flex:1;font-size:.8125rem;font-style:italic}._skg-bulk-output{margin-top:.75rem}._skg-bulk-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-style:solid;border-width:1px;border-color:var(--skg-border);border-radius:var(--skg-radius);background:var(--skg-bg-hover);max-height:320px;overflow-y:auto}._skg-bulk-item{font-family:var(--main-font-mono);color:var(--skg-text);justify-content:space-between;align-items:center;padding:.4375rem .75rem;font-size:.8125rem;display:flex}._skg-bulk-item+._skg-bulk-item{border-top-style:solid;border-top-width:1px;border-top-color:var(--skg-border)}._skg-bulk-item-num{color:var(--skg-text-muted);min-width:2rem;font-size:.75rem}._skg-bulk-item-sku{word-break:break-all;flex:1;margin-left:.5rem}._skg-bulk-item-dup{color:var(--skg-error);font-weight:600}._skg-bulk-dup-badge{color:var(--skg-error);background:#ef444414;border-radius:.25rem;margin-left:.5rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}._skg-bulk-actions{border-top-style:solid;border-top-width:1px;border-top-color:var(--skg-border);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}._skg-bulk-count{color:var(--skg-text-muted);font-size:.8125rem;font-weight:500}._skg-bulk-btns{gap:.5rem;display:flex}._skg-btn-secondary{border-radius:var(--skg-radius);border-style:solid;border-width:1px;border-color:var(--skg-border);background:var(--skg-bg);color:var(--skg-text);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}._skg-btn-secondary:hover{border-color:var(--skg-primary);color:var(--skg-primary)}._skg-bulk-warning{border-radius:var(--skg-radius);color:var(--skg-warning-text);background:#f59e0b14;border:1px solid #f59e0b33;align-items:center;gap:.5rem;margin-top:.5rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}@media (max-width:600px){._skg-bulk-card{padding:1rem}._skg-btn-generate{min-height:40px;padding:.625rem 1rem;font-size:.875rem}._skg-btn-secondary{min-height:40px;padding:.5625rem .875rem;font-size:.875rem}._skg-bulk-input-field{min-height:40px;padding:.5625rem .75rem;font-size:1rem}._skg-bulk-item{padding:.625rem .75rem}._skg-bulk-list{max-height:60vh}}@media (max-width:520px){._skg-bulk-input-row{flex-direction:column;align-items:stretch;gap:.25rem}._skg-bulk-input-label{text-align:left;flex:none;margin-bottom:.125rem}._skg-bulk-actions{flex-direction:column;align-items:stretch;gap:.5rem}._skg-bulk-btns{justify-content:stretch}._skg-bulk-btns ._skg-btn-secondary{flex:1;justify-content:center}}@media (max-width:360px){._skg-bulk-card{padding:.875rem}._skg-bulk-header{flex-wrap:wrap;gap:.5rem}}