.order-connection-notice[data-v-b1776421]{position:fixed;z-index:150;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(520px,calc(100% - 24px));padding:14px 16px;border:1px solid #dfbc86;border-radius:8px;background:#fff9ec;color:#66481e;box-shadow:0 3px 16px #0002}p[data-v-b1776421]{margin:0 0 10px;font-size:14px;line-height:1.6}button[data-v-b1776421]{font-size:14px;font-weight:600;padding:8px 12px;border:0;border-radius:4px;background:#725124;color:#fff}button[data-v-b1776421]:disabled{opacity:.6}.order-entry-brand[data-v-3c2ef63f]:before,.order-entry-brand[data-v-3c2ef63f]:after{display:none}.order-entry-brand[data-v-3c2ef63f]{width:100%;min-width:0;flex-shrink:0}.brand-gallery[data-v-3c2ef63f]{position:absolute;inset:0;width:100%;height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.brand-gallery[data-v-3c2ef63f]::-webkit-scrollbar{display:none}.brand-slide[data-v-3c2ef63f]{position:relative;flex:0 0 100%;width:100%;min-width:0;max-width:100%;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#101112}.order-entry-brand .brand-gallery-image[data-v-3c2ef63f]{position:absolute;inset:0;display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center}.brand-shade[data-v-3c2ef63f]{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(0 0 0 / 50%),transparent 42%,transparent 65%,rgb(0 0 0 / 40%))}.order-entry-brand .order-entry-wordmark[data-v-3c2ef63f]{z-index:2;right:20px;color:#fff;pointer-events:none;text-shadow:0 1px 4px #0008;overflow-wrap:anywhere}.order-entry-brand .order-entry-wordmark--art[data-v-3c2ef63f]{top:calc(12px + var(--safe-top));right:20px;left:auto;line-height:0}.brand-wordmark-art[data-v-3c2ef63f]{display:block;width:144px;height:auto;filter:drop-shadow(0 1px 3px #0005)}.brand-gallery-dots[data-v-3c2ef63f]{position:absolute;z-index:2;bottom:8px;left:50%;transform:translate(-50%);display:flex}.brand-gallery-dots button[data-v-3c2ef63f]{display:grid;place-items:center;width:32px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.brand-gallery-dots button span[data-v-3c2ef63f]{width:6px;height:6px;border-radius:50%;background:#ffffff80;box-shadow:0 1px 3px #0006}.brand-gallery-dots button[aria-current=true] span[data-v-3c2ef63f]{background:#fff;transform:scale(1.4)}.brand-gallery[data-v-3c2ef63f]:focus-visible,.brand-gallery-dots button[data-v-3c2ef63f]:focus-visible{outline:2px solid #fff;outline-offset:-2px}.brand-announcement[data-v-3c2ef63f]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.app-page.order-overview-page{height:100dvh;min-height:0;overflow:hidden;overscroll-behavior-y:contain;color:#20211f;background:#fff}.order-overview-page>*{flex-shrink:0}.order-overview-page>.order-overview-content{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}.order-overview-page .order-overview-header{min-height:calc(68px + var(--safe-top));grid-template-columns:32px minmax(0,1fr) max-content;gap:0;padding:calc(6px + var(--safe-top)) 20px 6px 8px;border-bottom:1px solid #eeefec;background:#fff}.order-overview-header>.icon-button{width:32px}.order-overview-page .order-overview-header.app-header--host{grid-template-columns:minmax(0,1fr) max-content;padding-left:20px}.order-overview-header .app-header__title strong{font-size:15px;line-height:1.35;font-weight:600;letter-spacing:-.5px}.order-overview-header .app-header__title span{margin-top:6px;color:#777b75;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-x:auto;text-overflow:clip;scrollbar-width:none}.order-overview-header .app-header__title span::-webkit-scrollbar{display:none}.order-overview-header .order-number-copy{display:block;max-width:100%;margin-top:2px;padding:4px 0;border:0;background:transparent;color:#777b75;font:inherit;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;overflow-x:auto;scrollbar-width:none;cursor:pointer;user-select:none;-webkit-user-select:none}.order-number-copy::-webkit-scrollbar{display:none}.order-number-copy:focus-visible{outline:2px solid var(--selection);outline-offset:2px}.order-copy-feedback{position:fixed;top:calc(80px + var(--safe-top));left:50%;z-index:60;max-width:calc(100% - 40px);transform:translate(-50%);pointer-events:none}.order-copy-feedback--visible{padding:8px 12px;border-radius:4px;color:#fff;background:#262924;font-size:12px;line-height:1.5}.order-header-summary{display:grid;min-width:0;max-width:120px;gap:6px;padding-block:2px;text-align:right}.order-summary-count{color:#777b75;font-size:11px;line-height:1.5;white-space:nowrap}.order-header-progress{grid-column:1 / -1;margin:2px 0 5px 12px;padding-top:6px}.app-header--host .order-header-progress{margin-left:0}.order-overview-page .order-item-list{gap:0;width:100%;padding:0 20px calc(28px + var(--safe-bottom))}.order-overview-page--submit .order-item-list{padding-bottom:calc(112px + var(--safe-bottom))}.order-overview-page .order-item{overflow:visible;border:0;border-radius:0;background:transparent}.order-overview-page .order-item+.order-item{margin-top:12px;border-top:1px solid #dedfdb}.order-overview-page .order-item>header{min-height:0;padding:24px 0 20px}.order-overview-page .order-item>header>div{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.order-overview-page .order-item h2{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.order-making-summary{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;text-align:right;border:0}.order-overview-page .order-making-summary .making-status{align-self:flex-end}.order-making-summary>span{color:#59615a;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}.order-design-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.order-design-heading>strong{flex:1 1 64px;min-width:0}.order-overview-page .order-item header p{margin-top:8px;color:#777b75;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.order-product-meta{display:flex;flex-direction:column;gap:4px;margin-top:8px;color:#777b75;font-size:11px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.order-overview-page .order-design-list{margin:0;border-top:0}.order-overview-page .order-design-entry+.order-design-entry{border-top:1px solid #eeefec}.order-overview-page .order-design-entry button{position:relative;grid-template-columns:144px minmax(0,1fr);align-items:center;min-height:184px;padding:20px 0;gap:20px;border-radius:0;background:transparent}.order-overview-page .order-design-entry:first-child button{padding-top:0;min-height:164px}.order-overview-page .order-design-entry button:active{background:#f7f7f5}.order-overview-page .order-design-thumb{width:144px;height:144px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:6px;border:0;border-radius:2px;background:#f4f4f1;color:#8a8e87}.order-overview-page .order-design-thumb img{min-width:0;min-height:0;object-fit:contain}.order-overview-page .order-design-info{display:flex;min-width:0;width:100%;flex-direction:column;align-items:stretch;justify-content:center;padding:0}.order-overview-page .order-design-info--cancelled{padding-bottom:20px}.order-design-info--cancelled .order-product-meta{margin-top:0}.order-overview-page .order-design-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:500;line-height:1.5;overflow:hidden;overflow-wrap:anywhere;white-space:normal}.order-overview-page .order-design-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.6;color:#777b75;white-space:normal}.order-overview-page .order-design-quantity{color:#353830;font-size:14px;font-weight:500;overflow-wrap:anywhere}.order-design-quantities{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;min-width:0;margin-top:8px;color:#777b75;font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums;white-space:nowrap}.order-overview-page .order-design-quantities .order-design-meta{margin-top:0;gap:4px;font-size:inherit;white-space:nowrap}.order-overview-page .order-design-quantities .order-design-quantity{font-size:inherit;overflow-wrap:normal}.order-overview-page .order-design-note{display:block;margin-top:5px;color:#777b75;font-size:11px;line-height:1.5;white-space:normal}.order-overview-page .order-design-action{display:flex;min-height:36px;margin-top:14px;padding:8px 10px;align-items:center;justify-content:space-between;gap:8px;border-radius:2px;background:#f4f4f1;color:#262924;font-size:12px;line-height:1.5;font-weight:500}.order-overview-page .order-design-action--readonly{color:#666c63}.order-overview-page .order-design-action--unavailable{color:#875015;background:#fff4e5;white-space:normal;overflow-wrap:anywhere;cursor:default}.order-overview-page .order-design-action svg{flex-shrink:0}.order-overview-page .order-design-placeholder{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;margin:0;padding:0 0 20px;gap:20px;border:0}.order-overview-page .order-design-placeholder small{display:block;margin-top:8px;color:#777b75;font-size:12px;line-height:1.6}.order-overview-page .order-item-action{display:flex;width:100%;min-height:36px;margin:14px 0 0;padding:8px 10px;justify-content:space-between;gap:8px;border:0;border-radius:2px;color:#262924;font-size:12px;font-weight:500;background:#f4f4f1}.order-overview-page .order-item-action:disabled{opacity:.5;cursor:wait}.order-overview-page .order-design-placeholder .order-item-error{color:#875015;line-height:1.6}.order-overview-page .order-item header .order-item-availability{color:#8b4d0e}.order-overview-page .overview-error{margin:16px 20px 0;border-radius:4px}.order-submit-bar{position:fixed;inset:auto 0 0;z-index:35;padding:12px 20px calc(12px + var(--safe-bottom));border-top:1px solid #eeefec;background:#fff}.order-submit-production{display:flex;width:100%;min-height:48px;margin:0;padding:0 16px;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--primary);border:0;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.order-submit-production:disabled{opacity:.5;cursor:wait}.order-overview-page .order-design-entry button:focus-visible,.order-overview-page .order-item-action:focus-visible,.order-submit-production:focus-visible{outline:2px solid var(--selection);outline-offset:3px}@media(min-width:600px){.order-submit-bar{left:50%;right:auto;width:430px;transform:translate(-50%)}}@media(hover:hover){.order-overview-page .order-design-entry button:hover .order-design-action,.order-overview-page .order-item-action:hover{text-decoration:underline;text-underline-offset:4px}}@media(max-width:359px){.order-overview-page .order-design-entry button,.order-overview-page .order-design-placeholder{gap:16px}.order-header-summary{max-width:96px}}.production-stepper[data-v-4af28715]{min-width:0}.production-step-retry[data-v-4af28715],.production-step-info[data-v-4af28715]{display:grid;place-items:center;width:44px;height:44px;margin:-12px;padding:0;border:0;background:transparent;cursor:pointer}.production-step-retry .production-step-icon[data-v-4af28715]{color:#a43c32;border-color:#a43c32;background:#fbefed}.production-step-retry[data-v-4af28715]:focus-visible,.production-step-info[data-v-4af28715]:focus-visible{outline:2px solid #456d3a;outline-offset:2px;border-radius:50%}.production-step-retry[data-v-4af28715]:disabled{cursor:wait}.production-steps[data-v-4af28715]{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr) 20px;margin:0;padding:0;list-style:none}.production-steps>li[data-v-4af28715]{position:static;min-width:0;color:#737970;text-align:center}.production-steps>li[data-v-4af28715]:nth-child(1){grid-column:1}.production-steps>li[data-v-4af28715]:nth-child(2){grid-column:3}.production-steps>li[data-v-4af28715]:nth-child(3){grid-column:5}.production-steps>li[data-v-4af28715]:nth-child(4){grid-column:7}.production-steps>li+li[data-v-4af28715]:before{content:"";position:absolute;top:10px;left:20px;width:calc((100% - 80px) / 3);height:1px;background:#dde2da}.production-steps>li[data-v-4af28715]:nth-child(3):before{left:calc(33.333333% + 13.333333px)}.production-steps>li[data-v-4af28715]:nth-child(4):before{left:calc(66.666667% + 6.666667px)}.production-step-icon[data-v-4af28715]{display:grid;place-items:center;width:20px;height:20px;margin:0 auto;border:1px solid #e0e5dd;border-radius:50%;background:#f7f8f5}.is-done[data-v-4af28715]{color:#4f6a48!important}.is-done .production-step-icon[data-v-4af28715]{background:#edf3e9;border-color:#d6e2cf}.production-steps>.is-done+li[data-v-4af28715]:before{background:#bed0b4}.is-current[data-v-4af28715]{color:#365b2d!important;font-weight:600}.is-current .production-step-icon[data-v-4af28715]{color:#fff;background:#456d3a;border-color:#456d3a;box-shadow:0 0 0 2px #edf3e9}.production-stepper--danger .is-current .production-step-icon[data-v-4af28715]{background:#a43c32;border-color:#a43c32;box-shadow:0 0 0 2px #fbefed}.production-stepper--danger .is-current[data-v-4af28715]{color:#a43c32!important}.production-stepper--warning .is-current .production-step-icon[data-v-4af28715]{background:#936223;border-color:#936223;box-shadow:0 0 0 2px #faf3e7}.production-stepper--warning .is-current[data-v-4af28715]{color:#855b21!important}.making-status[data-v-4ce9a61d]{display:inline-flex;align-items:center;align-self:flex-start;flex-shrink:0;gap:5px;max-width:100%;padding:4px 7px;border:0;border-radius:3px;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap}.making-status--pending[data-v-4ce9a61d]{color:#59615a;background:#f1f3f0}.making-status--active[data-v-4ce9a61d]{color:#875008;background:#fff5df}.making-status--success[data-v-4ce9a61d]{color:#21663e;background:#edf7ee}.making-status--attention[data-v-4ce9a61d]{color:#aa342c;background:#fff0eb}.making-status--submitted[data-v-4ce9a61d]{color:#295b9a;background:#edf4fc}.production-failure-dialog .confirm-dialog__icon[data-v-49724320]{color:#b64036;background:#fff0ec}.production-failure-dialog>.primary-button[data-v-49724320]{width:100%}.production-failure-dialog>p[data-v-49724320]{white-space:pre-line;text-align:left;max-height:50dvh;overflow-y:auto;overflow-wrap:anywhere}.production-notice-dialog[data-v-d36cc604]{padding:24px}.production-notice-dialog>p[data-v-d36cc604]{max-height:50dvh;overflow-y:auto;overflow-wrap:anywhere;white-space:pre-line}.production-notice-dialog>.primary-button[data-v-d36cc604]{width:100%}.production-notice-dialog>small[data-v-d36cc604]{display:block;color:var(--muted);font-size:11px;text-align:right}.design-more-menu[data-v-fbcb3e7f]{position:relative;z-index:45;width:44px;flex-shrink:0}.design-more-menu .product-popover[data-v-fbcb3e7f]{top:calc(100% + 6px);right:0;text-align:left}.design-more-menu__order[data-v-fbcb3e7f]{display:flex;gap:10px;align-items:center;width:100%;min-height:44px;margin-top:8px;padding:10px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:14px;cursor:pointer}.design-more-menu__order[data-v-fbcb3e7f]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.design-host-actions[data-v-b302120b]{position:absolute;z-index:46;top:calc(8px + var(--safe-top));right:8px;border:1px solid var(--line);border-radius:7px;background:#fffffff2}.rotation-slider[data-v-64c82506]{position:relative;display:flex;align-items:center;min-width:0;padding-bottom:6px}.rotation-slider input[data-v-64c82506]{margin:0;touch-action:none}.rotation-slider__ticks[data-v-64c82506]{position:absolute;left:8px;right:8px;bottom:2px;height:4px;pointer-events:none}.rotation-slider__ticks i[data-v-64c82506]{position:absolute;width:1px;height:4px;background:var(--line);transform:translate(-50%)}.rotation-slider__ticks i.active[data-v-64c82506]{background:var(--primary)}.range-control output.rotation-snapped[data-v-64c82506]{color:var(--primary);font-weight:600}.online-page-thumbnail[data-v-93b82212]{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.online-page-thumbnail img[data-v-93b82212]{display:block;width:100%;height:100%;object-fit:contain}.online-page-thumbnail__retry[data-v-93b82212]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffffd9;color:#6b7280;cursor:pointer}.online-page-thumbnail__retry small[data-v-93b82212]{font-size:10px}.check-page[data-v-af3b6203]{background:#fff}.check-content[data-v-af3b6203]{padding:0 20px 24px}.check-overview[data-v-af3b6203]{margin:0;padding:22px 0 18px;color:#62686d;font-size:13px;line-height:1.6}.check-quantity[data-v-af3b6203]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid #e9e9e7}.check-quantity strong[data-v-af3b6203]{font-size:14px;font-weight:500;color:#ad433b}.check-quantity p[data-v-af3b6203]{margin:6px 0 0;font-size:13px;color:#62686d}.check-sheet[data-v-af3b6203]{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:22px 0;border-top:1px solid #e9e9e7}.check-sheet__thumb[data-v-af3b6203]{width:80px;height:80px;padding:4px;background:#f5f5f3;border:1px solid #eeefec;overflow:hidden}.check-sheet__body[data-v-af3b6203]{min-width:0;overflow-wrap:anywhere}.check-sheet h2[data-v-af3b6203]{margin:0 0 14px;color:#262b2e;font-size:14px;font-weight:600;line-height:1.4}.check-issue+.check-issue[data-v-af3b6203]{margin-top:14px;padding-top:14px;border-top:1px solid #f0f0ee}.check-issue h3[data-v-af3b6203]{margin:0;color:#303639;font-size:14px;font-weight:500;line-height:1.55}.check-issue p[data-v-af3b6203]{margin:6px 0 0;color:#767b7e;font-size:12px;line-height:1.7}.check-adjust[data-v-af3b6203]{display:inline-flex;min-height:44px;align-items:center;gap:4px;padding:0;color:var(--primary);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;background:none;border:0;text-align:left}.check-adjust[data-v-af3b6203]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.check-issue>.check-adjust[data-v-af3b6203]{display:flex;width:fit-content;margin-left:auto}.check-quantity .check-adjust[data-v-af3b6203]{flex-shrink:0}.check-consent[data-v-af3b6203]{display:flex;min-height:60px;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #e9e9e7;color:#535b5e;font-size:12px;line-height:1.6;cursor:pointer}.check-consent input[data-v-af3b6203]{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:#404e48}@media(max-width:359px){.check-content[data-v-af3b6203]{padding-right:16px;padding-left:16px}.check-sheet[data-v-af3b6203]{gap:12px}}.preview-gallery__loading[data-v-bcc2315c]{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;color:#687482;font-size:12px;text-align:center}.preview-gallery__loading .spin[data-v-bcc2315c]{flex-shrink:0}:root{color:#1c2533;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #e94f3d;--primary-strong: #c93729;--selection: #1769e0;--line: #d8dcdd;--muted: #62676c;--surface: #ffffff;--workspace: #e9ecec;--success: #11875d;--warning: #b66b13;--danger: #c43c3c;--host-top-inset: 0px;--host-right-inset: 0px;--safe-top: max(env(safe-area-inset-top, 0px), var(--host-top-inset));--safe-right: max(env(safe-area-inset-right, 0px), var(--host-right-inset));--safe-bottom: env(safe-area-inset-bottom, 0px)}html[data-safe-area-owner=host]{--safe-top: 0px;--safe-right: 0px}*{box-sizing:border-box}html,body,body *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input:is([type=text],[type=search],[type=tel],[type=url],[type=email],[type=password],[type=number],:not([type])):not([readonly]):not(:disabled),textarea:not([readonly]):not(:disabled),[contenteditable]:not([contenteditable=false]),[contenteditable]:not([contenteditable=false]) *:not([contenteditable=false],[contenteditable=false] *){user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}html,body,#app{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input,textarea,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(47,111,237,.24);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,p{margin:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app-page,.editor-page,.preview-page,.completed-page{min-height:100dvh;background:#f5f7fa}.app-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:calc(52px + var(--safe-top));padding:var(--safe-top) 6px 0;background:#fffffff7;border-bottom:1px solid var(--line)}.app-header__title{min-width:0;text-align:center;line-height:1.2}.app-header__title strong{display:block;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.app-header__title span{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.app-header__spacer{width:44px}.icon-button{display:inline-grid;width:44px;height:44px;padding:0;place-items:center;background:transparent;border:0;border-radius:6px;cursor:pointer}.icon-button:active{background:#eef2f7}.primary-button,.secondary-button,.text-button{min-height:46px;padding:0 20px;border-radius:7px;border:0;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{color:#fff;background:var(--primary)}.primary-button:active{background:var(--primary-strong)}.primary-button--wide{width:100%}.primary-button--compact{min-height:40px;padding:0 18px}.secondary-button{background:#fff;border:1px solid #cdd4df}.text-button{min-height:40px;color:var(--primary);background:transparent}.sticky-action{position:sticky;bottom:0;z-index:25;display:flex;padding:10px 16px calc(10px + var(--safe-bottom));background:#fffffffa;border-top:1px solid var(--line)}.sticky-action--split{gap:10px}.sticky-action--split>*{flex:1}.status-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f7f8fa}.status-panel{display:flex;width:min(100%,360px);align-items:center;flex-direction:column;text-align:center}.brand-mark{display:grid;width:48px;height:48px;margin-bottom:34px;place-items:center;color:#fff;background:#1c2533;border-radius:8px;font-size:23px;font-weight:800}.status-panel__icon{margin-bottom:14px;color:var(--primary)}.status-panel__actions{display:flex;align-items:center;flex-direction:column;gap:8px}.status-panel__icon--error{color:var(--danger)}.status-panel h1{font-size:20px}.status-panel p{margin:8px 0 24px;color:var(--muted);font-size:14px;line-height:1.6}.order-entry-page{min-height:100dvh;display:flex;flex-direction:column;background:#fff}.order-entry-brand{display:flex;min-height:152px;padding:calc(24px + var(--safe-top)) 24px 20px;align-items:center;justify-content:flex-end;flex-direction:column;background:#f5f7fa;border-bottom:1px solid var(--line)}.order-entry-brand .brand-mark{width:52px;height:52px;margin:0 0 12px}.order-entry-brand strong{color:#182026;font-size:17px}.order-entry-brand>span:last-child{margin-top:3px;color:var(--muted);font-size:12px}.order-entry-main{width:min(100%,440px);margin:0 auto;padding:30px 20px 24px}.order-entry-heading h1{color:#182026;font-size:22px;line-height:30px}.order-entry-heading p{margin-top:7px;color:#5d6872;font-size:14px;line-height:21px}.order-entry-form{display:grid;gap:22px;margin-top:25px}.form-field{display:grid;gap:7px}.form-field label{color:#26313a;font-size:14px;font-weight:650}.form-field input{width:100%;min-height:50px;padding:0 13px;color:#182026;background:#fff;border:1px solid #cdd5da;border-radius:7px;font-size:16px;transition:border-color .18s ease,box-shadow .18s ease}.form-field input::placeholder{color:#8a949c}.form-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #08766e1f;outline:none}.form-field input[aria-invalid=true]{border-color:var(--danger)}.form-field small{color:#69747d;font-size:12px;line-height:18px}.field-error{color:var(--danger);font-size:12px;line-height:18px}.form-error-summary{margin-top:18px;padding:10px 12px;color:#9f2525;background:#fff3f3;border:1px solid #efb8b8;border-radius:6px;font-size:13px;line-height:20px}.order-entry-submit{margin-top:3px;min-height:50px}.order-entry-feedback{display:block;margin-top:-8px;color:#69747d;font-size:12px;line-height:18px}.order-entry-feedback--error{padding:10px 12px;color:#9f2525;background:#fff3f3;border:1px solid #efb8b8;border-radius:6px;font-size:13px;line-height:20px}.order-entry-foot{display:flex;margin-top:auto;padding:16px 20px calc(18px + var(--safe-bottom));align-items:center;justify-content:center;gap:6px;color:#6f7981;font-size:11px}.order-overview-page{display:flex;flex-direction:column}.order-overview-loading{min-height:60dvh;margin:auto;justify-content:center}.order-summary-band{display:flex;padding:17px 16px;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.order-summary-band span,.order-summary-band strong{display:block}.order-summary-band span{color:var(--muted);font-size:11px}.order-summary-band strong{margin-top:3px;font-size:15px}.order-summary-band small{color:var(--muted);font-size:12px}.overview-error{display:flex;margin:12px 12px 0;padding:10px 12px;align-items:flex-start;gap:8px;color:#9f2525;background:#fff3f3;border:1px solid #efb8b8;border-radius:6px;font-size:13px;line-height:20px}.overview-error svg{flex:0 0 auto;margin-top:1px}.order-production-notice{display:flex;margin:12px;padding:13px 14px;align-items:flex-start;gap:10px;color:#245d46;background:#eef7f2;border:1px solid #cfe5d9;border-radius:6px}.order-production-notice svg{flex:0 0 auto;margin-top:1px}.order-production-notice strong,.order-production-notice small{display:block}.order-production-notice strong{font-size:14px;line-height:20px}.order-production-notice small{margin-top:2px;color:#527060;font-size:12px;line-height:18px}.order-item-list{display:grid;gap:12px;width:min(100%,620px);margin:0 auto;padding:12px 12px calc(28px + var(--safe-bottom))}.order-item{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px}.order-item>header{display:flex;min-height:74px;padding:14px;align-items:flex-start;justify-content:space-between;gap:10px}.order-item h2{font-size:15px;line-height:21px}.order-item header p{margin-top:4px;color:var(--muted);font-size:12px;line-height:18px}.status-pill{flex:0 0 auto;padding:3px 7px;color:#52606b;background:#edf0f2;border-radius:5px;font-size:11px;line-height:18px}.status-pill--choose-template{color:#075e58;background:#e0f3f1}.status-pill--continue-edit{color:#1d55b5;background:#e8f0ff}.status-pill--unsupported{color:#8b4d0e;background:#fff2df}.order-design-list{border-top:1px solid #edf0f2}.order-design-list button{display:grid;width:100%;min-height:68px;padding:9px 12px;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:10px;text-align:left;background:#fff;border:0;cursor:pointer}.order-design-list button+button{border-top:1px solid #edf0f2}.order-design-list button:active,.order-item-action:active{background:#f1f6f5}.order-design-thumb{display:grid;width:48px;height:48px;place-items:center;overflow:hidden;color:var(--primary);background:#edf2f3;border-radius:5px}.order-design-thumb img{width:100%;height:100%;object-fit:cover}.order-design-list strong,.order-design-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-design-list strong{font-size:13px}.order-design-list small{margin-top:4px;color:var(--muted);font-size:11px}.order-design-list .order-style-quantity{padding-inline-start:12px}.order-item-action{display:grid;width:100%;min-height:52px;padding:0 13px;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:7px;color:var(--primary);background:#f5fbfa;border:0;border-top:1px solid #d8ece9;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.template-page{display:flex;flex-direction:column}.template-intro{padding:22px 18px 16px;background:#fff}.template-intro h1{font-size:21px}.template-intro p{margin-top:7px;color:var(--muted);font-size:13px}.template-list{display:grid;flex:1;gap:10px;padding:12px 12px 28px}.template-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);min-height:128px;padding:8px;text-align:left;background:#fff;border:2px solid transparent;border-radius:8px;box-shadow:0 1px 4px #1824340f;cursor:pointer}.template-card--selected{border-color:var(--selection)}.template-card__preview{position:relative;display:block;overflow:hidden;aspect-ratio:1;border-radius:5px;background:#dfe4eb}.template-card__overlay{position:absolute;inset:52% 0 0;background:color-mix(in srgb,var(--template-accent) 80%,#132235);opacity:.9}.template-card__preview strong{position:absolute;right:8px;bottom:7px;color:#fff;font-size:12px;line-height:1;text-align:right}.template-card__content{display:flex;min-width:0;padding:7px 8px;flex-direction:column}.template-card__content b{font-size:16px}.template-card__content>small{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}.template-card__meta{display:flex;gap:10px;margin-top:auto;color:#576273;font-size:11px}.template-card__meta span{display:inline-flex;align-items:center;gap:3px}.template-card__check{position:absolute;top:8px;right:8px;display:none;width:24px;height:24px;place-items:center;color:#fff;background:var(--selection);border-radius:50%}@media(orientation:landscape)and (max-height:520px){.order-entry-page{min-height:100%}.order-entry-brand{min-height:92px;padding-top:calc(10px + var(--safe-top))}.order-entry-brand .brand-mark{width:40px;height:40px;margin-bottom:6px}.order-entry-main{padding-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.template-card--selected .template-card__check{display:grid}.editor-page{position:relative;display:grid;grid-template-areas:"header" "notice" "templates" "canvas" "artworks" "toolbar";grid-template-rows:auto auto auto minmax(0,1fr) auto auto;height:100dvh;min-height:0;overflow:hidden}.editor-page>.app-header{grid-area:header}.editor-page>.editor-context-notice{grid-area:notice}.editor-page>.template-rail{grid-area:templates}.editor-context-notice{display:flex;min-width:0;height:1.5rem;padding:0 12px;align-items:center;color:#586270;background:#fffdf5;border-bottom:1px solid #eee3be;font-size:.75rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-page>.canvas-workspace{grid-area:canvas}.editor-page>.editor-toolbar{grid-area:toolbar}.editor-page>.artwork-rail{grid-area:artworks}.artwork-rail{position:relative;min-width:0;background:#fff;border-top:1px solid var(--line)}.artwork-rail__body{display:flex;min-width:0;align-items:stretch}.artwork-rail__scroll{display:flex;flex:1 1 auto;gap:14px;min-width:0;padding:10px 22px 7px 10px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.artwork-rail__scroll::-webkit-scrollbar{display:none}.artwork-rail__actions{position:relative;display:grid;flex:0 0 56px;grid-template-rows:1fr 1fr;align-items:stretch;box-sizing:border-box;padding:0;background:#fff;border-left:1px solid var(--line)}.artwork-card{position:relative;flex:0 0 132px;padding:3px;border:1px solid var(--line);border-radius:5px;background:#fafbfc}.artwork-card.active{border-color:#9bb9f8;background:#eef4ff}.artwork-card button,.artwork-rail__add{border:0;background:transparent;color:inherit}.artwork-card__select{display:flex;align-items:center;gap:5px;width:100%;height:34px;padding:0 24px 0 0;font-size:10px;text-align:left}.artwork-card__select img,.artwork-card__select>span{width:30px;height:30px;object-fit:contain}.artwork-card__select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artwork-card__delete{position:absolute;right:1px;top:1px;display:grid;place-items:center;width:30px;height:34px}.artwork-card__quantity{display:flex;align-items:center;height:28px}.artwork-card__quantity button{display:grid;place-items:center;width:34px;height:28px}.artwork-card__quantity input{width:48px;min-width:0;height:26px;padding:0;text-align:center;border:1px solid var(--line);border-radius:3px;font-size:12px;background:#fff}.artwork-rail__add{display:flex;flex:0 0 76px;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:10px}.artwork-rail__actions>button{display:grid;width:100%;min-width:0;height:100%;place-items:center;grid-template-rows:auto auto;align-content:center;gap:2px;margin:0;padding:0;border:0;border-radius:0;color:#647287;background:transparent;box-shadow:none;cursor:pointer;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.artwork-rail__action-label{max-width:100%;overflow:hidden;font-size:9px;font-weight:600;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.artwork-rail__actions:after{content:"";position:absolute;z-index:1;top:50%;right:0;left:0;border-top:1px solid var(--line);pointer-events:none}.artwork-rail__actions>button:hover:not(:disabled){color:var(--primary);background:#f2f6ff}.artwork-rail__actions>button:focus-visible{outline:2px solid rgba(47,111,237,.5);outline-offset:-2px}.artwork-rail__actions>button:active:not(:disabled){color:var(--primary);background:#e8efff;box-shadow:inset 0 0 0 1px #2f6fed2e}.artwork-rail__actions>button:disabled{color:#b9c0c9;cursor:not-allowed;opacity:.72}.artwork-rail__add-fixed,.artwork-rail__manage{width:100%;height:100%}.artwork-rail__error{margin:0;padding:2px 10px 4px;color:var(--danger);font-size:10px}.artwork-manage-link{display:inline-flex;align-items:center;gap:2px;min-height:32px;padding:0 4px;border:0;background:transparent;color:#303a49;font-size:12px}.artwork-thumb-card{display:flex;flex:0 0 76px;flex-direction:column;gap:4px;align-items:stretch}.artwork-thumb-wrap{position:relative;width:76px;height:76px}.artwork-thumb{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;width:76px;height:76px;padding:1px;border:1px solid var(--line);border-radius:5px;background:#fff}.artwork-thumb>img,.artwork-thumb>.page-thumb__placeholder{width:60px;height:60px;object-fit:contain}.artwork-thumb__number{position:absolute;z-index:1;top:4px;left:4px;display:inline-grid;min-width:20px;height:20px;padding:0 4px;place-items:center;box-sizing:border-box;border-radius:999px;color:#303a49;background:#ffffff94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 3px #1824341f;font-size:9px;line-height:1;font-artwork-numeric:tabular-nums;pointer-events:none}.artwork-thumb[aria-pressed=true]{border-color:#2f6fed;box-shadow:inset 0 0 0 1px #2f6fed}.artwork-thumb[aria-pressed=true] .artwork-thumb__number{color:#fff;background:#2f6fedb3}.artwork-thumb__delete{position:absolute;z-index:2;top:4px;right:4px;display:grid;width:20px;height:20px;padding:0;place-items:center;box-sizing:border-box;border:1px solid rgba(216,220,221,.9);border-radius:50%;color:#c62828;background:#ffffffeb;box-shadow:0 1px 4px #18243424}.artwork-thumb__delete:disabled{color:#b9c0c9;background:#f5f6f8eb}.artwork-thumb--add{background:#f7f8fa;border-style:dashed;color:#647287}.artwork-thumb__pages{display:flex;width:76px;height:24px;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-artwork-numeric:tabular-nums}.artwork-thumb__pages button{display:grid;width:22px;height:24px;padding:0;place-items:center;border:1px solid var(--line);color:#647287;background:#f7f8fa;touch-action:manipulation;user-select:none}.artwork-thumb__pages button:disabled{color:#b9c0c9;background:#f5f6f8}.artwork-thumb__pages span{min-width:28px;text-align:center}.bottom-sheet:has(.artwork-manager){max-height:75dvh;display:flex;flex-direction:column}.bottom-sheet:has(.artwork-manager) .bottom-sheet__body{display:flex;min-height:0;padding:0;overflow:hidden;max-height:none}.artwork-manager{display:flex;flex-direction:column;width:100%;min-height:0}.artwork-manager__summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:14px 16px;font-size:12px;background:#f7f8fa}.artwork-manager__list{min-height:0;overflow-y:auto;padding:0 16px;overscroll-behavior:contain}.artwork-manager__row{position:relative;display:grid;grid-template-columns:40px minmax(42px,1fr) 116px 76px 32px;gap:8px;align-items:center;min-height:68px;border-bottom:1px solid var(--line)}.artwork-manager__row>img,.artwork-manager__row>.page-thumb__placeholder{width:40px;height:40px;object-fit:contain}.artwork-manager__row>strong{font-size:12px;overflow-wrap:anywhere}.artwork-manager__quantity{display:flex;height:36px}.artwork-manager__quantity button{display:grid;place-items:center;width:34px;border:1px solid var(--line);background:#f7f8fa}.artwork-manager__quantity input{width:48px;min-width:0;border:solid var(--line);border-width:1px 0;border-radius:0;text-align:center;background:#fff;font-size:14px}.artwork-manager__pages{display:flex;height:32px;align-items:center;justify-content:center;color:var(--muted);font-size:11px}.artwork-manager__pages button{display:grid;width:24px;height:32px;padding:0;place-items:center;border:1px solid var(--line);color:#647287;background:#f7f8fa}.artwork-manager__pages span{min-width:28px;text-align:center}.artwork-manager__delete{display:grid;place-items:center;width:32px;height:40px;padding:0;border:0;background:transparent;color:#647287}.artwork-manager__add{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 16px calc(12px + var(--safe-bottom));flex-shrink:0}.decoration-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 0}.decoration-options button{padding:4px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:#fff;font-size:11px}.decoration-options button[aria-pressed=true]{border-color:var(--selection);color:var(--selection);background:#eef4ff}.decoration-options button>span{display:block;aspect-ratio:1;overflow:hidden;margin-bottom:5px;background:#faf8f3}.decoration-options img,.decoration-options svg{display:block;width:100%;height:100%;object-fit:cover}.bottom-sheet.bottom-sheet--decoration{display:flex;flex-direction:column;height:calc(380px + var(--safe-bottom));max-height:85dvh}.bottom-sheet--decoration .bottom-sheet__drag-zone,.bottom-sheet--decoration .bottom-sheet__header,.bottom-sheet--decoration .bottom-sheet__footer{flex-shrink:0}.bottom-sheet--decoration .bottom-sheet__body{display:flex;flex:1;min-height:0;max-height:none;flex-direction:column;overflow:hidden;padding:8px 16px}.decoration-materials{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.decoration-materials .decoration-options{grid-auto-rows:84px;gap:10px;padding:0;align-content:start}.decoration-materials .decoration-options button>span{height:54px;width:100%;aspect-ratio:auto;margin-bottom:3px}.page-decoration-border{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none}.text-element__content{display:block;width:100%;max-height:100%}.text-element--user{overflow:visible}.text-element--user .text-element__content{overflow:hidden}.text-element__line{display:block;white-space:pre}.shape-element{overflow:hidden;pointer-events:none}.shape-element__svg{display:block;width:100%;height:100%;overflow:visible}.calendar-element{display:flex;padding:4%;box-sizing:border-box;flex-direction:column;gap:3%;color:#1e293b;background:#fff;font-family:Arial,sans-serif}.calendar-element__title{flex:0 0 15%;display:grid;place-items:center;font-size:9cqw;font-weight:700}.calendar-element__weekdays,.calendar-element__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;text-align:center}.calendar-element--double .calendar-element__weekdays,.calendar-element--double .calendar-element__days{grid-template-columns:repeat(14,minmax(0,1fr))}.calendar-element__weekdays{flex:0 0 10%;color:#64748b;font-size:5cqw;font-weight:600}.calendar-element__days{flex:1;grid-auto-rows:1fr;font-size:5cqw}.calendar-element__days span{display:grid;place-items:center;min-width:0;min-height:0}.calendar-element__days b{font:inherit;line-height:1}.calendar-element__days small{display:block;min-height:1em;font-size:45%;line-height:1;color:#94a3b8}.calendar-element__day--adjacent{color:#cbd5e1}.calendar-element__day--weekend,.calendar-element__day--holiday small,.calendar-element__day--work small{color:#dc2626}.text-resize-controls{position:absolute;z-index:30;pointer-events:none;container-type:size}.text-resize-handle{position:absolute;width:32px;height:32px;padding:0;border:0;background:transparent;pointer-events:auto;touch-action:none;transform:translate(-50%,-50%)}.text-resize-handle:after{content:"";position:absolute;inset:11px;border:2px solid #fff;border-radius:3px;background:var(--selection, #2f6fed);box-shadow:0 0 0 1px var(--selection, #2f6fed)}.text-resize-handle:after{inset:auto;left:var(--dot-x);top:var(--dot-y);width:10px;height:10px;box-sizing:border-box;transform:translate(-50%,-50%)}.text-resize-handle--nw{left:0;top:0;transform:translate(-100%,-100%);--dot-x: 100%;--dot-y: 100%;cursor:nwse-resize}.text-resize-handle--ne{left:100%;top:0;transform:translateY(-100%);--dot-x: 0%;--dot-y: 100%;cursor:nesw-resize}.text-resize-handle--sw{left:0;top:100%;transform:translate(-100%);--dot-x: 100%;--dot-y: 0%;cursor:nesw-resize}.text-resize-handle--se{left:100%;top:100%;transform:none;--dot-x: 0%;--dot-y: 0%;cursor:nwse-resize}.text-resize-handle--n,.text-resize-handle--s{left:50%;width:min(32px,100cqw);--dot-x: 50%;cursor:ns-resize}.text-resize-handle--n{top:0;transform:translate(-50%,-100%);--dot-y: 100%}.text-resize-handle--s{top:100%;transform:translate(-50%);--dot-y: 0%}.text-resize-handle--w,.text-resize-handle--e{top:50%;height:min(32px,100cqh);--dot-y: 50%;cursor:ew-resize}.text-resize-handle--w{left:0;transform:translate(-100%,-50%);--dot-x: 100%}.text-resize-handle--e{left:100%;transform:translateY(-50%);--dot-x: 0%}.text-overflow-warning{margin:0;padding:4px 10px;color:#9a4b10;font-size:12px;text-align:center}.artwork-select select{min-height:32px;max-width:180px;padding:0 26px 0 8px;color:#303a49;background:transparent;border:0;font-size:12px;font-weight:700}.save-indicator{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:11px}.save-indicator--saved{color:var(--success)}.save-indicator--offline,.save-indicator--conflict,.save-indicator--failed{color:var(--warning)}.product-popover{position:absolute;z-index:45;top:calc(64px + var(--safe-top));right:10px;display:grid;gap:4px;width:min(320px,calc(100vw - 32px));max-height:60dvh;overflow-y:auto;overflow-wrap:anywhere;padding:13px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 10px 28px #18243429;font-size:12px}.product-popover span{color:var(--muted)}.network-banner{position:absolute;z-index:44;top:calc(64px + var(--safe-top));right:12px;left:12px;padding:9px 12px;color:#77500f;background:#fff5dc;border:1px solid #edce8b;border-radius:6px;font-size:12px;text-align:center}.editor-host-more{position:absolute;z-index:43;top:8px;right:8px;background:#ffffffe6;border:1px solid rgba(216,220,221,.9);box-shadow:0 5px 16px #1824341f}html[data-navigation-owner=host] .editor-host-more{top:calc(8px + var(--safe-top))}html[data-navigation-owner=host] .product-popover{top:calc(58px + var(--safe-top))}html[data-navigation-owner=host] .network-banner{top:58px}.canvas-workspace{position:relative;min-height:0;overflow:hidden;background:var(--workspace)}.canvas-stage{display:grid;container-type:size;width:100%;height:100%;padding:20px 24px;place-items:center;overflow:hidden;touch-action:none}.artboard{position:relative;container-type:inline-size;overflow:visible;background:#fff;box-shadow:0 7px 24px #18243429;user-select:none}.artboard__bleed{position:absolute;z-index:6;inset:0;border:1px solid #dc2626;pointer-events:none}.artboard__bleed-hatch{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.artboard__trim{position:absolute;z-index:6;border:1px solid #2563eb;pointer-events:none}.artboard__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.artboard__safe{position:absolute;z-index:6;inset:var(--guide-safe-y, 0%) var(--guide-safe-x, 0%);border:1px dashed #2563eb;pointer-events:none}.canvas-element{position:absolute;z-index:2;display:block;min-width:0;min-height:0;padding:0;background:transparent;border:0;cursor:pointer;touch-action:none}.image-frame{overflow:hidden;background:#e3e7eb}.image-frame--rect{border-radius:2px}.image-frame--circle{border-radius:50%}.image-frame--arch{border-radius:50% 50% 5px 5px}.image-frame img{display:block;width:100%;height:100%;pointer-events:none;transform-origin:center}.image-frame__content{display:block;pointer-events:none;transform-origin:center}.image-frame:not(.image-frame--empty){background:transparent}.image-frame--empty{border:1px dashed #8c98a8;background-color:#fff9;background-image:linear-gradient(45deg,rgba(111,126,145,.06) 25%,transparent 25%,transparent 75%,rgba(111,126,145,.06) 75%);background-size:12px 12px}.image-frame__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#657184}.image-frame__placeholder small{font-size:9px}.text-element{display:flex;align-items:center;justify-content:center;overflow:visible;line-height:1.15;white-space:pre-wrap}.selection-ring{position:absolute;z-index:10;inset:-4px;border:2px solid var(--primary);border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px #fff}.image-frame--crop{cursor:grab}.image-frame--crop:active{cursor:grabbing}.image-frame:not(.image-frame--empty){cursor:grab}.image-frame:not(.image-frame--empty):active{cursor:grabbing}.selection-actions{position:absolute;z-index:30;left:50%;bottom:9px;display:flex;min-height:40px;padding:3px;align-items:center;background:#1c2533f0;border-radius:7px;transform:translate(-50%);box-shadow:0 5px 16px #00000038}.selection-actions button{display:inline-flex;min-width:52px;height:36px;padding:0 9px;align-items:center;justify-content:center;gap:4px;color:#fff;background:transparent;border:0;border-radius:5px;font-size:12px;white-space:nowrap}.selection-actions .danger-text{min-width:40px;color:#ff9c9c}.template-rail{display:flex;height:66px;min-width:0;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}.template-rail__head,.page-strip__head{display:flex;flex:0 0 58px;padding:0 0 0 10px;align-items:flex-start;justify-content:center;flex-direction:column;color:inherit;background:transparent;border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer}.template-rail__head strong,.page-strip__head strong{color:#20242a;font-size:10px}.template-rail__head small,.page-strip__head small{max-width:48px;margin-top:3px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.template-rail__scroll,.page-strip__scroll{display:flex;min-width:0;flex:1;align-items:center;gap:6px;padding:4px 10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}.template-rail__scroll::-webkit-scrollbar,.page-strip__scroll::-webkit-scrollbar{display:none}.template-rail__item{position:relative;display:grid;flex:0 0 48px;width:48px;min-width:0;height:56px;padding:2px;grid-template-columns:minmax(0,1fr);grid-template-rows:38px 12px;place-items:center;color:#555f6c;background:transparent;border:1px solid transparent;border-radius:4px;font-size:8px}.template-rail__name{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-rail__preview{position:relative;display:grid;width:34px;height:34px;overflow:hidden;place-items:center;color:#6f7884;background:#f6f7f8;border:1px solid #d8dcdf}.template-rail__preview:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--template-accent)}.template-rail__preview img{display:block;width:100%;height:100%;object-fit:cover}.template-rail__item--active{color:var(--selection);background:#edf4ff;border-color:#8fb5f4;font-weight:800}.template-rail__item--active:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;background:var(--selection);border:1px solid #fff;border-radius:50%}.template-rail__head:active{background:#eef4ff}.editor-page:has(>.template-rail--vertical){grid-template-areas:"header" "notice" "canvas" "artworks" "toolbar";grid-template-rows:auto auto minmax(0,1fr) auto auto}.template-rail--vertical{position:absolute;z-index:18;top:0;bottom:0;left:0;width:70px;height:auto;min-height:0;flex-direction:column;border-right:1px solid var(--line);border-bottom:0;background:#fffffff5;box-shadow:5px 0 18px #1824341f}.editor-page>.template-rail--vertical{grid-area:canvas}.template-rail--vertical .template-rail__head{flex:0 0 58px;width:100%;min-height:58px;padding:0;align-items:center;border-right:0;border-bottom:1px solid var(--line);text-align:center}.template-rail--vertical .template-rail__scroll{flex-direction:column;min-height:0;align-items:center;padding:8px 4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.template-rail--vertical .template-rail__item{flex:0 0 56px}.editor-page:has(>.template-rail--vertical)>.editor-toolbar{position:sticky;bottom:0;z-index:25;align-self:end}.template-switch-notice{position:absolute;z-index:14;top:calc(132px + var(--safe-top));left:50%;padding:7px 10px;color:#fff;background:#101112db;border-radius:4px;font-size:10px;transform:translate(-50%);pointer-events:none}.page-strip{position:absolute;z-index:19;right:0;bottom:0;left:0;display:flex;height:34px;min-width:0;overflow:visible;background:transparent;border-top:0;pointer-events:none}.page-strip__head{position:absolute;z-index:3;top:0;left:0;display:flex;flex:0 0 34px;width:34px;height:34px;flex-direction:column;gap:0;align-items:center;justify-content:center;min-width:0;padding:2px 1px;border:1px solid var(--line);border-top:0;background:#fff;font:inherit;pointer-events:auto}.page-strip__head strong{font-size:16px;line-height:1}.page-strip__head small{margin-top:2px;font-size:8px;line-height:1}.page-strip__toggle{position:absolute;z-index:4;top:0;left:34px;display:grid;width:16px;height:34px;padding:0;place-items:center;color:var(--muted);background:#fff;border:1px solid var(--line);border-top:0;border-left:0;pointer-events:auto;transition:left .18s ease,color .18s ease}.page-strip--open .page-strip__toggle{left:calc(100% - 16px);color:var(--primary);border-left:1px solid var(--line)}.page-strip__toggle-icon{transition:transform .18s ease}.page-strip__toggle-icon--open{transform:rotate(180deg)}.page-strip__panel{position:absolute;z-index:2;right:50%;bottom:0;left:50%;display:flex;height:34px;min-width:0;overflow:hidden;visibility:hidden;background:#fff;border:1px solid var(--line);opacity:0;pointer-events:none;transition:left .18s ease,right .18s ease,opacity .12s ease,visibility 0s linear .18s}.page-strip--open .page-strip__panel{right:0;left:0;visibility:visible;opacity:1;pointer-events:auto;box-shadow:0 -2px 10px #1824341f;transition-delay:0s}.page-strip__scroll{gap:8px;padding:3px 24px 3px 50px}.page-number-button{position:relative;display:grid;flex:0 0 28px;width:28px;min-width:28px;height:28px;padding:0;place-items:center;color:#465364;background:#f7f8fa;border:1px solid var(--line);border-radius:4px;font-size:11px;font-artwork-numeric:tabular-nums}.page-number-button--active{color:#245bc6;background:#eaf2ff;border-color:#7aa4ef;font-weight:800}.page-number-button__issue{position:absolute;top:-5px;right:-5px;color:var(--warning);background:#fff;border-radius:50%}.page-number-button__issue--error{color:var(--danger)}.page-thumb__placeholder{display:block;width:100%;height:100%;background:#e9edf2}.editor-toolbar{display:grid;grid-template-columns:repeat(6,1fr);min-height:calc(61px + var(--safe-bottom));padding:3px 4px var(--safe-bottom);background:#fff;border-top:1px solid var(--line)}.editor-toolbar button{position:relative;display:flex;min-width:0;min-height:56px;padding:5px 2px 3px;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#5c6675;background:transparent;border:0;border-radius:6px;font-size:10px}.editor-toolbar__upload-control{position:relative;min-width:0}.editor-toolbar__upload-control>button{width:100%}.editor-toolbar button.active{color:var(--primary)}.editor-toolbar--reserved{visibility:hidden;pointer-events:none}.editor-toolbar .editor-toolbar__artwork{grid-column:span 2;padding:6px 11px;justify-content:flex-start;flex-direction:row;gap:9px;border-right:1px solid var(--line);border-radius:0;text-align:left}.editor-toolbar__artwork>span{display:flex;min-width:0;flex:1;align-items:flex-start;flex-direction:column;gap:2px}.editor-toolbar__artwork strong{display:block;max-width:100%;overflow:hidden;color:#303a49;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.editor-toolbar__artwork small{color:var(--selection);font-size:9px;font-weight:700}.editor-toolbar__artwork>svg{flex:none;color:var(--muted)}.editor-toolbar__primary b{position:absolute;top:2px;left:calc(50% + 7px);min-width:17px;height:17px;padding:0 4px;color:#fff;background:var(--danger);border-radius:9px;font-size:10px;line-height:17px}.crop-panel{z-index:20;padding:11px 14px calc(12px + var(--safe-bottom));background:#fff;border-top:1px solid var(--line)}.crop-panel__head{display:flex;justify-content:space-between;margin-bottom:7px}.crop-panel__head strong{font-size:14px}.crop-panel__head span{color:var(--muted);font-size:11px}.range-control{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;min-height:32px;align-items:center;gap:7px;font-size:11px}.range-control input{width:100%;accent-color:var(--primary)}.range-control output{color:var(--muted);text-align:right}.crop-panel__actions{display:grid;grid-template-columns:minmax(0,1fr) 42px auto;gap:8px;margin-top:6px;align-items:center}.crop-panel__actions .segmented{width:max-content;justify-self:start}.crop-panel__actions .segmented button{min-width:72px;align-items:center;justify-content:center}.crop-panel__empty{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:12px}.crop-panel__empty span,.crop-panel__empty strong,.crop-panel__empty small{display:block}.crop-panel__empty small{margin-top:4px;color:var(--muted);font-size:10px}.secondary-icon-button{display:grid;width:42px;height:40px;padding:0;place-items:center;background:#f1f3f6;border:0;border-radius:6px}.segmented{display:inline-flex;padding:2px;background:#eef1f5;border-radius:7px}.segmented button{display:grid;min-width:42px;height:36px;padding:0 10px;place-items:center;background:transparent;border:0;border-radius:5px}.segmented button.active{color:var(--primary);background:#fff;box-shadow:0 1px 3px #1423371f}.segmented--text button{display:inline-flex;gap:5px;font-size:12px}.sheet-layer{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;background:#1219236b}.sheet-layer--modeless{pointer-events:none;background:transparent}.sheet-layer--modeless .bottom-sheet{pointer-events:auto}.bottom-sheet{width:100%;max-height:min(72dvh,580px);background:#fff;border-radius:8px 8px 0 0;box-shadow:0 -10px 32px #12192329}.bottom-sheet--tall{min-height:min(62dvh,520px)}.bottom-sheet--half{display:flex;max-height:50dvh;flex-direction:column}.bottom-sheet--half .bottom-sheet__body{display:flex;min-height:0;max-height:calc(50dvh - 62px);overflow:hidden;flex-direction:column}.bottom-sheet__drag-zone{display:grid;width:100%;height:18px;place-items:center;cursor:grab;touch-action:none}.bottom-sheet__grabber{width:38px;height:4px;background:#cbd1da;border-radius:2px}.bottom-sheet__header{display:flex;min-height:44px;padding:0 8px 0 16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);cursor:grab;touch-action:none}.bottom-sheet--swiping,.bottom-sheet--swiping .bottom-sheet__header{cursor:grabbing;user-select:none}.bottom-sheet__title{min-width:0;flex:1}.bottom-sheet__header h2{font-size:16px}.bottom-sheet__body{max-height:calc(72dvh - 112px);padding:14px 16px;overflow-y:auto}.bottom-sheet__footer{padding:10px 16px calc(10px + var(--safe-bottom));border-top:1px solid var(--line)}.sheet-enter-active,.sheet-leave-active{transition:background .22s ease}.sheet-enter-active .bottom-sheet,.sheet-leave-active .bottom-sheet{transition:transform .22s ease}.sheet-enter-from,.sheet-leave-to{background:#12192300}.sheet-enter-from .bottom-sheet,.sheet-leave-to .bottom-sheet{transform:translateY(100%)}.image-tool-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:13px;padding:3px;background:#eef0f0;border-radius:7px}.image-tool-tabs button{min-height:40px;color:var(--muted);background:transparent;border:0;border-radius:5px;font-size:12px;font-weight:700}.image-tool-tabs button.active{color:#fff;background:var(--primary)}.image-tool-tabs button:disabled{opacity:.42}.image-tool-tabs--header{width:min(240px,100%);margin:0}.image-tool-tabs--header button{min-height:36px}.stable-tab-panels{display:grid;align-items:start}.stable-tab-panel{min-width:0;grid-area:1 / 1}.stable-tab-panel--inactive{visibility:hidden;pointer-events:none}.section-title{display:flex;margin:20px 0 9px;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.section-title small{color:var(--muted);font-weight:400}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.asset-grid>button{position:relative;overflow:hidden;padding:0;aspect-ratio:1;background:#eef1f5;border:0;border-radius:5px}.asset-grid>button img{width:100%;height:100%;object-fit:cover}.asset-grid__selected{position:absolute;right:4px;bottom:4px;display:grid;width:22px;height:22px;place-items:center;color:#fff;background:var(--primary);border:2px solid #fff;border-radius:50%}.asset-grid>.asset-grid__item--selected{outline:2px solid var(--selection);outline-offset:-2px}.asset-grid__order{position:absolute;top:4px;left:4px;display:grid;min-width:22px;height:22px;padding:0 5px;place-items:center;color:#fff;background:var(--selection);border:2px solid #fff;border-radius:11px;font-size:10px;font-weight:800}.asset-source-control{position:relative;min-width:0;aspect-ratio:1}.asset-source-control>.asset-grid__add{display:flex;width:100%;height:100%;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:var(--muted);background:#eef1f5;border:1px dashed #aab3c0;border-radius:5px;font-size:11px}.asset-source-control>.asset-grid__add:disabled{cursor:wait;opacity:.72}.upload-progress{display:flex;margin-top:10px;padding:9px 10px;align-items:center;gap:7px;color:#28529c;background:#eef4ff;border-radius:5px;font-size:12px}.bottom-sheet--image{display:flex;height:min(72dvh,580px);flex-direction:column}.bottom-sheet--image .bottom-sheet__drag-zone,.bottom-sheet--image .bottom-sheet__header{flex-shrink:0}.bottom-sheet--image .bottom-sheet__body{position:relative;display:flex;flex:1;min-height:0;max-height:none;overflow:hidden;flex-direction:column}.bottom-sheet--image .stable-tab-panels{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}.bottom-sheet--image .stable-tab-panel{min-height:0}.bottom-sheet--text{display:flex;flex-direction:column}.bottom-sheet--text .bottom-sheet__drag-zone,.bottom-sheet--text .bottom-sheet__header,.bottom-sheet--text .bottom-sheet__footer{flex-shrink:0}.bottom-sheet--text .bottom-sheet__body{flex:1;min-height:0;max-height:none;overflow-y:auto}.asset-replace-panel{position:relative;display:flex;overflow:hidden;flex-direction:column}.asset-replace-panel>.section-title{margin-top:0;flex:none}.asset-library,.image-crop-panel{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.asset-library{flex:1;padding-bottom:calc(10px + var(--safe-bottom))}.asset-replace-panel--batch .asset-library{padding-bottom:calc(104px + var(--safe-bottom))}.asset-library-more{display:block;width:100%;min-height:34px;margin:8px 0 calc(8px + var(--safe-bottom));padding:0 12px;color:var(--primary);background:#eef4ff;border:1px solid #b8cae8;border-radius:8px;font-size:12px;font-weight:700}.asset-library-more:disabled{cursor:wait;opacity:.68}.asset-batch-actions{position:absolute;z-index:10;right:0;bottom:0;left:0;padding:9px 0 calc(2px + var(--safe-bottom));background:#fffffffa;border-top:1px solid var(--line);box-shadow:0 -8px 20px #1824341a}.asset-batch-actions__summary{display:flex;min-height:24px;align-items:center;justify-content:space-between;color:#313946;font-size:11px}.asset-batch-actions__summary button{min-height:24px;padding:0;color:var(--selection);background:transparent;border:0;font-size:10px;font-weight:700}.asset-batch-actions__buttons{display:grid;margin-top:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.asset-batch-actions__buttons button{display:inline-flex;min-width:0;min-height:42px;padding:0 7px;align-items:center;justify-content:center;gap:5px;color:#fff;background:var(--selection);border:0;border-radius:5px;font-size:10px;font-weight:700}.asset-batch-actions__buttons button:first-child{color:var(--selection);background:#edf4ff;border:1px solid #b7cdf0}.asset-error-toast{position:absolute;z-index:12;right:16px;bottom:calc(10px + var(--safe-bottom));left:16px;display:grid;min-height:48px;padding:6px 6px 6px 12px;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;color:#8f2f2f;background:#fff1f0;border:1px solid #efb8b8;border-radius:6px;box-shadow:0 8px 24px #4614142e;font-size:12px;line-height:1.45}.asset-error-toast button{display:grid;width:36px;height:36px;padding:0;place-items:center;color:#8f2f2f;background:transparent;border:0;border-radius:4px}.asset-error-toast button:active,.asset-error-toast button:focus-visible{background:#8f2f2f1a}.asset-error-enter-active,.asset-error-leave-active{transition:transform .22s ease-out,opacity .18s ease}.asset-error-enter-from,.asset-error-leave-to{opacity:0;transform:translateY(calc(100% + 20px))}.text-controls{display:grid;gap:17px}.field-label{display:grid;gap:7px;color:#4c5665;font-size:12px;font-weight:700}.field-label textarea,.field-label select{width:100%;padding:10px;color:#1c2533;background:#fff;border:1px solid #cfd6e0;border-radius:6px;font-size:15px}.field-label textarea{min-height:78px;resize:none;line-height:1.5}.control-row{display:flex;min-height:42px;align-items:center;justify-content:space-between;color:#4c5665;font-size:12px;font-weight:700}.control-block>span{display:block;margin-bottom:10px;color:#4c5665;font-size:12px;font-weight:700}.stepper{display:grid;grid-template-columns:40px 46px 40px;height:40px;overflow:hidden;border:1px solid #cfd6e0;border-radius:6px}.stepper button{display:grid;padding:0;place-items:center;background:#f5f7fa;border:0}.stepper output{display:grid;place-items:center;border-right:1px solid #cfd6e0;border-left:1px solid #cfd6e0;font-weight:700}.color-swatches{display:flex;gap:12px}.color-swatches button{width:32px;height:32px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c9d0da}.color-swatches button.active{box-shadow:0 0 0 3px #2f6fed52}.color-swatches .color-custom-trigger{display:grid;place-items:center;color:#fff;background:conic-gradient(#f33,#ff3,#3f3,#3ff,#33f,#f3f,#f33);filter:saturate(.82)}.check-page{padding-bottom:calc(68px + var(--safe-bottom))}.check-page>.sticky-action{position:fixed;right:0;bottom:0;left:0}.preview-page{display:flex;flex-direction:column;min-height:0;height:100vh;height:100dvh;overflow:hidden}.preview-page>.app-header,.preview-page>.preview-switchers,.preview-page>.preview-actions{flex:0 0 auto}.preview-page>.preview-gallery{flex:1 1 0;min-height:0;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.preview-switchers{position:relative;display:flex;min-width:0;padding:8px 10px;gap:10px;background:#fff;border-bottom:1px solid var(--line);overflow:visible}.preview-artwork-switcher{position:relative;z-index:2;display:flex;min-width:0;flex:0 0 auto;align-items:center;gap:4px;padding-right:2px;background:#fff}.preview-artwork-head{display:grid;min-width:84px;min-height:36px;padding:4px 0;grid-template-columns:minmax(0,1fr) 14px;grid-template-rows:auto auto;align-items:center;column-gap:2px;color:var(--selection);background:transparent;border:0;border-radius:0;text-align:left}.preview-artwork-head strong{grid-row:1 / span 2;font-size:12px;white-space:nowrap}.preview-artwork-head small{grid-column:1;color:var(--muted);font-size:8px;white-space:nowrap}.preview-artwork-head svg{grid-column:2;grid-row:1 / span 2}.preview-artwork-head:disabled{color:var(--selection);opacity:1}.preview-artwork-head[aria-expanded=true]{color:var(--primary)}.preview-artwork-menu{position:absolute;z-index:10;top:calc(100% + 4px);left:0;display:grid;width:150px;padding:5px;gap:3px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 22px #12192329}.preview-artwork-menu button{min-height:36px;padding:0 10px;color:var(--muted);background:transparent;border:0;border-radius:4px;text-align:left;font-size:11px}.preview-artwork-menu button.active{color:var(--selection);background:#edf4ff;font-weight:700}.preview-page-rail{display:flex;min-width:0;flex:1 1 auto;align-items:center}.page-tabs{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tabs button{min-width:46px;height:36px;padding:0 10px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px}.page-tabs button.active{color:var(--primary);border-color:var(--primary);font-weight:700}.preview-display-toggle{display:grid;flex:0 0 40px;width:40px;height:36px;margin-left:4px;place-items:center;color:var(--muted);background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none}.preview-display-toggle[aria-pressed=true]{color:var(--selection);background:transparent}.preview-workspace{display:grid;min-height:0;padding:22px;grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden;background:#e9edf2}.preview-workspace--swipeable{touch-action:pan-y}.preview-gallery{display:flex;min-height:0;flex-direction:row;align-content:flex-start;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:12px;padding:14px;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.preview-status-notice{flex:0 0 100%;margin:0}.preview-status-notice button{flex:0 0 auto;margin-left:auto;color:inherit;background:transparent;border:0;text-decoration:underline}.preview-gallery--grid .preview-gallery__item{flex:0 0 calc((100% - 24px) / 3)}.preview-gallery--double .preview-gallery__item{flex:0 0 calc((100% - 12px)/2)}.preview-gallery--single .preview-gallery__item{flex:0 0 100%}.preview-gallery__artwork-divider{flex:0 0 100%;padding:7px 0 6px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.04em;text-align:center}.preview-gallery__item{display:grid;min-width:0;gap:5px;padding:5px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;text-align:left}.preview-gallery__item--active{color:var(--selection);background:#eef4ff;border-color:#9abbee}.preview-gallery__artboard{display:grid;width:100%;min-height:0;place-items:center;overflow:hidden;background:#dfe5eb}.preview-gallery__image{display:block;width:100%;height:100%;object-fit:contain}.preview-gallery__placeholder{display:block;width:100%;height:100%;background:#e5e9ed}.preview-gallery__label{display:block;font-size:10px;font-weight:700;text-align:center}.preview-artboard{display:grid;width:100%;height:100%;grid-area:1 / 1;place-items:center}.preview-artboard .artboard{width:min(100%,calc(100dvh - 245px));max-height:100%}.preview-page-next-enter-active,.preview-page-next-leave-active,.preview-page-previous-enter-active,.preview-page-previous-leave-active{transition:opacity .2s ease,transform .2s ease}.preview-page-next-enter-from,.preview-page-previous-leave-to{opacity:0;transform:translate(18%)}.preview-page-next-leave-to,.preview-page-previous-enter-from{opacity:0;transform:translate(-18%)}.preview-actions{position:relative;bottom:auto;width:100%;height:calc(71px + var(--safe-bottom));align-self:end;align-items:center}.preview-actions>button{height:50px;min-height:50px;align-self:center}.modal-layer{position:fixed;z-index:120;inset:0;display:grid;padding:20px;place-items:center;background:#1219237a}.confirm-dialog{position:relative;width:min(100%,360px);padding:26px 20px 16px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 20px 50px #1219233d}.confirm-dialog__close{position:absolute;top:5px;right:5px}.confirm-dialog__icon{display:grid;width:48px;height:48px;margin:0 auto 13px;place-items:center;color:var(--primary);background:#edf3ff;border-radius:50%}.confirm-dialog h2{font-size:20px}.confirm-dialog>p{margin:8px 8px 17px;color:var(--muted);font-size:13px;line-height:1.6}.confirm-dialog__summary{display:flex;margin-bottom:16px;padding:12px;align-items:center;justify-content:space-between;background:#f4f6f8;border-radius:6px;font-size:12px}.confirm-dialog__summary span{color:var(--muted)}.confirm-dialog__error{margin:-4px 0 12px;padding:9px 10px;color:#9f2525;background:#fff3f3;border:1px solid #efb8b8;border-radius:6px;font-size:12px;line-height:1.45}.completed-page{display:flex;min-height:100dvh;padding:calc(32px + var(--safe-top)) 16px calc(18px + var(--safe-bottom));align-items:center;flex-direction:column;background:#f5f7fa}.completed-hero{display:flex;align-items:center;flex-direction:column}.completed-hero__icon{display:grid;width:58px;height:58px;margin-bottom:13px;place-items:center;color:#fff;background:var(--success);border-radius:50%}.completed-hero h1{font-size:23px}.completed-hero p{margin-top:5px;color:var(--muted);font-size:13px}.completed-preview{width:min(100%,390px);margin-top:25px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 18px #18243414}.completed-preview>div{width:72%;margin:0 auto 16px}.completed-preview>div .artboard{width:100%;box-shadow:0 3px 12px #1824341f}.completed-preview dl{margin:0;padding-top:10px;border-top:1px solid var(--line)}.completed-preview dl div{display:flex;min-height:31px;align-items:center;justify-content:space-between;font-size:12px}.completed-preview dt{color:var(--muted)}.completed-preview dd{margin:0;font-weight:700}.completed-action{width:min(100%,390px);margin-top:auto;padding-top:22px;text-align:center}.completed-action small{display:block;margin-top:12px;color:#8a939f;font-size:10px}@media(min-width:600px){body{background:#dfe4ea}#app{width:480px;min-height:100dvh;margin:0 auto;box-shadow:0 0 30px #17223129}.sheet-layer{justify-content:center}.bottom-sheet{width:480px}.check-page>.sticky-action{width:480px;right:auto;left:50%;transform:translate(-50%)}}@media(max-height:680px){.canvas-stage{padding:10px 22px}}.screen-index{color:var(--primary);font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:1}.primary-button,.secondary-button,.text-button{min-height:50px;border-radius:4px}.primary-button{background:var(--primary)}.secondary-button{border-color:#101112;color:#101112}.decision-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px}.decision-row>button{width:100%;min-width:0;padding-inline:10px}.sticky-action.decision-row{display:grid}.sticky-action--split.decision-row>*{flex:none}.app-header{min-height:calc(58px + var(--safe-top));grid-template-columns:48px minmax(0,1fr) 48px;padding-inline:4px;border-color:var(--line)}.app-header__title{text-align:left}.app-header__title strong{font-size:15px}.app-header__title span{font-size:10px}.order-entry-page{background:#fff}.order-entry-brand{position:relative;display:block;min-height:286px;padding:0;overflow:hidden;background:#101112;border:0;color:#fff}.order-entry-wordmark{position:absolute;z-index:2;left:20px;top:calc(20px + var(--safe-top));font-family:Georgia,Times New Roman,serif;font-size:24px!important;font-weight:500}.order-entry-main{padding:25px 20px 18px}.order-entry-heading h1{margin-top:4px;font-family:Georgia,Songti SC,serif;font-size:26px;font-weight:500}.order-entry-heading p{font-size:12px}.order-entry-form{margin-top:25px;gap:16px}.form-field label{display:flex;justify-content:space-between;font-size:12px}.form-field input{min-height:49px;border:0;border-bottom:1.5px solid #101112;border-radius:0;background:#f7f8f8}.form-field input:focus{border-color:var(--selection);box-shadow:none}.order-entry-submit{margin-top:12px}.order-entry-feedback{margin-top:-6px}.order-entry-foot{font-size:10px}.order-summary-band{padding:20px;border-bottom:1px solid #101112}.order-summary-band strong{font-family:Georgia,Songti SC,serif;font-size:20px;font-weight:500}.order-item-list{gap:0;padding:0 0 calc(24px + var(--safe-bottom))}.order-item{border:0;border-bottom:1px solid #101112;border-radius:0}.order-item>header{padding:18px 20px}.order-item-action{color:var(--primary);background:#fff7f5;border-color:#f3d2cd}.template-page{background:#f1f3f3}.template-intro{padding:15px 16px 12px;border-bottom:1px solid var(--line)}.template-intro h1{margin-top:0;font-family:Georgia,Songti SC,serif;font-size:21px;font-weight:500}.template-intro p{margin-top:4px;font-size:10px}.template-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px 10px;padding:12px 12px 110px}.template-card{display:block;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.template-card__preview{aspect-ratio:.9;border:1px solid #d3d7d8;border-radius:0}.template-card__preview img{width:100%;height:100%;object-fit:cover}.template-card__overlay,.template-card__preview strong{display:none}.template-card__content{padding:7px 2px}.template-card__content b{font-size:13px}.template-card__content>small{margin-top:2px;font-size:9px}.template-card__meta{margin-top:6px;gap:6px;font-size:8px}.template-card__check{top:7px;right:7px;border-radius:0;background:var(--selection)}.template-card--selected .template-card__preview{outline:3px solid var(--selection);outline-offset:-3px}.template-focus-sheet{padding:9px 16px calc(14px + var(--safe-bottom))}.template-focus-content{display:grid;grid-template-columns:126px 1fr;gap:14px}.template-focus-content>img{width:126px;height:164px;object-fit:cover}.template-focus-content h2{margin:0 0 4px;font-size:18px}.template-focus-content p{color:var(--muted);font-size:11px}.template-focus-content dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 0}.template-focus-content dl div{padding:6px;background:#f3f5f5}.template-focus-content dt{color:var(--muted);font-size:8px}.template-focus-content dd{margin:1px 0 0;font-size:9px;font-weight:700}.template-focus-actions{margin-top:13px}.editor-page{background:#fff}.editor-page .canvas-stage .artboard{width:min(100cqw,calc(100cqh * var(--page-ratio, 1)));max-height:none;overflow:hidden}.canvas-workspace{isolation:isolate;background:var(--workspace)}.canvas-workspace:before{content:"";position:absolute;z-index:0;inset:0;background-image:radial-gradient(circle,rgba(16,17,18,.13) 1px,transparent 1.2px);background-position:center;background-size:var(--logical-5mm-step, 15.9px) var(--logical-5mm-step, 15.9px)}.canvas-workspace:after{content:attr(data-canvas-page) attr(data-canvas-scale) " · " attr(data-canvas-size);position:absolute;z-index:1;top:.5rem;right:12px;color:#1011126b;font-size:9px;font-weight:700;white-space:nowrap;pointer-events:none}.canvas-stage{position:relative;z-index:1;padding:18px 24px;transition:transform .2s ease}.canvas-stage--sheet-lifted{will-change:transform}.canvas-stage .artboard{z-index:2}.artboard{overflow:hidden;border-radius:0}.canvas-stage--duplex{place-items:center;padding-top:3.625rem}.editor-page .canvas-stage--duplex .artboard{width:min(100cqw,calc(100cqh * var(--page-ratio, 1)));height:auto;min-height:0;max-height:none}.editor-page--compact .artwork-thumb-card{flex-direction:row;flex-basis:156px;align-items:center}.editor-page--compact .artwork-rail__scroll{padding-top:4px;padding-bottom:4px}.editor-page--compact .canvas-stage{padding-top:8px;padding-bottom:8px}.editor-page--compact .canvas-stage--duplex{padding-top:48px}.duplex-page-switch{position:absolute;z-index:4;top:.5rem;left:50%;display:inline-grid;width:min(220px,calc(100% - 120px));grid-template-columns:auto repeat(2,minmax(0,1fr));padding:3px;transform:translate(-50%);background:#ebf2fff5;border:0;border-radius:7px;box-shadow:none}.duplex-page-switch__label{display:grid;min-width:0;min-height:32px;padding:0 8px;align-items:center;color:#303a49;font-size:12px;font-weight:700;white-space:nowrap}.duplex-page-switch button{min-width:0;min-height:32px;padding:0 10px;color:#647287;background:transparent;border:0;border-radius:4px;font-size:12px;font-weight:700;touch-action:manipulation}.duplex-page-switch button.active{color:#fff;background:var(--selection);box-shadow:0 1px 3px #2f6fed40}.selection-ring{border-color:var(--selection)}.selection-actions{bottom:10px;border-radius:4px}.crop-panel{position:absolute;z-index:20;right:0;bottom:0;left:0;border-radius:14px 14px 0 0;box-shadow:0 -8px 28px #10111224}.crop-panel.crop-panel--embedded{position:static;margin:0 -2px;padding:0 2px calc(2px + var(--safe-bottom));border:0;border-radius:0;box-shadow:none}.network-banner--error{color:#9b2929;background:#fff0f0;border-color:#efb8b8}.network-banner button{min-height:32px;margin-left:5px;border:0;background:transparent;color:inherit;font-weight:800}.network-banner--dismissible{padding-right:38px;touch-action:pan-y}.network-banner .network-banner__dismiss{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:32px;margin:0;padding:0}.editor-toolbar__primary{color:var(--primary)!important}.page-thumb--active{color:var(--selection);background:#eaf2ff;border-color:#9abbee}.asset-grid__add{color:var(--selection)!important;background:#eef4ff!important;border-color:#9eb9e8!important}.text-tab-panels{margin-top:0}.text-appearance-block{display:grid;gap:14px;padding:12px;background:#fafbfb;border:1px solid var(--line)}.text-appearance-block>*+*{padding-top:12px;border-top:1px solid var(--line)}.font-entry-button{width:100%;min-height:58px;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#101112;background:transparent;border:0;text-align:left}.font-entry-button>span{min-width:0;display:flex;align-items:center;gap:7px}.font-entry-button>span:first-child{align-items:flex-start;flex-direction:column;gap:3px}.font-entry-button small,.font-entry-button>span:last-child{color:var(--muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px}.font-entry-button strong{font-size:15px}.font-wheel-frame{position:relative;height:132px;overflow:hidden;background:#f3f4f5;border-radius:8px}.font-wheel{height:132px;padding-block:44px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.font-wheel::-webkit-scrollbar{display:none}.font-wheel button{display:flex;width:100%;height:44px;padding:0 14px;align-items:center;justify-content:space-between;scroll-snap-align:center;color:#7c838c;background:transparent;border:0;font-size:14px}.font-wheel button small{color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px}.font-wheel button.active{color:#101112;font-size:16px;font-weight:700}.font-wheel-selection{position:absolute;top:44px;right:6px;left:6px;height:44px;border-top:1px solid #cfd2d5;border-bottom:1px solid #cfd2d5;border-radius:6px;pointer-events:none}.font-wheel-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(#f3f4f5 0,#f3f4f500 38% 62%,#f3f4f5);pointer-events:none}.custom-color-picker{display:grid;gap:15px}.color-gradient-area{position:relative;width:100%;height:168px;padding:0;overflow:hidden;touch-action:none;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);border:1px solid #cdd2d8;border-radius:7px;cursor:crosshair}.color-gradient-cursor{position:absolute;width:20px;height:20px;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000008c;transform:translate(-50%,-50%);pointer-events:none}.color-hue-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;color:#4c5665;font-size:12px;font-weight:700}.color-hue-row input{width:100%;height:14px;margin:0;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px}.color-hue-row input::-webkit-slider-thumb{width:24px;height:24px;appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #8d949d,0 2px 5px #00000038}.color-hue-row input::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #8d949d,0 2px 5px #00000038}.color-alpha-row{display:grid;grid-template-columns:52px minmax(0,1fr) 42px;align-items:center;gap:10px;color:#4c5665;font-size:12px;font-weight:700}.color-alpha-row input{width:100%;height:14px;margin:0;appearance:none;background-color:#fff;background-image:linear-gradient(to right,transparent,var(--alpha-color)),linear-gradient(45deg,#d8dadd 25%,transparent 25%,transparent 75%,#d8dadd 75%),linear-gradient(45deg,#d8dadd 25%,#fff 25% 75%,#d8dadd 75%);background-position:0 0,0 0,5px 5px;background-size:auto,10px 10px,10px 10px;border-radius:999px}.color-alpha-row input::-webkit-slider-thumb{width:24px;height:24px;appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #8d949d,0 2px 5px #00000038}.color-alpha-row input::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #8d949d,0 2px 5px #00000038}.color-alpha-row output{color:#101112;font-artwork-numeric:tabular-nums;text-align:right}.color-value-row{min-height:44px;display:grid;grid-template-columns:30px 36px minmax(0,1fr);align-items:center;gap:9px;color:#4c5665;font-size:12px;font-weight:700}.color-preview{position:relative;width:30px;height:30px;overflow:hidden;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c9d0da;background-color:#fff;background-image:linear-gradient(45deg,#d8dadd 25%,transparent 25%,transparent 75%,#d8dadd 75%),linear-gradient(45deg,#d8dadd 25%,#fff 25% 75%,#d8dadd 75%);background-position:0 0,4px 4px;background-size:8px 8px}.color-preview i{position:absolute;inset:0}.color-value-row input{min-width:0;height:42px;padding:0 11px;color:#101112;background:#f4f5f6;border:1px solid #d9dde2;border-radius:5px;font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.character-count{float:right;color:var(--muted);font-weight:400}.permission-note{padding:11px;display:flex;align-items:flex-start;gap:8px;background:#f3f5f5;color:var(--muted);font-size:10px}.artwork-allocation{padding:12px;border-left:3px solid var(--success);background:#f1f8f5}.artwork-allocation--invalid{border-color:var(--warning);background:#fff6e9}.artwork-allocation span,.artwork-allocation strong,.artwork-allocation small{display:block}.artwork-allocation span{color:var(--muted);font-size:9px}.artwork-allocation strong{margin:2px 0;font-size:15px}.artwork-allocation small{color:var(--muted);font-size:9px}.artwork-list{min-height:0;margin-top:12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.artwork-row{display:grid;grid-template-columns:48px minmax(0,1fr) 54px 44px 44px;min-height:66px;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.artwork-row--active{background:#eef4ff}.artwork-row__preview{width:42px;height:42px;overflow:hidden}.artwork-row__preview .artboard{width:42px;height:42px;box-shadow:none}.artwork-row>span strong,.artwork-row>span small{display:block}.artwork-row>span strong{font-size:11px}.artwork-row>span small{color:var(--muted);font-size:9px}.artwork-row label span{display:block;color:var(--muted);font-size:8px}.artwork-row input{width:50px;height:34px;border:1px solid var(--line);text-align:center}.artwork-row .artwork-row__copy{width:44px;color:var(--selection)}.artwork-row .artwork-row__delete{width:44px;color:var(--danger)}.artwork-close{margin-top:14px}.confirm-dialog__danger{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;background:#fff0ef;color:var(--danger)}.sku-workspace-page{background:#f1f3f3}.sku-workspace-hero{padding:22px 20px 18px;border-bottom:1px solid #101112;background:#fff}.sku-workspace-hero>div{display:flex;align-items:flex-end;justify-content:space-between}.sku-workspace-hero h1{margin-top:0;font-family:Georgia,Songti SC,serif;font-size:27px;font-weight:500}.sku-workspace-hero p{max-width:34ch;margin-top:7px;color:var(--muted);font-size:11px}.sku-active-draft{margin:14px 12px;padding:12px;display:grid;grid-template-columns:106px 1fr;gap:12px;background:#fff;border-top:4px solid var(--selection)}.sku-active-draft__preview{position:relative;width:106px;height:116px;overflow:hidden}.sku-active-draft__preview img{width:100%;height:100%;object-fit:cover}.sku-active-draft__preview .status-pill{position:absolute;left:6px;bottom:6px}.sku-active-draft__copy h2{font-size:16px}.sku-active-draft__copy p{margin-top:4px;color:var(--muted);font-size:9px}.sku-active-draft__copy small{color:var(--selection);font-size:9px}.retention-line{height:4px;margin:18px 0 5px;background:#dfe3e4}.retention-line span{display:block;width:72%;height:100%;background:var(--selection)}.sku-active-draft>.decision-row{grid-column:1 / -1}.sku-empty-draft{width:calc(100% - 24px);min-height:74px;margin:14px 12px;padding:12px;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:8px;border:1px dashed var(--selection);background:#fff;color:var(--selection);text-align:left}.sku-empty-draft strong,.sku-empty-draft small{display:block}.sku-empty-draft small{margin-top:3px;color:var(--muted);font-size:9px}.sku-completed-section{margin-top:18px;background:#fff;border-top:1px solid #101112;border-bottom:1px solid #101112}.sku-completed-section>header{padding:14px 16px 10px;display:flex;align-items:flex-end;justify-content:space-between}.sku-completed-section h2{margin-top:0;font-size:15px}.sku-completed-section>header>span{color:var(--muted);font-size:10px}.sku-completed-item{width:100%;min-height:74px;padding:9px 12px;display:grid;grid-template-columns:54px minmax(0,1fr) auto 18px;align-items:center;gap:9px;border:0;border-top:1px solid var(--line);background:#fff;text-align:left}.sku-completed-item img{width:54px;height:54px;object-fit:cover}.sku-completed-item strong,.sku-completed-item small{display:block}.sku-completed-item strong{font-size:12px}.sku-completed-item small{color:var(--muted);font-size:8px}.sku-completed-item em{padding:3px 7px;border-radius:999px;background:#eaf7f0;color:var(--success);font-size:8px;font-style:normal;font-weight:800}.sku-completed-item em.status-expiring{background:#fff1e7;color:var(--warning)}.sku-list-empty{padding:26px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;text-align:center}.sku-scope-note{padding:16px;display:flex;justify-content:center;gap:6px;color:var(--muted);font-size:9px}.confirm-dialog--editorial{border-radius:4px;text-align:left}.confirm-dialog--editorial h2{margin-top:0;font-family:Georgia,Songti SC,serif;font-weight:500}.confirm-dialog--editorial>p{margin-inline:0}.expiry-mark{width:48px;height:48px;margin-bottom:12px;display:grid;place-items:center;background:#fff1e7;color:var(--warning)}.expiry-dialog-note{margin-bottom:14px;padding:10px;display:flex;gap:8px;background:#fff6e9;color:var(--warning);font-size:10px}.sku-expired-page{background:#fff}.expired-panel{min-height:calc(100dvh - 58px);padding:68px 24px 24px;display:flex;align-items:center;flex-direction:column;text-align:center}.expired-panel__icon{width:62px;height:62px;margin-bottom:16px;display:grid;place-items:center;border:1px solid var(--line);color:var(--warning)}.expired-panel .screen-index{margin:12px 0 4px}.expired-panel h1{font-family:Georgia,Songti SC,serif;font-size:27px;font-weight:500}.expired-panel>p{max-width:31ch;margin:10px 0 22px;color:var(--muted);font-size:12px}.expired-panel dl{width:100%;display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 28px;padding:13px 0;border-top:1px solid #101112;border-bottom:1px solid #101112}.expired-panel dl div+div{border-left:1px solid var(--line)}.expired-panel dt{color:var(--muted);font-size:8px}.expired-panel dd{margin:4px 0 0;font-size:9px;font-weight:700}.expired-panel .decision-row{width:100%;margin-top:auto}.completed-page{padding:0;align-items:stretch;background:#fff}.completed-visual{position:relative;height:clamp(220px,34dvh,320px);min-height:220px;flex-shrink:0;overflow:hidden;background:#f1d3c5}.completed-visual>.artboard{width:100%;height:100%;box-shadow:none}.completed-visual>.artboard:after{content:"";position:absolute;z-index:20;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(16,17,18,.72));pointer-events:none}.completed-wordmark{position:absolute;z-index:21;left:20px;top:calc(18px + var(--safe-top))}.completed-wordmark img{display:block;width:128px;height:auto;filter:drop-shadow(0 1px 6px #0004)}.completed-code{position:absolute;z-index:22;top:calc(7px + var(--safe-top));right:11px;min-height:44px;max-width:calc(100% - 164px);padding:0 9px;display:flex;align-items:center;justify-content:flex-end;gap:5px;border:0;background:transparent;color:#ffffffe6;font-size:9px;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 8px rgba(16,17,18,.72)}.completed-code span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-visual>div:last-child{position:absolute;z-index:21;right:20px;bottom:18px;left:20px;color:#fff}.completed-visual h1{font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:500}.completed-visual p{color:#ffffffc7;font-size:10px}.completed-details{flex:1;padding:17px 20px calc(14px + var(--safe-bottom));display:flex;flex-direction:column}.completed-details dl{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;margin:0;padding-bottom:14px;border-bottom:1px solid #101112}.completed-details dt{color:var(--muted);font-size:8px;text-transform:uppercase}.completed-details dd{margin:4px 0 0;font-size:11px;font-weight:700}.completed-details dl>div:first-child dd{white-space:nowrap;overflow-x:auto}.completed-pages{container-type:inline-size;margin-top:14px}.completed-pages>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.completed-pages h2{margin:0;font-size:12px;font-weight:600}.completed-pages header>span{color:var(--muted);font-size:10px}.completed-gallery{--tile-size: calc((100cqw - 16px) / 3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--tile-size);gap:8px;max-height:100cqw;overflow-y:auto;overscroll-behavior-y:contain;border-radius:8px}.completed-gallery:focus-visible{outline:2px solid var(--selection);outline-offset:3px}.completed-gallery__item{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:6px;background:#f3f4f2;border:1px solid #e8ebe7;border-radius:8px;overflow:hidden}.completed-gallery__item img{display:block;width:100%;height:100%;object-fit:contain}.completed-gallery__placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:10px}.completed-lock-note{margin-top:12px;padding:10px;display:flex;gap:8px;background:#eaf2ff;color:var(--selection)}.completed-lock-note strong,.completed-lock-note small{display:block}.completed-lock-note strong{font-size:9px}.completed-lock-note small{margin-top:2px;color:#46658b;font-size:8px}.completed-actions{margin-top:auto;padding-top:14px}.completed-actions>button{font-size:14px;white-space:nowrap}.host-mock-note{margin-top:8px;color:var(--success);font-size:9px;text-align:center}@media(min-width:600px){#app{width:430px}.bottom-sheet,.check-page>.sticky-action{width:430px}}@media(max-height:680px){.order-entry-brand{min-height:210px}.completed-visual{min-height:220px}}.asset-host-camera{display:inline-flex;min-height:36px;align-items:center;gap:5px;padding:0 10px;color:var(--selection, #2563eb);background:#eef4ff;border:1px solid #c9d8ef;border-radius:5px;font-size:12px}.asset-host-camera:disabled{opacity:.55;cursor:wait}.canvas-image-source{position:absolute;z-index:6;left:12px;bottom:10px;max-width:min(290px,calc(100% - 24px))}.canvas-workspace:has(.page-strip) .canvas-image-source{bottom:78px}.canvas-image-source button{display:flex;align-items:center;gap:7px;min-height:28px;padding:4px 9px;border:1px solid #cbd8d3;border-radius:8px;background:#f7fffcf2;color:#25664b;font-size:11px;box-shadow:0 1px 6px #0000000a}.canvas-image-source--proxy button{background:#fff9eaf2;border-color:#ecd9a9;color:#805b13}.canvas-image-source--unavailable button{background:#fff0eef2;border-color:#edc5bf;color:#a34032}.canvas-image-source p{position:absolute;bottom:100%;left:0;width:260px;max-width:calc(100vw - 48px);padding:10px 12px;margin:0 0 6px;border-radius:10px;background:#fff;box-shadow:0 3px 20px #0002;font-size:12px;line-height:1.6}.asset-grid__source-mode{position:absolute;left:4px;bottom:4px;padding:2px 5px;border-radius:4px;background:#fff9eaef;color:#805b13;font-size:10px}.template-rail--empty{align-items:center;padding:10px 16px;font-size:12px;color:#69717d}.template-page,.check-page,.preview-page,.completed-page{position:relative}.completed-more{position:absolute;z-index:46;top:calc(12px + var(--safe-top));right:12px;border-radius:7px;background:#fffffff2}.completed-page .completed-code{right:64px;max-width:calc(100% - 224px)}html[data-navigation-owner=host] :is(.template-page,.check-page,.preview-page){padding-top:calc(60px + var(--safe-top))}