.bundle-composer-shell{height:100dvh;overflow:hidden}.bundle-composer-shell .ed-body{min-height:0;overflow:hidden}.bundle-composer-shell .ed-rail{position:relative;z-index:20}.bundle-composer-shell .ed-rail-btn{position:relative}.bundle-composer-shell .ed-rail-btn:hover{background:color-mix(in srgb,var(--brand-2) 7%,var(--panel));color:var(--brand-2)}.bundle-composer-shell .ed-rail-btn.on{background:color-mix(in srgb,var(--brand-2) 10%,var(--panel));color:var(--brand-2)}.bundle-composer-shell .ed-rail-btn.on:before{position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--brand-2);content:""}.bundle-composer-shell .ed-rail-btn.on .ed-rail-icon,.bundle-composer-shell .ed-rail-btn.on .ed-rail-label,.bundle-composer-shell .ed-rail-btn:hover .ed-rail-icon,.bundle-composer-shell .ed-rail-btn:hover .ed-rail-label{color:var(--brand-2)}.bundle-composer-shell .ed-body>.ed-slide-panel{z-index:12}.bundle-composer-shell .bundle-mobile-toolbar{display:none}.bundle-composer-shell .bundle-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:176px;padding:20px;border:1px dashed var(--line-2);border-radius:10px;background:var(--surface-subtle, #fafafa);text-align:center;color:var(--ink-2);cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.bundle-composer-shell .bundle-upload-dropzone:hover{border-color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 8%,var(--panel));color:var(--brand-2)}.bundle-composer-shell .bundle-upload-dropzone.is-dragging{border:2px solid var(--brand-2);background:color-mix(in srgb,var(--brand-2) 16%,var(--panel));color:var(--brand-2)}.bundle-composer-shell .bundle-upload-dropzone strong,.bundle-composer-shell .bundle-upload-dropzone small{display:block}.bundle-composer-shell .bundle-upload-dropzone strong{font-size:14px}.bundle-composer-shell .bundle-upload-dropzone small{font-size:12px;color:var(--ink-3)}.bundle-composer-shell .bundle-upload-dropzone:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-2) 25%,transparent)}.bundle-composer-shell .bundle-browse-files{color:var(--brand-2)}.bundle-composer-shell .bundle-upload-dropzone.is-disabled{opacity:.48;cursor:not-allowed}.bundle-composer-shell .bundle-product-card.is-selected{border-color:var(--line);background:color-mix(in srgb,var(--brand-2) 6%,var(--panel))}.bundle-composer-shell .bundle-product-card-image{position:relative;display:grid;width:72px;height:72px;flex:none;place-items:center;padding:5px;overflow:hidden;border-radius:10px;background:var(--surface-subtle, #fafafa)}.bundle-composer-shell .bundle-product-card-image>img{position:absolute;inset:5px;display:block;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;max-height:calc(100% - 10px)!important;object-fit:contain!important;object-position:center}.bundle-composer-shell .bundle-instance-toolbar button{display:flex;min-height:32px;align-items:center;gap:7px;padding:6px 8px;border-radius:7px;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.bundle-composer-shell .bundle-instance-toolbar button:hover:not(:disabled){background:var(--paper)}.bundle-composer-shell .bundle-instance-toolbar button:disabled{cursor:not-allowed;opacity:.45}.bundle-composer-shell .bundle-instance-toolbar .is-danger{color:#dc2626}.bundle-composer-shell .bundle-product-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:3px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}.bundle-composer-shell .bundle-product-actions>.tip-wrap{flex:none}.bundle-composer-shell .bundle-product-actions>.tip-wrap .tip-bubble{width:max-content;max-width:min(220px,calc(100vw - 24px));text-align:left;white-space:normal}.bundle-composer-shell .bundle-product-action{display:inline-flex;min-height:30px;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;color:var(--ink-2);font-size:var(--editor-type-label, 12px);font-weight:800;line-height:1;white-space:nowrap}.bundle-composer-shell .bundle-product-action:hover:not(:disabled){background:var(--paper)}.bundle-composer-shell .bundle-product-action.is-recommended{color:var(--brand-1)}.bundle-composer-shell .bundle-product-status-tag{display:inline-flex;flex:none;align-items:center;min-height:20px;padding:2px 6px;border:1px solid color-mix(in srgb,#16a36a 24%,transparent);border-radius:999px;background:color-mix(in srgb,#16a36a 10%,var(--panel));color:#16734f;font-size:var(--editor-type-meta, 10px);font-weight:800;line-height:1;white-space:nowrap}.bundle-composer-shell .bundle-product-action.is-danger{color:#dc2626}.bundle-composer-shell .bundle-product-action:disabled{cursor:not-allowed;opacity:.48}.bundle-composer-shell .bundle-instance-toolbar{position:absolute;top:12px;right:12px;z-index:6;display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 6px 18px #17132724}.bundle-composer-shell .bundle-history-filters{display:flex;gap:5px;margin:0 0 14px;overflow-x:auto;padding-bottom:2px}.bundle-composer-shell .bundle-history-new-button{min-height:40px;margin-bottom:14px;box-shadow:0 5px 14px color-mix(in srgb,var(--brand-2) 18%,transparent)}.bundle-composer-shell .bundle-history-filters button{flex:none;min-height:30px;padding:0 9px;border-radius:999px;color:var(--ink-3);font-size:12px;font-weight:700}.bundle-composer-shell .bundle-history-filters button:hover{background:var(--paper)}.bundle-composer-shell .bundle-history-filters button.on{color:var(--brand-1);background:color-mix(in srgb,var(--brand-2) 12%,var(--panel))}.bundle-composer-shell .bundle-history-sort{margin:0 0 8px;color:var(--ink-3);font-size:var(--editor-type-help, 11px);font-weight:800;letter-spacing:.05em;text-transform:uppercase}.bundle-composer-shell .bundle-history-card{position:relative;display:flex;gap:10px;min-height:88px;padding:10px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--panel);transition:border-color .15s ease,background .15s ease}.bundle-composer-shell .bundle-history-card:hover{border-color:color-mix(in srgb,var(--brand-2) 50%,var(--line));background:var(--paper)}.bundle-composer-shell .bundle-history-card.is-current{border-left:3px solid var(--brand-2);background:color-mix(in srgb,var(--brand-2) 6%,var(--panel))}.bundle-composer-shell .bundle-history-thumb{position:relative;display:grid;width:64px;height:64px;flex:none;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:9px;background-color:#fff;background-image:linear-gradient(45deg,#eef0f2 25%,transparent 25%),linear-gradient(-45deg,#eef0f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0f2 75%),linear-gradient(-45deg,transparent 75%,#eef0f2 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.bundle-composer-shell .bundle-history-thumb img{position:relative;z-index:1;width:calc(100% - 8px);height:calc(100% - 8px);max-width:calc(100% - 8px);max-height:calc(100% - 8px);object-fit:contain!important;object-position:center}.bundle-composer-shell .bundle-history-thumb-fallback{position:absolute;color:var(--ink-3)}.bundle-composer-shell .bundle-status-tag{display:inline-flex;padding:2px 6px;border-radius:999px;font-size:var(--editor-type-help, 11px);font-weight:800;line-height:1.35}.bundle-composer-shell .bundle-status-tag.is-draft{color:#8a5a00;background:#fff5d8}.bundle-composer-shell .bundle-status-tag.is-published{color:#16734f;background:#dcf7e9}.bundle-composer-shell .bundle-status-tag.is-archived{color:var(--ink-3);background:var(--paper)}.bundle-composer-shell .bundle-history-download,.bundle-composer-shell .bundle-history-more{display:grid;width:30px;height:30px;place-items:center;border-radius:7px;color:var(--ink-2)}.bundle-composer-shell .bundle-history-download:hover:not(:disabled),.bundle-composer-shell .bundle-history-more:hover{color:var(--brand-1);background:color-mix(in srgb,var(--brand-2) 10%,var(--panel))}.bundle-composer-shell .bundle-history-download:disabled{opacity:.38;cursor:not-allowed}.bundle-composer-shell .bundle-history-menu{position:absolute;top:42px;right:8px;z-index:12;display:grid;min-width:165px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 10px 24px #17132729}.bundle-composer-shell .bundle-history-menu button{min-height:32px;padding:6px 8px;border-radius:7px;color:var(--ink);text-align:left;font-size:12px;font-weight:700}.bundle-composer-shell .bundle-history-menu button:hover:not(:disabled){background:var(--paper)}.bundle-composer-shell .bundle-history-menu button:disabled{color:var(--ink-3);cursor:not-allowed}.bundle-composer-shell .bundle-history-menu hr{margin:4px 2px;border:0;border-top:1px solid var(--line)}.bundle-composer-shell .bundle-history-menu .is-danger{color:#dc2626}.bundle-composer-shell .bundle-canvas{min-height:0;padding:40px;background:var(--bg)}.bundle-composer-shell .bundle-top-result-button{position:relative;border-color:color-mix(in srgb,var(--brand-2) 42%,var(--line));color:var(--brand-1);background:var(--panel)}.bundle-composer-shell .bundle-top-result-button:hover:not(:disabled){border-color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 8%,var(--panel))}.bundle-composer-shell .bundle-top-action-label-short{display:none}.bundle-composer-shell .bundle-result-stale-dot{width:7px;height:7px;flex:none;border-radius:999px;background:#d97706;box-shadow:0 0 0 2px var(--panel)}.bundle-composer-shell .bundle-result-dialog{display:flex;width:min(960px,100%);max-height:min(820px,calc(100dvh - 32px));flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:20px;background:var(--panel);box-shadow:0 28px 80px #17132747}.bundle-composer-shell .bundle-result-dialog-head{display:flex;min-height:76px;flex:none;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line)}.bundle-composer-shell .bundle-result-dialog-head h2{margin-top:2px;color:var(--ink);font-family:var(--font-display);font-size:21px;font-weight:800}.bundle-composer-shell .bundle-result-dialog-eyebrow{color:var(--brand-1);font-size:var(--editor-type-meta, 10px);font-weight:900;letter-spacing:.09em;text-transform:uppercase}.bundle-composer-shell .bundle-result-dialog-close{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--ink-2)}.bundle-composer-shell .bundle-result-dialog-close:hover:not(:disabled){color:var(--ink);background:var(--paper)}.bundle-composer-shell .bundle-result-dialog-close:disabled{opacity:.38;cursor:not-allowed}.bundle-composer-shell .bundle-result-dialog-loading,.bundle-composer-shell .bundle-result-dialog-error{display:grid;min-height:420px;place-items:center;padding:32px;text-align:center}.bundle-composer-shell .bundle-result-dialog-loading>div{width:min(390px,100%)}.bundle-composer-shell .bundle-result-dialog-error{align-content:center}.bundle-composer-shell .bundle-result-dialog-error-icon{display:grid;width:54px;height:54px;margin:0 auto 14px;place-items:center;border-radius:16px;color:#b42318;background:#fff1f0}.bundle-composer-shell .bundle-result-dialog-error h3{color:var(--ink);font-family:var(--font-display);font-size:20px;font-weight:800}.bundle-composer-shell .bundle-result-dialog-error>p{max-width:480px;margin-top:7px;color:var(--ink-3);font-size:14px;line-height:1.6}.bundle-composer-shell .bundle-result-dialog-error-actions{display:flex;justify-content:center;gap:8px;margin-top:22px}.bundle-composer-shell .bundle-result-dialog-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0;overflow:hidden}.bundle-composer-shell .bundle-result-modal-stage{display:grid;min-width:0;min-height:0;place-items:center;overflow:auto;padding:28px;background:var(--bg)}.bundle-composer-shell .bundle-result-modal-image-wrap{display:grid;width:100%;min-height:300px;place-items:center;padding:24px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background-color:#fff;background-image:linear-gradient(45deg,#eef0f2 25%,transparent 25%),linear-gradient(-45deg,#eef0f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0f2 75%),linear-gradient(-45deg,transparent 75%,#eef0f2 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;box-shadow:0 12px 34px #1713271f}.bundle-composer-shell .bundle-result-modal-image-wrap img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 190px);object-fit:contain}.bundle-composer-shell .bundle-result-modal-panel{display:flex;min-height:0;flex-direction:column;gap:18px;overflow-y:auto;padding:22px;border-left:1px solid var(--line);background:var(--panel)}.bundle-composer-shell .bundle-result-modal-panel h3{color:var(--ink);font-family:var(--font-display);font-size:19px;font-weight:800}.bundle-composer-shell .bundle-result-created,.bundle-composer-shell .bundle-result-credit-note{margin-top:4px;color:var(--ink-3);font-size:12px;line-height:1.5}.bundle-composer-shell .bundle-result-stale{display:grid;gap:4px;padding:12px;border:1px solid #f5d98c;border-radius:10px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.45}.bundle-composer-shell .bundle-result-details{display:grid;gap:0;border-top:1px solid var(--line)}.bundle-composer-shell .bundle-result-details>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.bundle-composer-shell .bundle-result-details dt{color:var(--ink-3)}.bundle-composer-shell .bundle-result-details dd{color:var(--ink);font-weight:800;text-align:right}.bundle-composer-shell .bundle-result-actions{display:grid;gap:8px;margin-top:auto}.bundle-composer-shell .bundle-result-actions .btn{width:100%;justify-content:center}.bundle-composer-shell .bundle-artboard{position:relative;flex:none;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background-color:#fff;background-image:linear-gradient(45deg,#f6f6f7 25%,transparent 25%),linear-gradient(-45deg,#f6f6f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f6f6f7 75%),linear-gradient(-45deg,transparent 75%,#f6f6f7 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;box-shadow:0 10px 34px #17132724}.bundle-composer-shell .bundle-empty-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:28px}.bundle-composer-shell .bundle-empty-card{max-width:360px;padding:20px;border:0;border-radius:16px;background:color-mix(in srgb,white 55%,transparent);text-align:center}.bundle-composer-shell .bundle-canvas.is-file-dragging{box-shadow:inset 0 0 0 2px var(--brand-2)}.bundle-composer-shell .bundle-canvas-drop-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;border:2px solid var(--brand-2);background:color-mix(in srgb,var(--brand-2) 14%,transparent);color:var(--brand-2);font-size:16px;font-weight:800;pointer-events:none}.bundle-composer-shell .bundle-read-only{position:absolute;top:16px;left:50%;z-index:4;transform:translate(-50%);border-radius:999px;background:#fffbeb;padding:6px 12px;font-size:12px;font-weight:700;color:#a16207}.bundle-composer-shell .bundle-upload-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#17132794;backdrop-filter:blur(2px)}.bundle-composer-shell .bundle-upload-dialog{width:min(460px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:20px;background:var(--panel);box-shadow:0 28px 80px #1713274d}.bundle-composer-shell .bundle-upload-dialog-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.bundle-composer-shell .bundle-upload-dialog-icon,.bundle-composer-shell .bundle-upload-file-icon{display:grid;flex:none;place-items:center;color:var(--brand-1);background:color-mix(in srgb,var(--brand-2) 12%,var(--panel))}.bundle-composer-shell .bundle-upload-dialog-icon{width:42px;height:42px;border-radius:12px}.bundle-composer-shell .bundle-upload-dialog-eyebrow{color:var(--brand-1);font-size:var(--editor-type-meta, 10px);font-weight:900;letter-spacing:.09em;text-transform:uppercase}.bundle-composer-shell .bundle-upload-dialog-head h2{margin-top:2px;color:var(--ink);font-family:var(--font-display);font-size:20px;font-weight:800}.bundle-composer-shell .bundle-upload-dialog-body{padding:22px 20px 20px}.bundle-composer-shell .bundle-upload-file-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.bundle-composer-shell .bundle-upload-file-icon{width:38px;height:38px;border-radius:10px}.bundle-composer-shell .bundle-upload-percentage{flex:none;color:var(--brand-1);font-size:13px;font-weight:900}.bundle-composer-shell .bundle-upload-progress{height:8px;margin-top:20px;overflow:hidden;border-radius:999px;background:var(--paper)}.bundle-composer-shell .bundle-upload-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));transition:width .2s ease}.bundle-composer-shell .bundle-upload-progress.is-indeterminate>div{width:38%;animation:bundle-upload-progress 1.15s ease-in-out infinite}.bundle-composer-shell .bundle-upload-stage-copy{margin-top:10px;color:var(--ink-3);font-size:12px;line-height:1.5;text-align:center}.bundle-composer-shell .bundle-upload-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.bundle-composer-shell .bundle-upload-dialog-error>p{color:var(--ink-2);font-size:14px;line-height:1.6}.bundle-composer-shell .bundle-upload-error-message{margin-top:14px;border:1px solid #fecaca;border-radius:12px;padding:11px 12px;color:#b42318;background:#fff1f0;font-size:13px;font-weight:700;line-height:1.5}@keyframes bundle-upload-progress{0%{transform:translate(-120%)}to{transform:translate(285%)}}@media(prefers-reduced-motion:reduce){.bundle-composer-shell .bundle-upload-progress.is-indeterminate>div{animation-duration:2.4s}}.bundle-composer-shell .bundle-toast{position:fixed;top:74px;right:20px;z-index:70;max-width:min(440px,calc(100vw - 40px));box-shadow:0 10px 28px #17132729}@media(min-width:768px){.bundle-composer-shell .ed-body>.ed-slide-panel{left:72px}}@media(max-width:767px){.bundle-composer-shell .ed-rail{display:none}.bundle-composer-shell .bundle-mobile-toolbar{display:flex}.bundle-composer-shell .ed-slide-panel{top:auto;left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:100%;max-height:min(calc(72dvh - 84px),536px);border-right:0;border-top:1px solid transparent;transform:translateY(100%)}.bundle-composer-shell .ed-slide-panel[data-open=true]{border-top-color:var(--line);transform:translateY(0);box-shadow:0 -8px 28px #1713271f}.bundle-composer-shell .ed-top{height:auto;min-height:60px;padding-inline:10px}.bundle-composer-shell .bundle-canvas{padding:20px}.bundle-composer-shell .bundle-instance-toolbar{right:4px;left:4px;justify-content:space-between;gap:2px;padding:3px}.bundle-composer-shell .bundle-instance-toolbar button{min-width:0;min-height:30px;gap:3px;padding:4px;font-size:10px}.bundle-composer-shell .bundle-instance-toolbar button svg{width:12px;height:12px}.bundle-composer-shell .bundle-result-dialog{max-height:calc(100dvh - 24px);border-radius:16px}.bundle-composer-shell .bundle-result-dialog-head{min-height:66px;padding:12px 14px}.bundle-composer-shell .bundle-result-dialog-head h2{font-size:18px}.bundle-composer-shell .bundle-result-dialog-loading,.bundle-composer-shell .bundle-result-dialog-error{min-height:360px;padding:24px 18px}.bundle-composer-shell .bundle-result-dialog-grid{display:flex;flex-direction:column;overflow-y:auto}.bundle-composer-shell .bundle-result-modal-stage{min-height:280px;flex:none;overflow:visible;padding:16px}.bundle-composer-shell .bundle-result-modal-image-wrap{min-height:240px;padding:16px}.bundle-composer-shell .bundle-result-modal-image-wrap img{max-height:40dvh}.bundle-composer-shell .bundle-result-modal-panel{overflow:visible;padding:18px;border-top:1px solid var(--line);border-left:0}.bundle-composer-shell .bundle-result-dialog-error-actions{width:100%;flex-direction:column}.bundle-composer-shell .bundle-result-dialog-error-actions .btn{width:100%;justify-content:center}.bundle-composer-shell .bundle-upload-overlay{padding:16px}.bundle-composer-shell .bundle-upload-dialog{border-radius:16px}.bundle-composer-shell .bundle-upload-dialog-head{padding:15px 16px}.bundle-composer-shell .bundle-upload-dialog-head h2{font-size:18px}.bundle-composer-shell .bundle-upload-dialog-body{padding:18px 16px 16px}.bundle-composer-shell .bundle-upload-dialog-actions{flex-direction:column}.bundle-composer-shell .bundle-upload-dialog-actions .btn{width:100%;justify-content:center}.bundle-composer-shell .bundle-artboard{box-shadow:0 6px 20px #1713271f}.bundle-composer-shell .bundle-toast{top:70px;right:12px}}@media(max-width:420px){.bundle-composer-shell .ed-top>.flex:last-child{gap:4px}.bundle-composer-shell .bundle-top-new-button,.bundle-composer-shell .bundle-top-result-button,.bundle-composer-shell .bundle-top-generate-button{padding-inline:8px}.bundle-composer-shell .bundle-top-action-label-full{display:none}.bundle-composer-shell .bundle-top-action-label-short{display:inline}}