#productsky{--ps-blue:#0a68be;--ps-ink:#172b46;--ps-muted:#60758f;--ps-line:#dce5f0;--ps-bg:#f5f8fc;color:var(--ps-ink);min-height:calc(100vh - 72px);background:var(--ps-bg);font-family:inherit}#productsky *{box-sizing:border-box}#productsky button,#productsky input,#productsky select,#productsky textarea{font:inherit}#productsky button{cursor:pointer}#productsky .ps-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px 18px}#productsky .ps-kicker{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--ps-blue)}#productsky h1{font-size:28px;line-height:1.2;margin:3px 0 0;font-weight:750}#productsky h2{font-size:24px;line-height:1.25;margin:5px 0 8px}#productsky h3{font-size:17px;margin:24px 0 12px}#productsky .ps-top-actions{display:flex;gap:9px}#productsky .ps-top-actions button,#productsky .ps-detail-actions button,#productsky .ps-actions button,#productsky [data-body=schema]>button,#productsky #ps-add-link{border:1px solid #c8d7e8;background:white;border-radius:9px;padding:10px 14px;color:var(--ps-ink);font-weight:650}#productsky .ps-primary,#productsky .ps-top-actions .ps-primary{background:var(--ps-blue);color:white;border-color:var(--ps-blue)}#productsky .ps-workspace{display:grid;grid-template-columns:minmax(290px,31%) minmax(0,1fr);gap:0;border-top:1px solid var(--ps-line);min-height:calc(100vh - 160px)}#productsky .ps-explorer{background:white;border-right:1px solid var(--ps-line);padding:16px 12px;min-width:0}#productsky .ps-search-box{position:relative}#productsky .ps-search-box input{width:100%;border:1px solid var(--ps-line);border-radius:10px;padding:11px 60px 11px 13px;font-size:15px;background:#f9fbfe;color:var(--ps-ink)}#productsky .ps-search-box kbd{position:absolute;right:10px;top:11px;font-size:12px;color:var(--ps-muted);border:1px solid var(--ps-line);border-radius:5px;padding:2px 5px;background:white}#productsky .ps-filter-row{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}#productsky .ps-filter-row button{border:1px solid transparent;background:#f1f5fa;border-radius:8px;color:#536a84;padding:7px 9px;font-size:13px;font-weight:650}#productsky .ps-filter-row button.active{background:#e1f0ff;color:#075baf;border-color:#b6dbff}#productsky #ps-status-filter{width:100%;border:1px solid var(--ps-line);border-radius:8px;background:white;padding:8px 10px;color:var(--ps-ink);font-size:14px}#productsky #ps-tree{margin-top:14px;max-height:calc(100vh - 315px);overflow:auto}#productsky .ps-node{display:flex;align-items:center;width:100%;min-height:38px;text-align:left;border:0;background:transparent;border-radius:8px;color:var(--ps-ink);padding:5px 8px 5px calc(4px + var(--depth)*18px);gap:8px;white-space:nowrap}#productsky .ps-node:hover{background:#eef6ff}#productsky .ps-node.selected{background:#dceeff;color:#074e93}#productsky .ps-node.filtered{display:none}#productsky .ps-expand{width:16px;flex:none;font-size:19px;line-height:1;color:#66819f;text-align:center}#productsky .ps-symbol{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:6px;background:#e4f0ff;color:#2273be;font-size:13px;font-weight:800}#productsky .ps-symbol.product{background:#eaf6f4;color:#118875}#productsky .ps-symbol.variant{background:#f2edff;color:#7453bd}#productsky .ps-node-name{overflow:hidden;text-overflow:ellipsis;font-size:14px;flex:1}#productsky .ps-node small{font-size:12px;color:#74859a}#productsky .ps-status{width:7px;height:7px;border-radius:50%;background:#a9b5c4;flex:none}#productsky .ps-status.active{background:#1aa67a}#productsky .ps-status.inactive{background:#d57878}#productsky .ps-empty-tree,#productsky .ps-welcome{color:var(--ps-muted);padding:24px;text-align:center}#productsky #ps-search-results{border:1px solid var(--ps-line);border-radius:9px;margin-top:5px;max-height:200px;overflow:auto;background:white}#productsky #ps-search-results button{display:flex;justify-content:space-between;width:100%;padding:9px 10px;background:white;border:0;text-align:left;gap:8px;font-size:13px}#productsky #ps-search-results button:hover{background:#eef6ff}#productsky #ps-search-results span{color:var(--ps-muted)}#productsky #ps-detail{padding:28px 32px;min-width:0;overflow:auto}#productsky .ps-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}#productsky .ps-breadcrumb{color:var(--ps-muted);font-size:13px;font-weight:650}#productsky .ps-meta{display:flex;gap:8px;align-items:center}#productsky .ps-code{font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;color:#466580;background:#eaf0f7;padding:5px 8px;border-radius:6px}#productsky .ps-pill{font-size:12px;font-weight:750;padding:5px 9px;border-radius:30px;background:#eef1f5;color:#687991}#productsky .ps-pill.active{background:#ddf7ed;color:#067c58}#productsky .ps-pill.inactive{background:#fbe7e7;color:#ae4a4a}#productsky .ps-detail-actions{display:flex;gap:7px;white-space:nowrap}#productsky .ps-tabs{display:flex;gap:22px;border-bottom:1px solid var(--ps-line);margin:28px 0 22px;overflow-x:auto}#productsky .ps-panel-tab{border:0;border-bottom:2px solid transparent;background:none;color:var(--ps-muted);font-size:14px;font-weight:650;padding:0 0 13px;white-space:nowrap}#productsky .ps-panel-tab.active{color:var(--ps-blue);border-bottom-color:var(--ps-blue)}#productsky .ps-panel-body{max-width:850px}#productsky .ps-panel-body[hidden]{display:none}#productsky .ps-property{padding:14px 0;border-bottom:1px solid var(--ps-line)}#productsky .ps-property>span,#productsky .ps-value>span{font-size:13px;font-weight:700;color:var(--ps-muted)}#productsky .ps-property p{margin:6px 0 0;font-size:15px;line-height:1.55;white-space:pre-wrap}#productsky .ps-actions{display:flex;gap:9px;margin-top:20px}#productsky .ps-stats{display:flex;gap:12px;margin:18px 0}#productsky .ps-stats>div{background:white;border:1px solid var(--ps-line);border-radius:10px;padding:13px 16px;min-width:170px}#productsky .ps-stats small{display:block;color:var(--ps-muted);font-size:12px}#productsky .ps-stats strong{font-size:15px}#productsky .ps-tag{display:inline-block;border-radius:20px;padding:4px 8px;background:#e4effb;color:#17639f;margin:0 4px 4px 0;font-size:13px}#productsky .ps-value{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ps-line);padding:11px 0;font-size:14px}#productsky .ps-schema-list>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--ps-line);font-size:14px}#productsky .ps-schema-list span{color:var(--ps-muted)}#productsky .ps-audit{display:grid;grid-template-columns:160px 100px 1fr;gap:9px;border-bottom:1px solid var(--ps-line);padding:11px 0;font-size:13px}#productsky .ps-audit small{grid-column:3;color:var(--ps-muted)}#productsky .ps-images{display:flex;gap:12px;overflow-x:auto}#productsky .ps-images>div{background:white;border:1px solid var(--ps-line);border-radius:10px;padding:8px;width:max-content;flex:none}#productsky .ps-image-placeholder{height:135px;min-width:135px;width:max-content;display:grid;place-items:center;background:#edf3fa;border-radius:6px;color:var(--ps-muted)}#productsky .ps-image-placeholder img{height:135px;width:auto;max-width:none;object-fit:contain}#productsky .ps-links{display:grid;gap:8px;margin-bottom:14px}#productsky .ps-links a{color:var(--ps-blue);text-decoration:none;background:white;padding:10px;border:1px solid var(--ps-line);border-radius:8px}#productsky .ps-upload{display:inline-block;border:1px dashed #85aed5;background:#edf7ff;padding:10px 14px;border-radius:9px;margin-top:12px;color:#155c9a;cursor:pointer;font-weight:650}#productsky .ps-app-switch{display:flex;justify-content:space-between;align-items:center;max-width:440px;border-bottom:1px solid var(--ps-line);padding:10px 0}#productsky .ps-hint{font-size:13px;color:var(--ps-muted);line-height:1.5}#productsky #ps-editor{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(460px,100vw);background:white;box-shadow:-18px 0 50px #16365629;overflow:auto;padding:22px}#productsky #ps-editor[hidden]{display:none}#productsky .ps-editor-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ps-line);margin-bottom:17px}#productsky .ps-editor-head h2{font-size:20px}#productsky .ps-editor-head button{border:0;background:none;font-size:26px;color:var(--ps-muted)}#productsky .ps-field{display:grid;gap:6px;margin:14px 0;font-size:14px;font-weight:650}#productsky .ps-field small{color:var(--ps-muted);font-weight:400;margin-left:5px}#productsky .ps-field input,#productsky .ps-field textarea,#productsky .ps-field select{border:1px solid #cdd9e7;border-radius:8px;padding:10px 11px;background:white;color:var(--ps-ink);font-size:15px;min-width:0}#productsky .ps-field textarea{min-height:82px;resize:vertical}#productsky .ps-field input:disabled{background:#f1f4f8;color:var(--ps-muted)}#productsky .ps-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}#productsky .ps-form-actions{display:flex;justify-content:flex-end;gap:9px;position:sticky;bottom:-22px;background:white;border-top:1px solid var(--ps-line);padding:14px 0;margin-top:20px}#productsky .ps-form-actions button,#productsky .ps-inline-add{border:1px solid var(--ps-line);border-radius:8px;padding:10px 15px;background:white}#productsky .ps-form-actions .ps-primary{background:var(--ps-blue);color:white}#productsky .ps-check{display:block;font-size:14px}#productsky #ps-notice:not(:empty){position:fixed;z-index:100;bottom:18px;right:18px;background:#173557;color:white;padding:12px 18px;border-radius:9px;box-shadow:0 8px 25px #102e5266}#productsky #ps-notice.error{background:#a7323a}.ps-context{position:fixed;z-index:90;display:grid;background:white;border:1px solid #d4e1ed;box-shadow:0 16px 40px #132d4b33;border-radius:10px;padding:6px;min-width:190px}.ps-context button{background:white;border:0;text-align:left;padding:9px 12px;border-radius:6px;font-size:14px}.ps-context button:hover{background:#eaf4ff}.ps-failed{padding:35px;color:#263d58}@media(max-width:850px){#productsky .ps-workspace{grid-template-columns:1fr}#productsky .ps-explorer{border-right:0;border-bottom:1px solid var(--ps-line)}#productsky #ps-tree{max-height:38vh}#productsky #ps-detail{padding:22px 18px}#productsky .ps-top{padding:18px}#productsky .ps-top-actions button{padding:8px;font-size:13px}#productsky .ps-detail-head{flex-direction:column}#productsky .ps-schema-list>div{display:grid}#productsky .ps-stats{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){#productsky button{transition:background .15s,border-color .15s,transform .15s}#productsky button:hover{transform:translateY(-1px)}}

#productsky .ps-number-unit{display:grid;grid-template-columns:1fr minmax(100px,36%);gap:8px}#productsky .ps-number-unit input,#productsky .ps-number-unit select{min-width:0}
#productsky #ps-filter-summary{min-height:18px;margin:9px 2px 0;color:var(--ps-muted);font-size:12px}#productsky .ps-node.ps-ancestor{color:#647b94}#productsky .ps-node.ps-ancestor .ps-node-name{font-weight:600}
#productsky .ps-override-row{border-top:1px solid var(--ps-line);padding:10px 0}#productsky .ps-override-row .ps-field{margin:8px 0 0}
#productsky .ps-variant-field{border-top:1px solid var(--ps-line);padding:12px 0}#productsky .ps-variant-field>.ps-check{font-weight:700;color:#375b7f}#productsky .ps-variant-field .ps-field{margin:9px 0 0}#productsky .ps-variant-field :disabled{background:#f2f5f8;color:#708197}
#productsky .ps-images>div{position:relative}#productsky .ps-images [data-delete-demo]{position:absolute;right:10px;top:10px;border:0;background:#fff;border-radius:20px;width:28px;height:28px;color:#9d3445;font-size:20px}#productsky .ps-links>div{display:flex;align-items:center;gap:8px}#productsky .ps-links>div>a{flex:1}#productsky .ps-links [data-delete-demo]{border:1px solid var(--ps-line);background:#fff;border-radius:8px;padding:8px 11px;color:#9d3445;font-size:18px}
#productsky .ps-images{align-items:flex-start;padding-bottom:8px}#productsky .ps-images>div{display:flex;flex-direction:column;gap:6px}#productsky .ps-image-placeholder,#productsky .ps-image-placeholder img{height:152px;width:auto;max-width:none}#productsky .ps-image-placeholder{min-width:152px;padding:0 8px}#productsky .ps-image-placeholder img{display:block;object-fit:contain}#productsky .ps-media-value{display:flex!important;align-items:center;min-height:29px!important;line-height:normal!important}#productsky .ps-media-open{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:0;background:none;color:#0863b5;cursor:pointer;padding:0;font-size:12px}#productsky .ps-media-open img{height:29px;width:auto;max-width:42px;object-fit:contain;border-radius:3px}#productsky .ps-media-value a,#productsky .ps-preview-media a{color:#0863b5;text-decoration:underline}#productsky .ps-preview-media{display:flex;gap:12px;align-items:center;margin:8px 0 12px}#productsky .ps-preview-media .ps-media-open img{height:90px;max-width:180px}#productsky .ps-preview-media .ps-media-open{font-size:13px}
.ps-media-dialog{position:fixed;inset:0;z-index:300;background:#132b49aa;display:grid;place-items:center;padding:18px}.ps-media-dialog-panel{width:min(920px,100%);max-height:90vh;overflow:auto;background:white;border-radius:14px;padding:22px;color:#172b46;box-shadow:0 22px 70px #0004}.ps-media-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ps-media-dialog-head h2{font-size:21px;margin:0}.ps-media-dialog-head button{border:0;background:#edf3f9;border-radius:8px;font-size:25px;line-height:1;padding:5px 11px;cursor:pointer}.ps-media-gallery{display:flex;gap:12px;overflow-x:auto;padding:16px 0}.ps-media-gallery figure{margin:0;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.ps-media-image{height:190px;min-width:150px;display:grid;place-items:center;background:#f1f5fa;border-radius:8px}.ps-media-image img{display:block;height:190px;width:auto;max-width:none;object-fit:contain;border-radius:8px}.ps-media-gallery figcaption{font-size:12px;color:#526982}.ps-media-gallery figure button,.ps-media-link-form button,.ps-media-links button{border:1px solid #cfdae8;background:#fff;border-radius:7px;padding:6px 10px;cursor:pointer}.ps-media-dialog-actions{margin-bottom:18px}.ps-media-links{display:grid;gap:8px}.ps-media-links>div{display:flex;justify-content:space-between;gap:12px}.ps-media-links a{color:#0863b5;overflow-wrap:anywhere}.ps-media-link-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ps-media-link-form input{min-width:180px;flex:1;padding:8px;border:1px solid #cdd9e7;border-radius:7px}
.ps-media-replace{border:1px solid #cfdae8;background:#fff;border-radius:7px;padding:6px 10px;cursor:pointer;font-size:13px}.ps-media-dialog-actions{display:flex;gap:10px;flex-wrap:wrap}
.ps-album-panel{width:min(1080px,100%);padding:24px}.ps-album-kicker{display:block;color:#1273bb;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:5px}.ps-album-panel .ps-media-dialog-head p{color:#61758d;font-size:13px;margin:6px 0 0}.ps-album-viewer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;margin:22px 0 24px}.ps-album-viewer>button{border:1px solid #d8e4f0;background:#f5f9fd;border-radius:10px;height:48px;color:#276ba4;font-size:31px;cursor:pointer}.ps-album-viewer>button:hover{background:#e8f4ff}.ps-album-stage{min-width:0;background:#f4f7fb;border:1px solid #dfe8f2;border-radius:14px;overflow:hidden}.ps-album-full{height:clamp(220px,42vh,430px);display:grid;place-items:center;color:#687e95}.ps-album-full img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.ps-album-viewer-caption{display:flex;justify-content:space-between;gap:12px;padding:10px 15px;background:white;font-size:13px}.ps-album-viewer-caption span{color:#61758d}.ps-album-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 12px}.ps-album-section-head h3{margin:0}.ps-album-section-head span{color:#657b92;font-size:12px}.ps-album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px;margin-bottom:14px}.ps-album-card{min-width:0;position:relative;background:white;border:1px solid #d9e4ef;border-radius:12px;padding:8px;box-shadow:0 2px 7px #17324e0b;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ps-album-card[draggable=true]{cursor:grab}.ps-album-card[draggable=true]:active{cursor:grabbing}.ps-album-card.is-active{border-color:#3b91df;box-shadow:0 0 0 2px #cce8ff}.ps-album-card.is-dragging{opacity:.48;transform:scale(.96)}.ps-album-card.is-drop-before,.ps-album-card.is-drop-after{background:#e9f5ff;transform:translateY(-4px);box-shadow:0 12px 25px #0c69bc30}.ps-album-card.is-drop-before:before,.ps-album-card.is-drop-after:after{content:"";position:absolute;top:5px;bottom:5px;width:4px;border-radius:3px;background:#1689e6;box-shadow:0 0 0 2px white,0 0 12px #1689e6;z-index:3}.ps-album-card.is-drop-before:before{left:-10px}.ps-album-card.is-drop-after:after{right:-10px}.ps-album-thumb{display:grid;place-items:center;width:100%;height:126px;background:#f2f6fa;border:0;border-radius:8px;overflow:hidden;cursor:zoom-in;color:#70839a}.ps-album-thumb img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.ps-album-card-info{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:9px 1px 6px;font-size:12px}.ps-album-card-info strong{font:700 12px ui-monospace,Consolas,monospace;color:#28415d}.ps-album-primary{color:#0c7b55;background:#ddf7ec;border-radius:20px;padding:3px 6px;font-size:10px;font-weight:700;white-space:nowrap}.ps-album-card-actions{display:flex;flex-wrap:wrap;gap:5px}.ps-album-card-actions button,.ps-album-card-actions label{border:1px solid #d5e1ed;background:white;border-radius:6px;padding:4px 6px;cursor:pointer;font-size:11px;color:#34556f}.ps-album-card-actions button:hover,.ps-album-card-actions label:hover{background:#eaf5ff}.ps-album-empty{grid-column:1/-1;padding:24px;border:1px dashed #c6d9eb;border-radius:10px;color:#657b92;background:#f8fbff}@media(max-width:620px){.ps-album-panel{padding:14px}.ps-album-viewer{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}.ps-album-viewer>button{height:40px;font-size:25px}.ps-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ps-album-section-head{display:block}}
#productsky .ps-open-album{border:1px solid #b8d6f1;background:#eaf5ff;color:#1167ad;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer;margin-bottom:10px}
.ps-album-viewer[hidden]{display:none}
#productsky .ps-top-actions{flex-wrap:wrap;justify-content:flex-end}#productsky .ps-danger{border:1px solid #edc3c6;background:#fff3f3;color:#a93840;border-radius:8px;padding:9px 12px}#productsky #ps-perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}

#productsky .ps-workspace[hidden],#productsky #ps-grid-view[hidden],#productsky #ps-grid-controls[hidden]{display:none}
#productsky .ps-top-actions button.active{background:#e1f0ff;color:#075baf;border-color:#7dbdf6}
#productsky #ps-grid-controls{display:flex;gap:10px;padding:0 28px 16px;flex-wrap:wrap}
#productsky #ps-grid-controls input,#productsky #ps-grid-controls select{border:1px solid var(--ps-line);border-radius:8px;background:#fff;color:var(--ps-ink);padding:10px 12px}
#productsky #ps-grid-controls input{min-width:min(420px,100%);flex:1}
#productsky #ps-grid-view{padding:0 24px 24px}
#productsky .ps-grid-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#eaf3fc;border:1px solid #d3e5f6;padding:12px 16px;color:#43627f;font-size:13px;border-radius:10px 10px 0 0}
#productsky .ps-grid-summary strong{font-size:15px;color:var(--ps-ink)}
#productsky .ps-grid-scroll{max-height:calc(100vh - 250px);overflow:auto;border:1px solid var(--ps-line);border-top:0;background:white}
#productsky .ps-grid-table{border-collapse:separate;border-spacing:0;min-width:1750px;width:100%;font-size:13px}
#productsky .ps-grid-table th,#productsky .ps-grid-table td{border-right:1px solid #e2e9f1;border-bottom:1px solid #e2e9f1;padding:5px 7px;vertical-align:top}
#productsky .ps-grid-table th{position:sticky;top:0;background:#eaf1fa;z-index:2;text-align:left;white-space:nowrap;color:#36536f}
#productsky .ps-grid-table .ps-grid-letters th{top:0;height:27px;padding:4px 7px;background:#dde8f4;text-align:center;font-weight:650;color:#647b92}
#productsky .ps-grid-table .ps-grid-labels th{top:27px}
#productsky .ps-grid-table tr:hover td{background:#f6faff}
#productsky .ps-grid-table input,#productsky .ps-grid-table textarea,#productsky .ps-grid-table select{width:100%;min-width:90px;border:1px solid transparent;background:transparent;border-radius:5px;padding:6px;color:var(--ps-ink);font-size:13px}
#productsky .ps-grid-table textarea{min-width:240px;resize:vertical}
#productsky .ps-grid-table input:focus,#productsky .ps-grid-table textarea:focus,#productsky .ps-grid-table select:focus{outline:2px solid #69aff4;background:white}
#productsky .ps-grid-table :disabled{background:#f0f3f7;color:#728296;cursor:not-allowed}
#productsky .ps-grid-table .ps-grid-index,#productsky .ps-grid-table .ps-grid-code{background:#f5f7fa;color:#61748a}
#productsky .ps-grid-empty{display:block;padding:7px;color:#99a8b9}
#productsky .ps-grid-save{min-width:72px;color:#277d61;font-size:12px}
#productsky .ps-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:18px 0}
#productsky .ps-preview-card{background:#fff;border:1px solid var(--ps-line);border-radius:12px;padding:18px;box-shadow:0 3px 12px #1735570a}
#productsky .ps-preview-card h2{font-size:18px;margin:6px 0}
#productsky .ps-preview-card p{font-size:13px;color:#58718a;line-height:1.5;min-height:40px}
#productsky .ps-preview-category{font-size:12px;font-weight:700;color:var(--ps-blue)}
#productsky .ps-preview-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:#58718a}
#productsky .ps-preview-meta strong{color:#164d78}
#productsky .ps-preview-card ul{padding:0;margin:14px 0 0;list-style:none;border-top:1px solid var(--ps-line)}
#productsky .ps-preview-card li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:13px}
#productsky .ps-preview-card li small{color:#6b8094;white-space:nowrap}

/* Compact spreadsheet density: preserve editing space for names and descriptions. */
#productsky #ps-grid-view{padding:0 18px 20px}
#productsky .ps-grid-summary{gap:12px;padding:9px 12px;background:#fff;border-color:#dce5ee;font-size:12px}
#productsky .ps-grid-summary strong{font-size:13px}
#productsky .ps-grid-scroll{max-height:calc(100vh - 224px);border-color:#dce5ee}
#productsky .ps-grid-table{table-layout:fixed;width:1302px;min-width:1302px;font-size:12px}
#productsky .ps-grid-table :is(th,td){padding:3px 4px;vertical-align:middle;overflow:hidden}
#productsky .ps-grid-table :is(th,td):nth-child(1){width:36px;text-align:center}
#productsky .ps-grid-table :is(th,td):nth-child(2){width:94px}
#productsky .ps-grid-table :is(th,td):nth-child(3){width:144px}
#productsky .ps-grid-table :is(th,td):nth-child(4){width:158px}
#productsky .ps-grid-table :is(th,td):nth-child(5){width:82px}
#productsky .ps-grid-table :is(th,td):nth-child(6){width:190px}
#productsky .ps-grid-table :is(th,td):nth-child(7){width:70px}
#productsky .ps-grid-table :is(th,td):nth-child(8){width:62px}
#productsky .ps-grid-table :is(th,td):nth-child(9),#productsky .ps-grid-table :is(th,td):nth-child(10){width:96px}
#productsky .ps-grid-table :is(th,td):nth-child(11){width:144px}
#productsky .ps-grid-table :is(th,td):nth-child(12){width:80px}
#productsky .ps-grid-table :is(th,td):nth-child(13){width:50px}
#productsky .ps-grid-table .ps-grid-labels th{height:38px;white-space:normal;font-size:11px;line-height:1.15;background:#f5f8fc}
#productsky .ps-grid-table .ps-grid-letters th{height:23px;padding:2px 4px;background:#e8eff7}
#productsky .ps-grid-table .ps-grid-labels th{top:23px}
#productsky .ps-grid-table tbody tr{height:38px}
#productsky .ps-grid-table tbody tr:nth-child(even) td{background:#fbfcfe}
#productsky .ps-grid-table tbody tr:hover td{background:#edf6ff}
#productsky .ps-grid-table :is(input,select,textarea){width:100%;min-width:0;height:29px;padding:4px 3px;border-radius:4px;font-size:12px;line-height:20px;text-overflow:ellipsis}
#productsky .ps-grid-table textarea{white-space:nowrap;overflow:hidden;resize:none}
#productsky .ps-grid-table textarea:focus{height:84px;white-space:normal;overflow:auto;resize:vertical}
#productsky .ps-grid-table :is(td:nth-child(8),td:nth-child(9),td:nth-child(10)) input{text-align:right;font-variant-numeric:tabular-nums}
#productsky .ps-grid-table .ps-grid-save{min-width:0;text-align:center;font-size:11px}
#productsky .ps-grid-table .ps-grid-index{font-variant-numeric:tabular-nums;font-size:11px}
#productsky .ps-grid-table input[type=number]{appearance:textfield;-moz-appearance:textfield}
#productsky .ps-grid-table input[type=number]::-webkit-inner-spin-button,#productsky .ps-grid-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#productsky .ps-grid-table :is(th,td):nth-child(1){position:sticky;left:0}
#productsky .ps-grid-table :is(th,td):nth-child(2){position:sticky;left:36px}
#productsky .ps-grid-table :is(th,td):nth-child(3){position:sticky;left:130px;box-shadow:2px 0 4px #172b4612}
#productsky .ps-grid-table thead th:nth-child(-n+3){z-index:5}
#productsky .ps-grid-table tbody td:nth-child(-n+3){z-index:1;background:#fff}
#productsky .ps-grid-table tbody tr:nth-child(even) td:nth-child(-n+3){background:#fbfcfe}
#productsky .ps-grid-table tbody tr:hover td:nth-child(-n+3){background:#edf6ff}
#productsky .ps-grid-table{min-width:0}
#productsky .ps-grid-table :is(th,td):nth-child(1){width:var(--ps-col-1,36px)}
#productsky .ps-grid-table :is(th,td):nth-child(2){width:var(--ps-col-2,94px)}
#productsky .ps-grid-table :is(th,td):nth-child(3){width:var(--ps-col-3,144px)}
#productsky .ps-grid-table :is(th,td):nth-child(4){width:var(--ps-col-4,158px)}
#productsky .ps-grid-table :is(th,td):nth-child(5){width:var(--ps-col-5,82px)}
#productsky .ps-grid-table :is(th,td):nth-child(6){width:var(--ps-col-6,190px)}
#productsky .ps-grid-table :is(th,td):nth-child(7){width:var(--ps-col-7,70px)}
#productsky .ps-grid-table :is(th,td):nth-child(8){width:var(--ps-col-8,62px)}
#productsky .ps-grid-table :is(th,td):nth-child(9){width:var(--ps-col-9,96px)}
#productsky .ps-grid-table :is(th,td):nth-child(10){width:var(--ps-col-10,96px)}
#productsky .ps-grid-table :is(th,td):nth-child(11){width:var(--ps-col-11,144px)}
#productsky .ps-grid-table :is(th,td):nth-child(12){width:var(--ps-col-12,80px)}
#productsky .ps-grid-table :is(th,td):nth-child(13){width:var(--ps-col-13,50px)}
#productsky .ps-grid-table :is(th,td):nth-child(3){left:var(--ps-stick-3,130px)}
#productsky .ps-grid-table tbody tr:nth-child(even) td,#productsky .ps-grid-table tbody tr:nth-child(even) td:nth-child(-n+3){background:#edf4fb}
#productsky .ps-grid-table tbody tr:hover td,#productsky .ps-grid-table tbody tr:hover td:nth-child(-n+3){background:#dfedfc}
#productsky .ps-grid-table :is(th,td).ps-col-selected{background:color-mix(in srgb,var(--ps-cell-bg,#fff) 84%,#a6cefa)!important;box-shadow:inset 2px 0 #348be0,inset -2px 0 #348be0}
#productsky .ps-grid-table .ps-grid-letters th{position:sticky;padding:0;overflow:visible}
#productsky .ps-grid-letter{display:block;width:100%;height:23px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
#productsky .ps-grid-letter:hover,#productsky .ps-grid-letter:focus-visible{background:#bfdaf5;outline:0}
#productsky .ps-column-resize{position:absolute;right:-4px;top:0;width:9px;height:100%;cursor:col-resize;z-index:8;touch-action:none}
#productsky .ps-column-resize:hover,#productsky .ps-column-resize:focus-visible{border-right:3px solid #3288d8;outline:0}
#productsky .ps-column-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:7px 10px;background:#f5f9fe;border:1px solid #dce5ee;border-top:0;font-size:12px}
#productsky .ps-column-toolbar[hidden]{display:none}
#productsky .ps-column-toolbar strong{white-space:nowrap;color:#234e75}
#productsky .ps-column-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#productsky .ps-column-tools>span{margin-left:7px;color:#5b6f82}
#productsky .ps-column-tools button{min-height:27px;padding:3px 8px;background:#fff;border:1px solid #cbd9e8;border-radius:5px;color:#31516d;cursor:pointer;font:inherit}
#productsky .ps-column-tools button[aria-pressed=true]{background:#d4e8fa;border-color:#7eb3e3;color:#164c7f;font-weight:700}
#productsky .ps-column-tools button:hover{border-color:#4a99dc}
#productsky .ps-column-tools label{display:inline-flex;align-items:center;gap:3px;margin-left:4px;color:#5b6f82}
#productsky .ps-column-tools input[type=color]{width:24px;height:23px;padding:0;border:1px solid #cbd9e8;border-radius:4px;background:white;cursor:pointer}
#productsky .ps-grid-table .ps-col-wrap textarea{height:auto;min-height:29px;white-space:pre-wrap;overflow:hidden;resize:none;text-overflow:clip;vertical-align:top}
#productsky .ps-grid-table .ps-col-wrap textarea:focus{height:auto;overflow:hidden;resize:none}
#productsky .ps-grid-table .ps-col-clip :is(input,textarea,select){text-overflow:clip}
#productsky .ps-grid-table .ps-col-clip .ps-cell-value{text-overflow:clip}
#productsky .ps-grid-scroll{height:calc(100dvh - 292px);min-height:240px;overflow-x:auto!important}
#productsky .ps-grid-table .ps-grid-index{padding:0!important;background:#e8f0f8!important}
#productsky .ps-grid-row-button{display:block;width:100%;height:100%;min-height:31px;border:0;background:transparent;color:#3b5e7d;font:inherit;cursor:pointer}
#productsky .ps-grid-row-button:hover,#productsky .ps-grid-row-button[aria-pressed=true]{background:#bedcf7;color:#174d7c;font-weight:700}
#productsky .ps-grid-table tbody tr.ps-row-selected td[data-field]{background:color-mix(in srgb,var(--ps-cell-bg,#fff) 78%,#8bc1f5)!important;box-shadow:inset 0 1px #348be0,inset 0 -1px #348be0}
#productsky .ps-grid-table tbody td.ps-range-selected{background:color-mix(in srgb,var(--ps-cell-bg,#fff) 65%,#76b6f4)!important;box-shadow:inset 0 0 0 1px #4b9ade}
#productsky .ps-grid-table tbody td.ps-cell-selected{background:#d2e9ff!important;outline:2px solid #267ad0;outline-offset:-2px}
#productsky .ps-grid-table tbody td.ps-copy-source{outline:2px dashed #1b73c9;outline-offset:-2px;animation:ps-copy-pulse 1.1s ease-in-out infinite alternate}
@keyframes ps-copy-pulse{from{box-shadow:inset 0 0 0 1px #ffffff}to{box-shadow:inset 0 0 0 3px #69b7ff}}
#productsky .ps-grid-table td[data-field] .ps-cell-value{user-select:none}
#productsky .ps-grid-table td.ps-grid-code:not(.ps-col-selected):not(.ps-range-selected):not(.ps-cell-selected){background:#dce4ed!important;color:#425971!important}
#productsky .ps-column-toolbar{min-height:42px;gap:14px;padding:5px 10px;background:#f8fbff;border-bottom-color:#cfdbe8;flex-wrap:nowrap;overflow-x:auto}
#productsky .ps-column-name{min-width:130px;max-width:190px;overflow:hidden;text-overflow:ellipsis;font-size:12px}
#productsky .ps-column-tools{gap:7px;flex-wrap:nowrap;white-space:nowrap}
#productsky .ps-tool-group{display:inline-flex;align-items:center;gap:2px}
#productsky .ps-tool-divider{display:block;width:1px;height:23px;background:#cfdae6;margin:0 2px}
#productsky .ps-column-tools .ps-icon-button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;min-height:29px;padding:3px;border:1px solid transparent;border-radius:5px;background:transparent;color:#41566d}
#productsky .ps-column-tools .ps-icon-button:hover:not(:disabled){background:#e6f0fb;border-color:#c9dcee}
#productsky .ps-column-tools .ps-icon-button[aria-pressed=true]{background:#d8eaff;border-color:#9fc5ec;color:#1565a6}
#productsky .ps-column-tools .ps-icon-button:disabled{opacity:.4;cursor:default}

/* Keep the horizontal scrollbar in view and show read-only cells until editing starts. */
#productsky .ps-grid-scroll{height:calc(100dvh - 270px);min-height:280px;overflow-x:scroll!important;overflow-y:auto;scrollbar-width:auto;scrollbar-color:#77a9d8 #e5edf6}
#productsky .ps-grid-scroll::-webkit-scrollbar{height:13px;width:10px}
#productsky .ps-grid-scroll::-webkit-scrollbar-thumb{background:#77a9d8;border:2px solid #e5edf6;border-radius:8px}
#productsky .ps-grid-table :is(th,td):nth-child(-n+3){left:auto;position:static}
#productsky .ps-grid-table thead th{position:sticky!important}
#productsky .ps-grid-table td[data-field]{cursor:cell}
#productsky .ps-grid-table td.ps-cell-selected{outline:2px solid #348be0;outline-offset:-2px;background:#deefff!important}
#productsky .ps-grid-table .ps-cell-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:29px;line-height:29px;font-size:12px}
#productsky .ps-grid-table .ps-cell-editor[hidden],#productsky .ps-grid-table .ps-cell-value[hidden]{display:none!important}
#productsky .ps-grid-table .ps-cell-editor{display:block}
#productsky .ps-grid-table .ps-cell-editor :is(input,select,textarea){background:white;border:1px solid #6aace9}
#productsky .ps-grid-table .ps-col-wrap .ps-cell-value{white-space:pre-wrap;overflow-wrap:anywhere;text-overflow:clip;line-height:20px;min-height:29px;padding:4px 3px;height:auto}
#productsky .ps-grid-select-all{display:block;width:100%;height:23px;border:0;background:transparent;color:#456d94;font-size:15px;cursor:pointer}
#productsky .ps-grid-select-all:hover,#productsky .ps-grid-select-all:focus-visible{background:#c6def6}
#productsky .ps-grid-letter{cursor:grab}
#productsky .ps-grid-letter:active{cursor:grabbing}
#productsky .ps-grid-table.ps-all-selected tbody td[data-field]{background:color-mix(in srgb,var(--ps-cell-bg,#fff) 88%,#a6cefa)!important}
#productsky .ps-grid-table .ps-grid-letters th.ps-drop-before::before,#productsky .ps-grid-table .ps-grid-letters th.ps-drop-after::after{content:"";position:absolute;top:0;height:var(--ps-drop-height,400px);width:3px;background:#1683dc;box-shadow:0 0 0 1px #fff,0 0 8px #1683dcaa;pointer-events:none;z-index:20}
#productsky .ps-grid-table .ps-grid-letters th.ps-drop-before::before{left:-2px}
#productsky .ps-grid-table .ps-grid-letters th.ps-drop-after::after{right:-2px}
#productsky .ps-column-tools .ps-clear-color{font-size:20px;line-height:1;color:#637b91}
#productsky .ps-bold-button{font-size:16px!important;font-weight:800!important;font-family:Arial,sans-serif!important}
#productsky .ps-color-tool{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:29px;margin:0!important;border:1px solid transparent;border-radius:5px;cursor:pointer}
#productsky .ps-color-tool:hover{background:#e6f0fb;border-color:#c9dcee}
#productsky .ps-color-tool input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#productsky .ps-color-tool input:disabled{cursor:default}
#productsky .ps-color-swatch{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;color:#41566d;font-size:15px;font-weight:700}
#productsky .ps-fill-swatch{background:#f7d978;border:1px solid #8c99a7;border-radius:3px;box-shadow:inset 0 -5px #4c92d1}
#productsky .ps-text-swatch{border-bottom:3px solid #4c92d1}

/* Feedback 2026-10-13: one horizontal scrollbar, clear locked codes, readable headers and preview variants. */
#productsky .ps-grid-scroll{overflow-x:auto!important}
#productsky .ps-grid-table .ps-grid-labels th{text-align:center!important;text-transform:uppercase;font-weight:750;letter-spacing:.025em;color:#294965}
#productsky .ps-grid-table .ps-grid-letters th{z-index:9!important;top:0!important}
#productsky .ps-grid-table .ps-grid-labels th{z-index:8!important;top:23px!important}
#productsky .ps-grid-table :is(thead th:first-child,tbody td.ps-grid-index){position:sticky!important;left:0!important}
#productsky .ps-grid-table thead th:first-child{z-index:12!important}
#productsky .ps-grid-table tbody td.ps-grid-index{z-index:5!important;background:#e8f0f8!important}
#productsky .ps-grid-table tbody tr:nth-child(even) td.ps-grid-index{background:#dceaf8!important}
#productsky .ps-grid-table .ps-grid-labels th[title]{cursor:help}
#productsky .ps-media-value .ps-media-open:has(img){display:flex;flex-direction:column;align-items:flex-start;gap:3px}
#productsky .ps-media-value .ps-media-open img{height:46px;max-width:90px;width:auto;object-fit:contain}
#productsky .ps-link-cell{display:flex;align-items:center;gap:5px;min-width:0;width:100%}
#productsky .ps-link-cell a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
#productsky .ps-link-cell button,.ps-link-row button{flex:none;border:1px solid #c9d9e8;background:#f6faff;border-radius:6px;padding:3px 6px;color:#29699f;cursor:pointer}
#productsky .ps-link-row{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #dfebf4;border-radius:8px;background:#f9fcff}
#productsky .ps-link-row a{min-width:0;flex:1;overflow-wrap:anywhere}
#productsky .ps-album-card-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
#productsky .ps-album-card-info strong{overflow-wrap:anywhere}
#productsky .ps-album-card-info small{grid-column:1/-1;color:#657b92}
#productsky .ps-upload{border:1px solid #8bbce7;background:#e9f5ff;color:#0c5e9e;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
#productsky .ps-paste-hint{align-self:center;color:#637b91;font-size:12px}
.ps-media-dialog .ps-media-links[hidden]{display:none!important}
.ps-media-dialog .ps-link-row{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #dfebf4;border-radius:8px;background:#f9fcff}
.ps-media-dialog .ps-link-row a{min-width:0;flex:1;overflow-wrap:anywhere}
.ps-media-dialog .ps-link-row button{flex:none;border:1px solid #c9d9e8;background:#f6faff;border-radius:6px;padding:5px 8px;color:#29699f;cursor:pointer}
.ps-media-dialog .ps-album-card-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.ps-media-dialog .ps-album-card-info strong{overflow-wrap:anywhere}
.ps-media-dialog .ps-album-card-info small{grid-column:1/-1;color:#657b92}
.ps-media-dialog .ps-upload{border:1px solid #8bbce7;background:#e9f5ff;color:#0c5e9e;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.ps-media-dialog .ps-paste-hint{align-self:center;color:#637b91;font-size:12px}
#productsky .ps-grid-table td.ps-grid-code{position:relative;padding-right:23px!important}
#productsky .ps-grid-table .ps-cell-lock{position:absolute;top:4px;right:4px;width:13px;height:13px;color:#47637d;pointer-events:auto}
#productsky .ps-grid-table .ps-cell-lock svg{display:block;width:100%;height:100%}
#productsky .ps-preview-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start}
#productsky .ps-preview-card{min-width:0;overflow:hidden}
#productsky .ps-preview-card li{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 0;overflow-wrap:anywhere}
#productsky .ps-preview-card li .ps-preview-variant-name{display:block;min-width:0;font-size:13px;line-height:1.4;font-weight:650;color:#263c52}
#productsky .ps-preview-card li .ps-preview-variant-price{display:block;min-width:0;font-weight:650;color:#1f608f;line-height:1.45}
#productsky .ps-preview-card li .ps-preview-variant-status{display:block;min-width:0;color:#688096;white-space:normal;line-height:1.4}
/* Feedback 2026-10-14: visible spreadsheet controls and differentiated row/column labels. */
#productsky #ps-grid-controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(150px,190px) minmax(150px,190px) minmax(130px,160px);align-items:center}
#productsky #ps-grid-controls select{width:100%;min-width:0}
#productsky .ps-grid-scroll{height:calc(100dvh - 355px);min-height:250px;overflow-x:scroll!important;scrollbar-gutter:stable}
#productsky .ps-grid-table .ps-grid-letters th{background:linear-gradient(#e9f3ff,#d9e8f7)!important;color:#245477;font-weight:800;border-bottom:2px solid #afcbe4;box-shadow:inset 0 1px #fff,0 2px 3px #24466518}
#productsky .ps-grid-table .ps-grid-letters th:has(.ps-grid-letter:hover){background:#cce3fb!important}
#productsky .ps-grid-table tbody td.ps-grid-index{background:linear-gradient(90deg,#d8e8f8,#e7f2ff)!important;color:#285374;font-weight:700;border-right:2px solid #adc9e2;box-shadow:inset 0 1px #fff}
#productsky .ps-grid-table tbody tr:nth-child(even) td.ps-grid-index{background:linear-gradient(90deg,#cbdff3,#ddecfa)!important}
#productsky .ps-grid-table tbody td.ps-grid-index .ps-grid-row-button{color:inherit;font-weight:inherit}
#productsky .ps-top-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 5px #1a497114;transition:background .15s,transform .15s,box-shadow .15s}
#productsky .ps-top-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 9px #1a497125}
#productsky #ps-units::before{content:'▦';font-size:16px;color:#2076ba}
#productsky #ps-open-grid::before{content:'▤';font-size:16px;color:#2076ba}
#productsky #ps-preview-all::before{content:'▧';font-size:16px;color:#2076ba}
#productsky #ps-permissions::before{content:'♙';font-size:16px;color:#2076ba}
#productsky #ps-export::before{content:'↧';font-size:17px;color:#2076ba}
@media(max-width:850px){#productsky #ps-grid-controls{grid-template-columns:repeat(2,minmax(0,1fr))}#productsky #ps-grid-controls input{grid-column:1/-1}}
#productsky .ps-top{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#productsky .ps-top-actions{display:flex;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}
#productsky .ps-top-actions button{white-space:nowrap;padding:9px 11px}
#productsky .ps-top-actions button svg{width:16px;height:16px;flex:none;color:#2377b8}
#productsky .ps-top-actions :is(#ps-units,#ps-open-grid,#ps-preview-all,#ps-permissions,#ps-export)::before{content:none!important}
#productsky .ps-grid-scroll{height:calc(100dvh - 405px);min-height:235px}
#productsky .ps-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px 8px}
#productsky .ps-top h1{font-size:21px;line-height:1.3;margin:0;white-space:normal}
#productsky .ps-top h1 span{font-size:16px;font-weight:500;color:#647991}
#productsky .ps-top-actions{width:auto;justify-content:flex-end}
#productsky .ps-top-actions button{padding:7px 10px;font-size:13px}
#productsky .ps-top-actions .ps-primary svg{color:currentColor}
#productsky .ps-view-tabs{display:flex;gap:3px;padding:0 22px;border-bottom:1px solid #dce5f0;background:#fff;overflow-x:auto}
#productsky .ps-view-tabs button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:0;border-bottom:3px solid transparent;background:transparent;color:#5d7087;padding:10px 13px;font-weight:650;font-size:14px}
#productsky .ps-view-tabs button svg{width:16px;height:16px;flex:none}
#productsky .ps-view-tabs button.active{color:#0967b6;border-bottom-color:#0a68be;background:#f1f8ff}
#productsky .ps-view-tabs button::before{content:none!important}
#productsky #ps-units-view[hidden],#productsky .ps-workspace[hidden]{display:none}
#productsky #ps-units-view{padding:20px 24px}
#productsky .ps-units-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
#productsky .ps-units-head h2{font-size:20px;margin:0}
#productsky .ps-units-head p{margin:5px 0 0;color:#60758f;font-size:13px}
#productsky .ps-units-head button{display:flex;align-items:center;gap:5px;border:0;border-radius:8px;padding:9px 12px}
#productsky .ps-units-head svg{width:16px;height:16px}
#productsky .ps-units-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:20px;align-items:start}
#productsky .ps-unit-table,#productsky #ps-unit-form{background:#fff;border:1px solid #dce5f0;border-radius:10px;overflow:hidden}
#productsky .ps-unit-row{display:grid;grid-template-columns:minmax(140px,1fr) 110px 110px 90px;gap:10px;align-items:center;width:100%;padding:12px 14px;text-align:left;border:0;border-bottom:1px solid #e6edf5;background:white;font-size:13px;color:#273f5b}
#productsky button.ps-unit-row:hover,#productsky button.ps-unit-row.active{background:#eaf5ff}
#productsky .ps-unit-heading{font-weight:750;background:#f3f7fc;color:#637b95}
#productsky .ps-unit-row code{font-size:12px;color:#49647e}
#productsky #ps-unit-form{padding:18px}
#productsky #ps-unit-form h3{margin:0 0 15px}
#productsky .ps-unit-actions{display:flex;gap:9px}
#productsky .ps-unit-actions button{border-radius:8px;border:1px solid #cbd9e8;padding:9px 14px}
.ps-picker-backdrop{position:fixed;inset:0;background:#12294382;display:grid;place-items:center;z-index:100}
.ps-picker{background:white;border-radius:14px;box-shadow:0 22px 65px #10294466;padding:20px;width:min(460px,calc(100vw - 30px));display:grid;gap:12px}
.ps-picker h2{font-size:19px;margin:0}
.ps-picker input,.ps-picker select{width:100%;border:1px solid #cbd9e8;border-radius:8px;padding:10px;background:#fff;color:#1d3550}
.ps-picker select{min-height:210px}
.ps-picker>div{display:flex;justify-content:flex-end;gap:8px}
.ps-picker button{border:1px solid #cbd9e8;border-radius:8px;padding:9px 14px;background:#fff}
.ps-picker .ps-primary{background:#0a68be;color:#fff}
#productsky .ps-preview-code{font-size:11px;font-weight:650;color:#7890a5;margin:0 0 10px}
#productsky .ps-preview-field{border-top:1px solid #e9eef5;padding-top:11px}
#productsky .ps-preview-field small,#productsky .ps-preview-facts small,#productsky .ps-preview-variants small{display:block;font-size:10px;letter-spacing:.055em;font-weight:800;color:#7188a0}
#productsky .ps-preview-field p{margin:5px 0 10px;min-height:0}
#productsky .ps-preview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#productsky .ps-preview-facts>div{min-width:0;background:#f4f8fc;border-radius:7px;padding:8px}
#productsky .ps-preview-facts strong{display:block;font-size:12px;margin-top:4px;overflow-wrap:anywhere}
#productsky .ps-preview-variants{margin-top:15px;border-left:3px solid #78afe0;background:#f5f9fe;padding:11px 12px;border-radius:0 8px 8px 0}
#productsky .ps-preview-variants h3{font-size:11px;letter-spacing:.065em;color:#37678f;margin:0 0 7px}
#productsky .ps-preview-variants h3 span{background:#dceeff;border-radius:20px;padding:2px 6px}
#productsky .ps-preview-card .ps-preview-variants ul{margin:0;border:0}
#productsky .ps-preview-card .ps-preview-variants li{padding:9px 0 9px 12px;border-bottom:1px solid #dce9f4;border-left:1px solid #a9cce9;gap:7px}
#productsky .ps-preview-card .ps-preview-variants li:last-child{border-bottom:0}
@media(max-width:950px){#productsky .ps-top{display:grid}#productsky .ps-top-actions{justify-content:flex-start}#productsky .ps-units-layout{grid-template-columns:1fr}}
@media(max-width:600px){#productsky .ps-unit-table{overflow-x:auto}#productsky .ps-unit-row{min-width:550px}#productsky .ps-preview-facts{grid-template-columns:1fr}}
#productsky:has(#ps-grid-view:not([hidden])){display:flex;flex-direction:column;height:calc(100dvh - 79px);min-height:0}
#productsky:has(#ps-grid-view:not([hidden])) #ps-grid-view{display:flex;flex-direction:column;flex:1;min-height:0}
#productsky:has(#ps-grid-view:not([hidden])) .ps-grid-scroll{flex:1;min-height:0;height:auto!important}
#productsky .ps-preview-label{display:block;color:#7188a0;font-size:10px;font-weight:800;letter-spacing:.055em;margin-top:9px}
#productsky .ps-preview-card h2{margin:3px 0 5px}
#productsky .ps-preview-media{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#productsky .ps-preview-media>div{min-width:0}
#productsky .ps-preview-media small{display:block;color:#7188a0;font-size:10px;font-weight:800;letter-spacing:.055em;margin-bottom:4px}
#productsky .ps-preview-reason{margin-top:10px}
#productsky .ps-preview-reason p{margin-bottom:0}
#productsky .ps-preview-variant-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#productsky .ps-preview-variant-facts>div{min-width:0;overflow-wrap:anywhere}
#productsky .ps-preview-variant-facts span{display:block;font-size:12px;line-height:1.4;margin-top:3px}
#productsky .ps-preview-variant-reason{grid-column:1/-1}
@media(max-width:600px){#productsky .ps-preview-media,#productsky .ps-preview-variant-facts{grid-template-columns:1fr}}

/* ProductSky feedback 2026-10-14: readable links, spacious editing and clearer navigation. */
#productsky{--ps-bg:#e9f0f8;background:var(--ps-bg)}
#productsky .ps-view-tabs{background:#f5f9fe;gap:7px;padding:5px 18px 0;border-bottom-color:#c7d8e9}
#productsky .ps-view-tabs button{min-height:52px;padding:8px 14px;border:1px solid transparent;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;color:#3f5871;transition:background .15s,border-color .15s,box-shadow .15s}
#productsky .ps-view-tabs button:hover{background:#e7f2fc;border-color:#bbd8ee;color:#075d9e}
#productsky .ps-view-tabs button.active{color:#075b9b;background:linear-gradient(180deg,#fff,#e1f1ff);border-color:#9fc9e8;border-bottom-color:#1278c4;box-shadow:0 -2px 12px #1b628b14}
#productsky .ps-view-tabs button svg{width:29px;height:29px;padding:5px;border-radius:8px;background:#e0edf8;stroke-width:2;color:#2874ae}
#productsky .ps-view-tabs button.active svg{background:#c6e5fb;color:#0868af}
#productsky .ps-grid-table td.ps-cell-editing{position:relative;overflow:visible!important;z-index:20!important}
#productsky .ps-grid-table td.ps-cell-editing .ps-cell-editor{position:absolute;top:1px;left:1px;z-index:21;width:max(100%,220px);max-width:min(320px,calc(100vw - 36px));padding:3px;background:#fff;border:2px solid #1679c8;border-radius:7px;box-shadow:0 10px 25px #143d6470}
#productsky .ps-grid-table td.ps-cell-editing .ps-cell-editor :is(input,select,textarea){width:100%;height:auto;min-height:37px;border:0!important;outline:0!important;background:#fff!important;color:#14334f;font-size:15px;padding:6px 8px;text-overflow:clip}
#productsky .ps-grid-table td[data-field="illustration_link"]{overflow:visible;white-space:normal;vertical-align:top}
#productsky .ps-grid-table td[data-field="illustration_link"] .ps-media-value{height:auto;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip}
#productsky .ps-link-cell{align-items:flex-start;white-space:normal}
#productsky .ps-link-cell a{display:block;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;line-height:1.35;padding:4px 0}
#productsky .ps-link-cell button{margin-top:3px}
#productsky .ps-media-value .ps-media-open img{height:68px;max-width:128px;border-radius:5px;box-shadow:0 2px 8px #24517b2e}
@media(max-width:700px){#productsky .ps-view-tabs{padding-inline:8px}#productsky .ps-view-tabs button{padding-inline:10px}}
#productsky #ps-editor:not([hidden]){position:fixed;z-index:110;inset:0;width:auto;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;padding:18px;background:#112c4980;box-shadow:none;overflow:auto}
#productsky .ps-editor-panel{width:min(680px,calc(100vw - 32px));max-height:min(88dvh,880px);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 24px 70px #0e2d4c55;overflow:hidden}
#productsky .ps-editor-head{flex:none;margin:0;padding:17px 22px;border-bottom:1px solid var(--ps-line)}
#productsky #ps-form{overflow-y:auto;padding:5px 22px 0}
#productsky .ps-form-actions{bottom:0;margin-top:14px;padding:14px 0}
#productsky .ps-grid-table td[data-field].ps-cell-editing{overflow:hidden!important}
#productsky .ps-grid-table td[data-field] .ps-cell-editor{position:static!important;display:block;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;overflow:hidden!important;box-shadow:none!important;transform:none!important}
#productsky .ps-grid-table td[data-field] .ps-cell-editor :is(input,select,textarea){display:block;width:100%!important;min-width:0!important;max-width:100%!important;height:29px!important;box-sizing:border-box;padding:3px 4px!important;box-shadow:none!important;font-size:12px!important}
#productsky .ps-grid-table td[data-field].ps-col-wrap .ps-cell-editor textarea{height:auto!important;min-height:29px!important;max-height:180px!important;white-space:pre-wrap;overflow:auto}
#productsky .ps-grid-table td[data-field] .ps-cell-editor select{cursor:pointer}
#productsky #ps-manage-view{padding:18px 24px;overflow:auto}
#productsky .ps-manage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#productsky .ps-manage-head h2{font-size:19px;margin:0}
#productsky .ps-manage-head p{color:var(--ps-muted);font-size:13px;margin:4px 0 0}
#productsky .ps-manage-head button,#productsky .ps-manage-actions button{border:1px solid #cbd9e8;border-radius:8px;background:#fff;color:#265171;padding:7px 11px}
#productsky .ps-manage-head .ps-primary{background:var(--ps-blue);color:#fff;border-color:var(--ps-blue)}
#productsky .ps-manage-filter{display:flex;gap:10px;margin-bottom:12px}
#productsky .ps-manage-filter :is(input,select){border:1px solid #cbd9e8;border-radius:8px;padding:9px 11px;background:#fff;color:var(--ps-ink)}
#productsky .ps-manage-filter input{flex:1;min-width:0}
#productsky .ps-manage-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dce5ee;font-size:13px}
#productsky .ps-manage-table th,#productsky .ps-manage-table td{padding:9px 10px;border-bottom:1px solid #e5ebf3;text-align:left}
#productsky .ps-manage-table th{background:#edf4fb;color:#4d6781;position:sticky;top:0}
#productsky .ps-manage-table tbody tr:nth-child(even){background:#f8fbfe}
#productsky .ps-manage-table code{color:#54708b}
#productsky .ps-manage-actions{display:flex;gap:5px;white-space:nowrap}
#productsky .ps-manage-actions button:disabled{opacity:.35;cursor:not-allowed}
#productsky .ps-manage-actions [data-delete]{color:#a3373f}
@media(max-width:700px){#productsky .ps-manage-table{min-width:720px}#productsky #ps-manage-view{overflow-x:auto}}