:root{--navy:#12263f;--navy-2:#1d3a5c;--ivory:#f4f2ee;--paper:#fff;--gold:#b08a45;--gold-soft:#e9dcc2;--ink:#1b2430;--muted:#6f7886;--line:#e4e2dd;--soft:#f6f4f0;--red:#b4503f;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--pad:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica Neue,Helvetica,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3{letter-spacing:-.01em;font-family:inherit;font-weight:700}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.login-shell{background:var(--navy);place-items:center;min-height:100dvh;padding:20px;display:grid}.login-card{background:var(--paper);border-radius:var(--r-lg);text-align:center;width:min(400px,100%);padding:32px 26px}.brand-mark{color:var(--navy);letter-spacing:-.02em;font-size:34px;font-weight:700}.brand-mark span{color:var(--gold)}.eyebrow{letter-spacing:.18em;color:var(--gold);margin-top:4px;font-size:10px;font-weight:700}.login-card h1{color:var(--navy);margin:20px 0 4px;font-size:24px}.login-card p{color:var(--muted);margin:0 0 22px;font-size:14px}.login-card form{text-align:left;gap:14px;display:grid}.login-card label{color:var(--navy);gap:6px;font-size:12px;font-weight:700;display:grid}.login-card input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);padding:13px;font-size:16px}.gold-button{background:var(--gold);color:#fff;border-radius:var(--r-pill);border:0;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:14px 20px;font-size:15px;font-weight:700;display:inline-flex}.gold-button:hover{background:#9c7939}.gold-button:disabled{opacity:.55}.gold-button.small{min-height:42px;padding:11px 16px;font-size:14px}.error{color:var(--red);border-radius:var(--r-sm);background:#fbefec;border:1px solid #f0d5ce;margin:8px 0;padding:10px 12px;font-size:13px}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--navy);color:#fff;padding:12px var(--pad);z-index:20;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.topmark{color:var(--gold);letter-spacing:-.02em;font-size:19px;font-weight:700}.brand strong{white-space:nowrap;font-size:15px;display:block}.brand small{letter-spacing:.16em;color:#9fb0c4;font-size:9px}.top-actions{align-items:center;gap:8px;display:flex}.top-actions button{color:#fff;border-radius:var(--r-pill);background:#ffffff1a;border:0;align-items:center;gap:6px;min-height:38px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.top-actions button:hover{background:#ffffff2e}.logout{text-transform:capitalize}.error-banner{color:var(--red);padding:12px var(--pad);background:#fbefec;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.error-banner button{color:var(--red);background:0 0;border:0;font-weight:700}.toolbar{padding:12px var(--pad);background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.search-wrap{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-pill);min-width:0;color:var(--muted);flex:240px;align-items:center;gap:9px;padding:11px 16px;display:flex}.search-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.count{color:var(--muted);white-space:nowrap;font-size:13px}.ghost{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--navy);align-items:center;gap:7px;min-height:42px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}.ghost:hover{background:#ece8e1}.filters,.select-bar{padding:10px var(--pad);background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters-label,.grid-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.filters select{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--navy);background:var(--soft);max-width:100%;min-height:42px;padding:10px 14px;font-size:14px}.clear-filters{background:var(--gold-soft);border-radius:var(--r-pill);color:#6d5525;border:0;align-items:center;gap:6px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.select-bar{justify-content:space-between}.sel-left{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.sel-left strong{color:var(--navy)}.link-btn{color:var(--gold);background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-size:13px;font-weight:700;display:inline-flex}.link-btn:hover{text-decoration:underline}.sel-right{align-items:center;gap:8px;display:flex}.grid-toggle{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--soft);display:inline-flex;overflow:hidden}.grid-toggle button{color:var(--navy);background:0 0;border:0;align-items:center;gap:5px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.grid-toggle button.active{background:var(--navy);color:#fff}.catalogue{padding:var(--pad);background:var(--ivory);flex:1}.cad-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.cad-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.cad-card.is-selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.card-select{z-index:3;border-radius:var(--r-sm);color:#fff;background:#fffffff0;border:1px solid #12263f2e;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;left:8px}.card-select.on{background:var(--gold);border-color:var(--gold)}.cad-thumb{aspect-ratio:1;background:#eceae5;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cad-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cad-thumb .ph{color:#b9b2a4;place-items:center;width:100%;height:100%;display:grid}.thumb-tags{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex;position:absolute;bottom:7px;right:7px}.view-tag{color:#fff;border-radius:var(--r-pill);background:#12263fd1;align-items:center;gap:4px;padding:3px 9px;font-size:11px;display:inline-flex}.view-tag.product{background:#b08a45f0}.view-tag.render{background:#5d6a85f0}.view-tag.file{background:#1b2430d1}.cad-body{flex-direction:column;gap:6px;padding:11px 12px;display:flex}.cad-title{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cad-title strong{color:var(--navy);cursor:pointer;word-break:break-word;font-size:14px}.card-tools{flex-shrink:0;gap:5px;display:flex}.card-tools button{border:1px solid var(--line);background:var(--soft);border-radius:var(--r-sm);color:var(--navy);align-items:center;min-height:32px;padding:6px 9px;font-size:12px;display:inline-flex}.card-tools .t-del{color:var(--red)}.cad-client{color:var(--muted);word-break:break-word;font-size:12px}.cad-cat{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.cad-keywords{flex-wrap:wrap;gap:4px;display:flex}.cad-keywords span{background:var(--soft);border-radius:var(--r-pill);color:#5f6675;padding:3px 9px;font-size:11px}.cad-files{gap:10px;margin-top:2px;display:flex}.cad-files a{color:var(--gold);align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.img-loading{color:#b9b2a4;place-items:center;height:100%;font-size:20px;display:grid}.empty-state{text-align:center;color:#9a978f;place-items:center;gap:8px;padding:60px 20px;display:grid}.empty-state h2{color:var(--navy);margin:6px 0 0}.modal{border-radius:var(--r-lg);background:var(--paper);overscroll-behavior:contain;border:0;width:min(600px,94vw);max-height:90dvh;padding:0;overflow:auto}.modal.wide{width:min(900px,95vw)}.modal::backdrop{background:#12263f8c}.modal-head{padding:16px var(--pad);border-bottom:1px solid var(--line);background:var(--paper);z-index:6;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.modal-head h2{color:var(--navy);word-break:break-word;margin:0;font-size:18px}.modal-head button{background:var(--soft);border-radius:var(--r-pill);width:36px;height:36px;color:var(--muted);border:0;flex-shrink:0;font-size:22px;line-height:1}.modal form{padding:16px var(--pad) 22px}.modal fieldset{border:0;margin:0;padding:0}.form-grid{grid-template-columns:1fr;gap:12px;display:grid}.modal label{color:var(--navy);gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:grid}.modal label small{color:var(--muted);font-weight:400}.modal label.full{grid-column:1/-1}.modal input,.modal select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);color:var(--ink);width:100%;min-height:46px;padding:12px;font-size:16px;font-weight:400}.modal select:disabled{color:var(--muted);background:#efedea}.upload-row{grid-template-columns:1fr;gap:10px;margin:4px 0 10px;display:grid}.modal .file-drop{border-radius:var(--r-md);color:var(--navy);background:#fbf9f5;border:1px dashed #cfc7b6;align-items:center;gap:10px;margin:0;padding:14px;font-size:13px;font-weight:700;display:flex}.modal .mini-btn{margin:0;display:inline-flex}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-pill);color:#4e5665;align-items:center;gap:5px;padding:5px 7px 5px 12px;font-size:12px;display:inline-flex}.chip button{color:var(--muted);background:0 0;border:0;place-items:center;padding:2px;display:grid}.chip button:hover{color:var(--red)}.picker-stack{gap:14px;margin-bottom:16px;display:grid}.picker{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);padding:12px}.picker-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.picker-label{color:var(--navy);font-size:12px;font-weight:700}.picker-label small{color:var(--muted);font-weight:400}.picker-toggle{border:1px solid var(--line);background:var(--soft);border-radius:var(--r-pill);color:var(--navy);white-space:nowrap;align-items:center;gap:6px;min-height:38px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.picker-toggle.open{background:var(--navy);color:#fff;border-color:var(--navy)}.picker-panel{border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.picker-search{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--soft);width:100%;min-height:42px;margin-bottom:8px;padding:10px 14px;font-size:16px}.picker-options{-webkit-overflow-scrolling:touch;gap:2px;max-height:260px;display:grid;overflow-y:auto}.picker-group{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 4px 4px;font-size:10px;font-weight:700}.picker .opt{color:var(--ink);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:9px;min-height:42px;padding:9px 8px;font-size:14px;font-weight:400;margin:0!important;display:flex!important}.picker .opt:hover{background:var(--soft)}.picker .opt.on{background:var(--gold-soft);font-weight:700}.picker .opt input{width:18px;height:18px;min-height:0;accent-color:var(--gold);flex-shrink:0;margin:0;padding:0}.picker-none{color:var(--muted);padding:12px 4px;font-size:13px}.picker-custom{border-top:1px solid var(--line);gap:8px;margin-top:10px;padding-top:10px;display:flex}.picker-custom input{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--soft);flex:1;min-width:0;min-height:42px;padding:10px 14px;font-size:16px}.picker-custom button{background:var(--navy);color:#fff;border-radius:var(--r-pill);white-space:nowrap;border:0;align-items:center;gap:5px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.detail-top{padding:16px var(--pad);grid-template-columns:1fr;gap:16px;display:grid}.detail-hero{aspect-ratio:1;border-radius:var(--r-md);background:#eceae5;width:100%;max-width:320px;margin:0 auto;overflow:hidden}.detail-hero img{object-fit:cover;width:100%;height:100%}.detail-hero .ph{color:#b9b2a4;place-items:center;width:100%;height:100%;display:grid}.detail-info dl{margin:0}.detail-info dl>div{border-bottom:1px solid var(--line);padding:9px 0}.detail-info dt{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.detail-info dd{color:var(--navy);word-break:break-word;margin:3px 0 0;font-size:14px;font-weight:700}.link-row{flex-direction:column;align-items:stretch;gap:12px;margin-top:14px;display:flex}.link-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.file-link{background:var(--navy);color:#fff;border-radius:var(--r-pill);align-items:center;gap:6px;min-height:42px;padding:11px 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.file-link.disabled{background:var(--soft);color:#a7a49c}.link-box{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--soft);flex:1;align-items:center;min-width:160px;display:flex;overflow:hidden}.link-box input{min-width:0;color:var(--muted);background:0 0;border:0;outline:0;flex:1;padding:10px 12px;font-size:12px}.link-box button{border:0;border-left:1px solid var(--line);color:var(--navy);background:0 0;place-items:center;height:40px;padding:0 14px;display:grid}.link-box button.copied{color:#2d7a62}.edit-details-btn{border:1px solid var(--line);background:var(--soft);color:var(--navy);border-radius:var(--r-pill);min-height:44px;margin-top:14px;padding:11px 18px;font-size:13px;font-weight:700}.section-line{padding:12px var(--pad) 8px;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.section-line h3{color:var(--navy);margin:0;font-size:15px}.mini-actions{flex-wrap:wrap;gap:8px;display:flex}.mini-btn{border:1px solid var(--line);background:var(--soft);border-radius:var(--r-pill);color:var(--navy);align-items:center;gap:6px;min-height:38px;margin:0;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex}.view-grid{padding:4px var(--pad) 16px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.view-cell{aspect-ratio:1;border-radius:var(--r-sm);background:#eceae5;position:relative;overflow:hidden}.view-cell img{object-fit:cover;width:100%;height:100%}.view-cell.is-cover{box-shadow:inset 0 0 0 2px var(--gold)}.cell-badges{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:5px;left:5px}.badge{background:var(--navy);color:#fff;border-radius:var(--r-pill);padding:3px 8px;font-size:9px;font-weight:700}.badge.cover{background:var(--gold);align-items:center;gap:3px;display:inline-flex}.cell-actions{gap:4px;display:flex;position:absolute;top:5px;right:5px}.cell-btn{border-radius:var(--r-pill);color:#fff;background:#12263fd1;border:0;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.cell-btn:hover{background:var(--navy)}.cell-btn.del:hover{background:var(--red)}.cell-btn:disabled{opacity:.5}.empty-note{border-radius:var(--r-md);text-align:center;color:#a7a49c;border:1px dashed #d6d1c6;grid-column:1/-1;padding:22px;font-size:13px}.attach-list{padding:4px var(--pad) 18px;flex-direction:column;gap:7px;display:flex}.attach-row{border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);align-items:center;gap:10px;padding:10px 12px;display:flex}.attach-name{min-width:0;color:var(--navy);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.attach-name:hover{color:var(--gold);text-decoration:underline}.attach-meta{color:var(--muted);white-space:nowrap;font-size:11px}.attach-row .cell-btn{opacity:1;position:static}.account-toolbar{padding:0 var(--pad);justify-content:space-between;align-items:center;gap:10px;display:flex}.account-toolbar button{background:var(--navy);color:#fff;border-radius:var(--r-pill);border:0;min-height:42px;padding:11px 15px;font-size:13px;font-weight:700}.account-list{padding:12px var(--pad);gap:7px;display:grid}.account-list button{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:48px;padding:12px;display:grid}.account-list button.selected{border-color:var(--gold);background:#fbf7ee}.account-list .ok{color:#2d7a62;font-size:12px;font-weight:700}.account-list .off{color:var(--red);font-size:12px;font-weight:700}.modal h3{padding:0 var(--pad);color:var(--navy);margin:10px 0;font-size:16px}.modal p{padding:0 var(--pad);color:var(--muted);font-size:13px}.modal form p{padding:0}.toggle{flex-direction:row;align-items:center;gap:8px;display:flex!important}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.danger{color:var(--red);border-radius:var(--r-pill);background:#fbefec;border:0;min-height:46px;padding:13px 18px;font-size:14px;font-weight:700}.ok-note{color:#2d7a62;border-radius:var(--r-sm);background:#eef7f2;padding:10px 12px;font-size:13px}@media (width>=700px){:root{--pad:22px}.cad-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.form-grid{grid-template-columns:1fr 1fr}.upload-row{grid-template-columns:repeat(2,1fr)}.picker-stack{grid-template-columns:1fr 1fr}.view-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.link-row{flex-flow:wrap}.link-line{flex:1;min-width:260px}}@media (width>=900px){.detail-top{grid-template-columns:280px 1fr;gap:20px}.detail-hero{max-width:none;margin:0}.upload-row{grid-template-columns:repeat(4,1fr)}}@media (width<=699px){.modal,.modal.wide{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;top:0;left:0}.modal-head h2{font-size:17px}.toolbar{gap:8px;padding-bottom:10px}.toolbar-right{gap:6px;width:100%}.toolbar-right .ghost{flex:1;justify-content:center;gap:5px;padding:10px 4px;font-size:12px}.toolbar-right .gold-button{flex:1 0 100%;justify-content:center}.count{order:-1;width:100%;font-size:12px}.filters{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters-label{display:none}.filters select,.clear-filters{flex:none;padding:9px 13px;font-size:13px}.select-bar{gap:8px}.sel-hint{display:none}.sel-right{margin-left:auto}.grid-lbl,.brand small{display:none}.cad-title{flex-direction:column;align-items:stretch;gap:8px}.card-tools{justify-content:flex-end}.card-tools button{flex:1;justify-content:center;padding:7px 8px}.thumb-tags{gap:4px}.view-tag{padding:2px 7px;font-size:10px}.picker-options{max-height:220px}}.ai-row{border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.ai-row small{color:var(--muted);flex:1;min-width:160px;font-size:12px}.ai-btn{background:var(--navy);color:#fff;border-radius:var(--r-pill);border:0;align-items:center;gap:7px;min-height:44px;padding:11px 16px;font-size:13px;font-weight:700;display:inline-flex}.ai-btn:disabled{opacity:.5}.mini-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.spec-block{padding:4px var(--pad) 20px}.spec-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px;display:grid}.spec-summary>div{border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);padding:10px 12px}.spec-summary dt,.spec-desc dt{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.spec-summary dd,.spec-desc dd{color:var(--navy);word-break:break-word;margin:4px 0 0;font-size:14px;font-weight:700}.spec-table-wrap{border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto}.spec-table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px}.spec-table th{background:var(--navy);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:9px 11px;font-size:11px}.spec-table td{border-top:1px solid var(--line);color:var(--ink);white-space:nowrap;padding:9px 11px}.spec-table tbody tr:nth-child(2n){background:var(--soft)}.spec-desc{border:1px solid var(--line);border-radius:var(--r-md);margin-top:12px;padding:10px 12px}.spec-desc dd{color:var(--ink);white-space:pre-wrap;font-size:13px;font-weight:400}.spec-meta{color:var(--muted);margin:10px 0 0;padding:0;font-size:11px}.warn-note{color:#7a5a1e;border-radius:var(--r-sm);background:#fbf3e2;border:1px solid #ecdcba;margin:10px 0 0;padding:9px 11px;font-size:12px}.spec-block .empty-note{grid-column:auto}.cell-open,.hero-open{background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.cell-open img,.hero-open img{object-fit:cover;width:100%;height:100%;display:block}.cell-zoom{border-radius:var(--r-pill);color:#fff;opacity:0;background:#12263fb8;place-items:center;width:26px;height:26px;transition:opacity .12s;display:grid;position:absolute;bottom:6px;right:6px}.view-cell:hover .cell-zoom,.detail-hero:hover .cell-zoom{opacity:1}.lightbox{z-index:100;background:#090f18f2;flex-direction:column;display:flex;position:fixed;inset:0}.lb-head{padding:12px var(--pad);color:#fff;align-items:center;gap:12px;display:flex}.lb-label{letter-spacing:.04em;text-transform:uppercase;color:var(--gold-soft);font-size:13px;font-weight:700}.lb-count{color:#c3cbd6;margin-left:auto;font-size:13px}.lb-close{border-radius:var(--r-pill);color:#fff;background:#ffffff24;border:0;place-items:center;width:42px;height:42px;display:grid}.lb-close:hover{background:#ffffff42}.lb-stage{min-height:0;padding:0 var(--pad) calc(var(--pad) + 8px);flex:1;place-items:center;display:grid;position:relative}.lb-stage img{object-fit:contain;border-radius:var(--r-sm);width:auto;max-width:100%;height:auto;max-height:100%}.lb-stage .img-loading{color:#8f9aa8}.lb-nav{border-radius:var(--r-pill);color:#fff;background:#ffffff24;border:0;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#ffffff47}.lb-nav.prev{left:6px}.lb-nav.next{right:6px}@media (width<=699px){.cell-zoom{opacity:1}.lb-nav{background:#fff3;width:46px;height:46px}.lb-stage{padding:0 4px 12px}}.spec-source{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--soft);color:var(--navy);max-width:220px;min-height:38px;padding:9px 12px;font-size:12px;font-weight:700}.chat-block{border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);margin-top:16px;padding:12px}.chat-head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.rule-list{gap:6px;margin-bottom:10px;display:grid}.rule-row{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.rule-row span{flex:1}.chat-log{gap:8px;max-height:320px;margin-bottom:10px;display:grid;overflow-y:auto}.chat-msg{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:9px 12px}.chat-msg.user{background:#eef1f6}.chat-who{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10px;font-weight:700}.chat-msg p{color:var(--ink);white-space:pre-wrap;margin:4px 0 0;padding:0;font-size:13px}.chat-flag{color:#2d7a62;border-radius:var(--r-pill);background:#eef7f2;align-items:center;gap:5px;margin-top:7px;margin-right:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.chat-flag.rule{color:#6d5525;background:var(--gold-soft)}.chat-input{gap:8px;display:flex}.chat-input input{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);flex:1;min-width:0;min-height:44px;padding:11px 15px;font-size:16px}