.ship-pack-preview{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070d;color:#d8e6ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ship-pack-preview__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.ship-pack-preview__panel{position:absolute;top:12px;left:12px;width:min(360px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:auto;border:1px solid rgba(103,143,204,.35);border-radius:8px;background:#080e18e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 50px #0000005c}.ship-pack-preview__header{padding:12px 14px 10px;border-bottom:1px solid rgba(103,143,204,.22)}.ship-pack-preview__title{margin:0;color:#78d9ff;font-size:15px;line-height:1.2;font-weight:800}.ship-pack-preview__meta{margin-top:5px;color:#d8e6ffb8;font-size:11px}.ship-pack-preview__controls{display:grid;gap:12px;padding:12px 14px 14px}.ship-pack-preview__label{display:grid;gap:5px;color:#d8e6ffc7;font-size:11px;font-weight:700;text-transform:uppercase}.ship-pack-preview__select,.ship-pack-preview__search{width:100%;min-height:36px;border:1px solid rgba(103,143,204,.38);border-radius:6px;background:#03070eeb;color:#edf6ff;font:inherit;font-size:13px;outline:none;padding:0 10px}.ship-pack-preview__select:focus,.ship-pack-preview__search:focus{border-color:#78d9ffe6;box-shadow:0 0 0 2px #78d9ff1f}.ship-pack-preview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;max-height:224px;overflow:auto;padding-right:2px}.ship-pack-preview__model-button{min-height:34px;border:1px solid rgba(103,143,204,.32);border-radius:6px;background:#101b2ec7;color:#d8e6ff;cursor:pointer;font-size:12px}.ship-pack-preview__model-button:hover{border-color:#78d9ffa6}.ship-pack-preview__model-button--active{border-color:#78d9ff;background:#23688f85;color:#fff}.ship-pack-preview__row{display:flex;align-items:center;gap:10px;min-height:32px;color:#d8e6ffdb;font-size:12px}.ship-pack-preview__row input[type=color]{width:34px;height:28px;border:1px solid rgba(103,143,204,.38);border-radius:6px;background:transparent;padding:0}.ship-pack-preview__path{position:absolute;right:12px;bottom:12px;max-width:min(760px,calc(100vw - 24px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(103,143,204,.28);border-radius:6px;background:#080e18b8;color:#d8e6ffc7;padding:7px 10px;font-size:11px}.ship-pack-preview__loading,.ship-pack-preview__error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(103,143,204,.35);border-radius:8px;background:#080e18db;color:#d8e6ff;padding:10px 14px;font-size:13px}.ship-pack-preview__error{border-color:#ff5d5d8c;color:#ffd7d7}@media (max-width: 680px){.ship-pack-preview__panel{right:12px;width:auto;max-height:42svh}.ship-pack-preview__path{display:none}}
