:root{--bb-web-sidebar:252px}
@media(min-width:901px){.workspace{grid-template-columns:var(--bb-web-sidebar) minmax(0,1fr)!important}.sidebar{width:var(--bb-web-sidebar)!important;position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;overflow:auto!important;z-index:60!important}.main-shell{grid-column:2!important}.sidebar nav a{font-size:14px!important;padding:15px 18px!important}.sidebar .brand{padding:27px 23px!important}.sidebar nav{padding:0 16px!important}}
.studio-modal{position:fixed;inset:18px;width:calc(100vw - 36px);height:calc(100dvh - 36px);max-width:1920px;max-height:none;margin:auto;padding:0;border:1px solid #e1d6c2;border-radius:16px;background:#faf8f4;color:#344048;overflow:hidden;box-shadow:0 18px 80px #70634d35;color-scheme:light}
.studio-modal,.studio-modal *{box-sizing:border-box}.studio-modal[open]{display:flex;flex-direction:column}.studio-modal::backdrop{background:#eee9dfb8;backdrop-filter:blur(4px)}
.studio-modal-header{display:flex;align-items:center;gap:22px;flex:none;padding:14px 22px;border-bottom:1px solid #e7dfd0;background:#fffdf9;font:12px/1.5 "Microsoft YaHei",sans-serif}.studio-modal-header h2{font-size:18px;font-weight:700;margin:0}.studio-modal-header span{color:#92816a}.studio-modal-header button{margin-left:auto;background:white;color:#806537;border:1px solid #e0d3bb;border-radius:7px;padding:8px 14px;cursor:pointer}
.studio-modal-content{display:flex;flex:1;min-height:0;overflow:hidden}.web-studio-shell{display:flex;flex:1;min-width:0;min-height:0;background:#faf8f4;overflow:hidden}
.web-studio-queue{display:flex;flex-direction:column;gap:12px;width:224px;padding:18px 12px;background:#fffdf8;color:#796443;font:12px/1.5 "Microsoft YaHei",sans-serif;flex:none;border-right:1px solid #e7dfd0;min-height:0}
.web-studio-queue h2{font-size:14px!important;font-weight:600;margin:0 6px}.web-studio-queue p{margin:0 6px;color:#988773;font-size:11px}.web-studio-queue label{display:flex;gap:6px;margin:0 6px}.web-studio-queue>button{border:1px solid #e2d6c0;padding:8px 10px;border-radius:6px;background:white;white-space:nowrap;color:#796443;cursor:pointer}.studio-products{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain}
.studio-product{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px!important;margin:0 0 10px;border:1px solid #e5dccd;border-radius:9px;background:white;color:#344048;cursor:pointer;font:12px/1.4 "Microsoft YaHei",sans-serif;white-space:normal!important}.studio-product.selected{background:#f4ecd9;border-color:#b68b43}.studio-product>span{min-width:0}.studio-product strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;overflow-wrap:anywhere}.studio-product small{display:block!important;font-size:10px;color:#948571!important;margin-top:5px}.studio-product img{width:48px;height:64px;object-fit:cover;flex:none;border-radius:5px}
.studio-frame-area{position:relative;flex:1;min-width:0;min-height:0}.studio-engine-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#faf8f4;padding:30px;color:#8b7450;z-index:1;font-size:14px}
.studio-modal-loading{display:flex;width:100%;min-height:0}.studio-loading-products{width:224px;flex:none;overflow:auto;border-right:1px solid #e7dfd0;padding:22px 12px;background:#fffdf8}.studio-loading-products>strong{display:block;margin:0 6px 16px;font-size:14px}.studio-loading-product{padding:12px;margin-bottom:10px;background:#f4ecd9;border:1px solid #e4d4b4;border-radius:9px;font-size:12px}.studio-loading-product strong{display:block}.studio-loading-product small{display:block;color:#958269;margin-top:8px}.studio-loading-main{flex:1;padding:40px;font-size:13px;color:#8a775e}.studio-loading-main h3{color:#344048;font-size:24px}.studio-loading-main [role=alert]{color:#b54339}
.record-card{background:white;border:1px solid #e5ddce;border-radius:10px;margin:15px 0;overflow:hidden}.record-card header{display:flex;gap:14px;align-items:center;padding:15px 18px;background:#f7f3eb}.record-card header h2{font-size:15px;flex:1;margin:0}.record-card small{color:#948572}.record-card table{width:100%;border-collapse:collapse}.record-card td,.record-card th{padding:12px 18px;border-top:1px solid #eee7da;text-align:left;font-size:12px}.record-card td img{width:45px;height:53px;object-fit:cover;border-radius:5px;margin-right:10px;vertical-align:middle}.record-card td code{font-size:10px;overflow-wrap:anywhere}.record-status{display:inline-block;padding:4px 8px;border-radius:5px;background:#f0e7d4;color:#89662e}.record-status[data-status=imported],.record-status[data-status=submitted]{background:#e4f1e7;color:#3a7252}.record-status[data-status=failed],.record-status[data-status=attention],.record-status[data-status=unknown]{background:#fae9e5;color:#a54d43}.records-history{width:100%;height:calc(100vh - 190px);border:1px solid #e7dece;border-radius:10px;background:#fff}
@media(max-width:900px){:root{--bb-web-sidebar:190px}.studio-modal{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.web-studio-queue,.studio-loading-products{width:175px}.studio-modal-header span{display:none}.studio-product img{width:36px;height:48px}}