:root{--bg:#e8e8ec;--panel:#fff;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--soft:#f4f4f5;--rail:#fafafa;--brand:#27272a;--accent:#18181b;--warn:#f59e0b;--danger:#dc2626;--shadow:0 1px 3px #00000014;--shadow-lg:0 22px 60px #00000038;--shadow-layout:0 1px 2px #0000000f, 0 3px 10px #0000001a;--sel-ring:#9a9aa3;--sel-ring-w:4px;--ui-accent:#52525b;--ui-accent-strong:#3f3f46;--ui-accent-muted:#71717a;--ui-accent-soft:#3f3f4624;--radius:12px;--rail-w:96px;--flyout-w:clamp(340px, 26vw, 420px);--flyout-min-w:280px;--header-h:72px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}.studio{background:var(--bg);flex-direction:column;height:100%;display:flex;position:relative}.studio-header{height:var(--header-h);background:var(--panel);border-bottom:1px solid var(--line);z-index:40;flex:none;align-items:center;gap:14px;padding:0 18px;display:flex}.studio-header:has(.hdr-order-edit-banner){height:auto;min-height:var(--header-h);flex-wrap:wrap;row-gap:0;padding-top:0}.hdr-order-edit-banner{color:#f5f5f5;letter-spacing:.01em;background:#1a1a1a;flex:1 0 100%;order:-1;margin:0 -18px 8px;padding:7px 18px;font-size:12px;line-height:1.35}.logo{letter-spacing:.2px;white-space:nowrap;font-family:Montserrat,Inter,sans-serif;font-size:19px;font-weight:700}.logo--btn{color:inherit;border-radius:9px;margin:0 -10px;padding:6px 10px;transition:background .15s}.logo--btn:hover{background:var(--soft)}.hdr-sep{background:var(--line);width:1px;height:32px;margin:0 2px}.hdr-btn{min-width:36px;height:36px;color:var(--brand);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 8px;display:inline-flex}.hdr-btn span{font-size:10px;font-weight:600}.hdr-btn:hover:not(:disabled){background:var(--soft)}.hdr-btn:disabled{opacity:.35;cursor:default}.project-name{background:0 0;border:1px solid #0000;border-radius:10px;max-width:260px;padding:8px 12px;font-size:14px;font-weight:600}.project-name:hover{background:var(--soft)}.project-name:focus{border-color:var(--line);background:#fff;outline:none}.spacer{flex:1}.view-mode{background:var(--soft);border:1px solid var(--line);border-radius:12px;align-items:center;gap:2px;padding:4px;display:inline-flex}.view-mode-btn{width:42px;height:36px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.view-mode-btn:hover{color:var(--ink);background:#fff}.view-mode-btn.active{color:var(--ink);box-shadow:var(--shadow);background:#fff}.save-pill{min-width:64px;height:40px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:600;display:inline-flex}.save-pill strong{color:var(--brand);font-size:11px;font-weight:700}.btn{border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-ghost:hover{background:var(--soft)}.hdr-icon-btn{width:42px;height:42px;color:var(--ink);border-radius:11px;flex:none;place-items:center;display:grid}.hdr-icon-btn:hover,.hdr-icon-btn[aria-pressed=true]{background:var(--soft)}.hdr-action{height:44px;color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:9px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.hdr-action svg{flex:none}.hdr-action:hover:not(:disabled){background:var(--soft)}.hdr-action:disabled{opacity:.55;cursor:default}.hdr-action.is-saved{color:var(--muted)}.hdr-action--preview{border:1px solid var(--line);background:#fff}.hdr-action--preview:hover:not(:disabled){background:var(--soft)}.hdr-action--preview.is-active{background:var(--soft);border-color:#d4d4d8}.hdr-action--share{background:var(--accent);color:#fff}.hdr-action--share:hover:not(:disabled){opacity:.92;background:var(--accent)}.hdr-action--cart{background:var(--accent);color:#fff}.hdr-action--cart svg{color:#fff}.hdr-action--cart:hover:not(:disabled){opacity:.92;background:var(--accent)}.hdr-fs-hint{z-index:200;color:#fff;pointer-events:none;box-shadow:var(--shadow-lg);background:#18181b;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;position:fixed;top:10px;left:50%;transform:translate(-50%)}.hdr-share-overlay{z-index:180;place-items:center;display:grid;position:fixed;inset:0}.hdr-share-backdrop{cursor:default;background:#18181b73;border:0;position:absolute;inset:0}.hdr-share-modal{width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;padding:8px 8px 12px;position:relative}.hdr-share-modal__head{align-items:center;gap:8px;padding:8px 10px 4px;display:flex}.hdr-share-modal__head b{flex:1;font-size:15px}.hdr-share-modal__hint{color:var(--muted);margin:0;padding:0 12px 8px;font-size:12px}.hdr-share-option{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;display:flex}.hdr-share-option:hover{background:var(--soft)}.hdr-share-option strong{font-size:14px;font-weight:700}.hdr-share-option span{color:var(--muted);font-size:12px}.studio.is-preview .canvas-main.is-preview .photo-slot,.studio.is-preview .canvas-main.is-preview .text-block,.studio.is-preview .canvas-main.is-preview .sticker-block{pointer-events:none}.studio.is-preview .canvas-area,.studio.is-preview .canvas-main,.studio.is-preview .canvas-scale{overflow:visible!important}.studio.is-preview .canvas-main{padding:28px 56px 36px}.preview-stf-host{box-shadow:none;-webkit-user-select:none;user-select:none;z-index:2;will-change:transform;background:0 0;border-radius:1px;transition:none;position:relative;overflow:visible}.preview-stf-host.is-shell-ready{transition:transform .45s cubic-bezier(.33,.1,.25,1)}.preview-stf-host.is-cover-front{transform:translate(-25%)}.preview-stf-host.is-cover-back{transform:translate(25%)}.preview-stf-host.is-spread,.preview-stf-host.is-flipping{transform:translate(0)}.preview-stf-mount{z-index:1;width:100%;height:100%;box-shadow:none;background:0 0;border-radius:1px;position:relative;overflow:visible}.preview-stf-host.is-spread .preview-stf-mount,.preview-stf-host.is-flipping .preview-stf-mount,.preview-stf-host.is-cover-front:not(.is-flipping) .stf__item.--simple.--right,.preview-stf-host.is-cover-back:not(.is-flipping) .stf__item.--simple.--left{box-shadow:var(--shadow-layout)}.preview-stf-host.is-spread:not(.is-flipping) .stf__item[data-cm-role=front],.preview-stf-host.is-spread:not(.is-flipping) .stf__item[data-cm-role=back],.preview-stf-host.is-cover-front:not(.is-flipping) .stf__item[data-cm-role=back],.preview-stf-host.is-cover-back:not(.is-flipping) .stf__item[data-cm-role=front],.preview-stf-host:not(.is-flipping) .stf__item[data-cm-role=blank]{visibility:hidden!important;pointer-events:none!important;display:none!important}.preview-stf-source{pointer-events:none;visibility:hidden;width:0;height:0;position:absolute;top:0;left:-10000px;overflow:hidden}.preview-stf-fallback{z-index:0;display:flex;position:absolute;inset:0}.preview-stf-host:not(.is-shell-ready) .preview-stf-fallback{z-index:2}.preview-stf-host:not(.is-shell-ready) .preview-stf-mount{visibility:hidden}.preview-stf-fallback.is-front{justify-content:flex-end}.preview-stf-fallback.is-back{justify-content:flex-start}.preview-stf-book,.preview-stf-host .stf__parent{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;overflow:visible!important}.preview-stf-host .stf__wrapper,.preview-stf-host .stf__block{width:100%!important;height:100%!important;overflow:visible!important}.preview-stf-host .stf__block{perspective:2800px!important}.preview-stf-host .stf__item{background:#fff;overflow:visible}.preview-stf-host .stf__item.--simple{overflow:hidden}.stf-page{background:#fff;overflow:hidden}.preview-stf-host .stf__outerShadow,.preview-stf-host .stf__innerShadow{pointer-events:none}.preview-page{pointer-events:none;width:100%;height:100%;overflow:hidden}.preview-page--empty{background:#fff}.preview-page .page-surface,.preview-page .photo-slot,.preview-page .text-block,.preview-page .sticker-block,.preview-page .slot-toolbar,.preview-page .slot-handle{pointer-events:none!important}.shell{flex:1;min-height:0;display:flex;position:relative}.rail{width:var(--rail-w);background:var(--rail);border-right:1px solid var(--line);z-index:30;flex-direction:column;flex:none;align-items:center;gap:2px;padding:10px 0;display:flex}.rail-item{width:84px;color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 0;display:flex;position:relative}.rail-item:hover{color:var(--ink);background:#fff}.rail-item.active{background:var(--ink);color:#fff}.rail-item svg{width:26px;height:26px}.rail-item span{font-size:11px;font-weight:600}.rail-spacer{flex:1}.rail-badge{background:var(--warn);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;right:8px}.rail-badge--alert{background:#dc2626}.rail-badge--count{background:#3f3f46;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10px;top:6px;right:14px}.rail-item.active .rail-badge--count{color:#18181b;background:#fff}.flyout{width:0;min-width:0;max-width:0;box-shadow:none;z-index:25;opacity:0;pointer-events:none;background:0 0;border-right:0 solid #0000;flex-direction:column;flex:0 0 0;transition:flex-basis .22s,width .22s,max-width .22s,opacity .16s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.flyout.open{flex:0 0 var(--flyout-w);width:var(--flyout-w);max-width:var(--flyout-w);opacity:1;pointer-events:auto;overflow:visible}.flyout.is-resizing{-webkit-user-select:none;user-select:none;transition:none}.flyout-shell{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:6px 0 24px -16px #00000040}.flyout-shell.is-photo-selecting .flyout-head{visibility:hidden}.flyout-shell.is-photo-selecting .ph-tools-rail{max-height:66px;padding-top:14px}.ph-sel-bar{z-index:30;background:var(--panel);opacity:0;pointer-events:none;visibility:hidden;border-bottom:0;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 14px;transition:transform .28s,opacity .22s,visibility .28s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.ph-sel-bar.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.ph-sel-bar__count{color:#18181b;font-size:15px;font-weight:600}.ph-sel-bar__count b{font-weight:800}.flyout-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;width:100%;height:52px;padding:0 14px;display:flex}.flyout-head--photos-add{border-bottom:0}.flyout-head b,.flyout-head__title{flex:1;font-size:16px}.flyout-head--photos-add .flyout-back{text-align:left;flex:1;font-size:14px}.flyout-back{color:#3f3f46;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:4px 2px;font-size:13px;font-weight:600}.flyout-back:hover{color:#18181b;text-decoration:underline}.flyout-back-spacer{width:0}.flyout-close{width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;font-size:18px;display:grid}.flyout-close:hover{background:var(--soft);color:var(--ink)}.flyout-body{scrollbar-gutter:stable;flex:1;width:100%;min-height:0;padding:16px 18px 24px;transition:transform .28s;overflow:auto}.flyout-body--flush{scrollbar-gutter:auto;padding:0}.flyout-resize{z-index:40;border:1px solid var(--line);border-left-color:var(--panel);background:var(--panel);cursor:ew-resize;touch-action:none;border-radius:0 7px 7px 0;width:11px;height:42px;padding:0;position:absolute;top:50%;right:0;transform:translate(calc(100% - 1px),-50%);box-shadow:2px 0 6px -3px #0000002e}.flyout-resize:before{content:"";background:#c4c4c8;border-radius:1px;width:2px;height:16px;margin:-8px 0 0 -1px;position:absolute;top:50%;left:50%}.flyout-resize:hover,.flyout.is-resizing .flyout-resize{border-color:#c4c4c8;border-left-color:var(--panel)}.flyout-resize:hover:before,.flyout.is-resizing .flyout-resize:before{background:#a1a1aa}.stage{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.canvas-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.canvas-toolbar{background:var(--bg);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 20px 6px;display:flex}.canvas-toolbar__left,.canvas-toolbar__right{align-items:center;gap:8px;display:flex}.canvas-toolbar__left{justify-content:flex-start}.canvas-toolbar__center{justify-self:center}.canvas-toolbar__right{justify-content:flex-end;margin-left:auto}.ct-btn{border:1px solid var(--line);height:36px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000a}.ct-btn:hover:not(:disabled){background:#fafafa;border-color:#c4c4c8}.ct-btn:disabled{opacity:.38;cursor:default}.ct-btn.open{border-color:var(--ui-accent-muted);box-shadow:0 0 0 1px var(--ui-accent-soft)}.ct-btn--menu .ct-chevron{border-right:2px solid var(--ui-accent-strong);border-bottom:2px solid var(--ui-accent-strong);width:8px;height:8px;margin-left:2px;transition:transform .15s;display:block;transform:rotate(45deg)translateY(-2px)}.ct-btn--menu.open .ct-chevron{transform:rotate(-135deg)translateY(2px)}.ct-btn--danger:hover:not(:disabled){color:#b91c1c;border-color:#fca5a5}.ct-menu-wrap{position:relative}.ct-dropdown{border:1px solid var(--line);z-index:40;background:#fff;border-radius:10px;min-width:220px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000001f}.ct-dropdown--right{left:auto;right:0;transform:none}.ct-dropdown button{text-align:left;width:100%;color:var(--ink);padding:10px 16px;font-size:13px;font-weight:500;display:block}.ct-dropdown button:hover{background:var(--soft)}.canvas-main{flex:1;place-items:center;min-height:0;padding:12px 40px 16px;display:grid;position:relative;overflow:hidden}.canvas-main.is-panning{cursor:grab;touch-action:none}.canvas-main.is-panning:active{cursor:grabbing}.canvas-main.is-panning .spread,.canvas-main.is-panning .page-surface{pointer-events:none}.canvas-scale{transition:transform .18s;overflow:visible}.canvas-main.is-panning .canvas-scale{transition:none}.canvas-main.is-marquee{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-marquee{z-index:40;pointer-events:none;box-sizing:border-box;background:#7c3aed1f;border:1.5px solid #7c3aed;border-radius:2px;position:absolute}.canvas-bottom-bar{border:1px solid var(--line);width:fit-content;max-width:calc(100% - 32px);height:44px;box-shadow:var(--shadow);z-index:15;background:#fff;border-radius:10px;flex:none;justify-content:center;align-self:center;align-items:center;gap:18px;margin:0 auto 12px;padding:0 12px;display:flex}.cbb-nav,.cbb-zoom{align-items:center;gap:8px;display:flex}.cbb-btn{width:32px;height:32px;color:var(--ink);border-radius:8px;place-items:center;font-size:20px;font-weight:600;line-height:1;display:grid}.cbb-btn:hover:not(:disabled){background:var(--soft)}.cbb-btn:disabled{opacity:.3;cursor:default}.cbb-btn.cbb-icon{font-size:16px;font-weight:700}.cbb-label{text-align:center;width:148px;min-width:148px;color:var(--ink);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.cbb-slider{width:100px;accent-color:var(--ui-accent-strong);cursor:pointer}.cbb-pct{min-width:40px;color:var(--muted);text-align:right;font-size:11px;font-weight:600}.cart-confirm-bar{border:1px solid var(--line);width:min(1100px,100% - 32px);box-shadow:var(--shadow);z-index:16;background:#fff;border-radius:12px;flex-direction:column;flex:none;align-self:center;align-items:stretch;gap:8px;margin:0 auto 16px;padding:12px 16px;display:flex}.cart-confirm-row{align-items:center;gap:16px;display:flex}.cart-confirm-copy{flex:auto;align-items:flex-start;gap:8px;min-width:0;display:flex}.cart-confirm-check{min-width:0;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;line-height:1.35;display:flex}.cart-confirm-check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:1px}.cart-confirm-tip__btn{color:#52525b;cursor:help;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:0;padding:0;display:grid}.cart-confirm-tip__btn:hover,.cart-confirm-tip__btn.is-open{color:#18181b}.cart-confirm-hint{color:#fff;background:#18181b;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.45}.cart-confirm-hint a{color:#fff;text-underline-offset:2px;text-decoration:underline}.cart-confirm-error{color:#b42318;margin:0;font-size:13px;font-weight:600}.cart-confirm-actions{flex:none;align-items:center;gap:8px;display:flex}.cart-confirm-cancel,.cart-confirm-add{cursor:pointer;white-space:nowrap;border-radius:999px;height:42px;padding:0 18px;font-size:14px;font-weight:700}.cart-confirm-cancel{border:1px solid var(--line);color:var(--ink);background:#fff}.cart-confirm-cancel:hover{background:var(--soft)}.cart-confirm-add{background:var(--accent);color:#fff;border:0}.cart-confirm-add:hover:not(:disabled){opacity:.92}.cart-confirm-add:disabled{opacity:.4;cursor:not-allowed}@media (width<=860px){.cart-confirm-row{flex-wrap:wrap;align-items:flex-start}.cart-confirm-actions{justify-content:flex-end;width:100%}}.studio.is-cart-confirm .canvas-bottom-bar{margin-bottom:8px}.cbb-hand{color:var(--ink);margin-left:4px}.cbb-hand svg{display:block;transform:translate(-2px)}.cbb-hand.is-on{background:var(--ui-accent-strong);color:#fff}.cbb-hand.is-on:hover{background:var(--ui-accent);color:#fff}.spread{box-shadow:var(--shadow-layout);transform-origin:50%;background:#fff;border-radius:1px;align-items:stretch;transition:box-shadow .2s;display:flex;position:relative;overflow:visible}.spread-gutter-guide{background:var(--ui-accent);opacity:.28;pointer-events:none;z-index:8;width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0;left:50%}.spread--single{box-shadow:var(--shadow-layout)}.page-surface{z-index:1;isolation:isolate;background:#fff;flex:none;position:relative;overflow:visible}.page-surface__bg{z-index:0;pointer-events:none;transform-origin:50%;position:absolute;inset:0}.page-surface.is-left{z-index:1}.page-surface.is-right{z-index:2}.page-surface.is-cover-gutter{z-index:5}.page-surface__layers{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-surface__layers .photo-slot,.page-surface__layers .sticker-block,.page-surface__layers .text-block.selected,.page-surface__layers .text-block.is-editing,.page-surface__layers .text-block__content{pointer-events:auto}.page-surface__content{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-surface__content .text-block,.page-surface__content .sticker-block,.page-surface__decor .sticker-block{pointer-events:auto}.page-surface__decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-surface__decor--under{z-index:1}.page-surface__slots{z-index:2;position:absolute;inset:0;overflow:visible}.page-bleed-guide{display:none}.page-guides{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:visible}.page-surface__warns{z-index:60;pointer-events:none;letter-spacing:normal;text-transform:none;isolation:isolate;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;font-weight:400;position:absolute;inset:0;overflow:hidden}.page-surface__warns .slot-dpi-warn{pointer-events:auto}.page-surface__warns .slot-dpi-warn__icon{letter-spacing:normal;text-transform:none;color:#fff;font:800 15px/1 Inter,system-ui,sans-serif}.guide-line{pointer-events:none;position:absolute}.guide-v{width:0;top:0;bottom:0}.guide-h{height:0;left:0;right:0}.guide-bleed.guide-v{background:repeating-linear-gradient(to bottom, var(--guide-bleed-color,#eab308) 0, var(--guide-bleed-color,#eab308) 7px, transparent 7px, transparent 14px);filter:drop-shadow(0 0 .5px #a1620773);width:2px;margin-left:-1px}.guide-bleed.guide-h{background:repeating-linear-gradient(to right, var(--guide-bleed-color,#eab308) 0, var(--guide-bleed-color,#eab308) 7px, transparent 7px, transparent 14px);filter:drop-shadow(0 0 .5px #a1620773);height:2px;margin-top:-1px}.guide-smart.guide-v{background:var(--ui-accent);width:1px;box-shadow:0 0 0 .5px var(--ui-accent-soft)}.guide-smart.guide-h{background:var(--ui-accent);height:1px;box-shadow:0 0 0 .5px var(--ui-accent-soft)}.page-sel{z-index:0;pointer-events:none;border:var(--sel-ring-w) solid var(--sel-ring);box-sizing:border-box;background:0 0;position:absolute}.page-sel--left{top:calc(-1 * var(--sel-ring-w));left:calc(-1 * var(--sel-ring-w));bottom:calc(-1 * var(--sel-ring-w));border-right:none;right:0}.page-sel--right{top:calc(-1 * var(--sel-ring-w));right:calc(-1 * var(--sel-ring-w));bottom:calc(-1 * var(--sel-ring-w));border-left:none;left:0}.page-sel--single{inset:calc(-1 * var(--sel-ring-w))}.page-surface.is-active{outline:none}.page-surface.is-left{border-right:1px solid #0000000f}.page-label{display:none}.cover-surface__content{pointer-events:auto;display:block}.cover-photo{object-fit:cover;pointer-events:none;border-radius:2px;width:80%;height:58%;position:absolute;inset:8% 10% 30%}.cover-copy{text-align:center;position:absolute;bottom:8%;left:10%;right:10%}.cover-copy--dark{color:#fafafa}.cover-title{margin-bottom:4px;font-family:Playfair Display,serif;font-size:clamp(14px,2.2vw,28px);font-weight:700}.cover-subtitle{color:#52525b;font-size:clamp(9px,1.1vw,12px)}.cover-copy--dark .cover-subtitle{color:#a1a1aa}.cover-back{place-items:center;padding:12%;display:grid;position:absolute;inset:0}.cover-back-photo{object-fit:cover;opacity:.35;border-radius:2px;width:72%;height:52%}.cover-back-title{text-align:center;font-family:Playfair Display,serif;font-size:clamp(12px,1.8vw,22px);font-weight:700;position:absolute;bottom:12%;left:10%;right:10%}.cover-back--dark .cover-back-title{color:#fafafa}.cover-back-sub{text-align:center;color:#71717a;font-size:10px;position:absolute;bottom:6%;left:10%;right:10%}.cover-back--dark .cover-back-sub{color:#a1a1aa}.photo-slot{cursor:move;touch-action:none;background:0 0;border:none;position:absolute;overflow:visible}.photo-slot__photo{z-index:2;position:absolute;inset:0;overflow:visible}.photo-slot__ghost{z-index:1;opacity:.38;pointer-events:none;position:absolute;inset:0;overflow:visible}.photo-slot__ghost-inner{pointer-events:none}.photo-slot.is-panning .photo-slot__photo{z-index:2}.photo-slot__media{background:#f4f4f5;position:absolute;inset:0;overflow:hidden}.photo-slot__media--inner{z-index:1}.photo-slot__frame{position:absolute;inset:0;overflow:hidden}.photo-slot__shape{background:#f4f4f5;position:absolute;overflow:hidden}.photo-slot.filled .photo-slot__media:not(.has-frame),.photo-slot.filled .photo-slot__media.has-frame{background:0 0}.photo-slot:after{content:"";pointer-events:none;box-sizing:border-box;z-index:5;border:2px solid #0000;transition:border-color .12s;position:absolute;inset:0}.photo-slot.empty .photo-slot__media{background:#f4f4f5}.photo-slot.filled,.photo-slot.empty{background:0 0}.photo-slot:not(.selected):not(.dragging):hover:after{border-color:var(--ui-accent-muted)}.photo-slot:not(.selected):not(.dragging):hover{z-index:3}.photo-slot.selected:after{border-color:var(--ui-accent-strong)}.photo-slot.selected{z-index:4}.photo-slot.selected.dragging:after{border-color:var(--ui-accent-strong)}.slot-handle{background:var(--ui-accent-strong);z-index:6;pointer-events:auto;border:1.5px solid #fff;border-radius:1px;width:9px;height:9px;position:absolute;box-shadow:0 0 0 1px #3f3f4659}.slot-handle--nw{cursor:nwse-resize;top:-5px;left:-5px}.slot-handle--ne{cursor:nesw-resize;top:-5px;right:-5px}.slot-handle--sw{cursor:nesw-resize;bottom:-5px;left:-5px}.slot-handle--se{cursor:nwse-resize;bottom:-5px;right:-5px}.slot-handle--n{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.slot-handle--s{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.slot-handle--w{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.slot-handle--e{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.slot-plus{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:.72;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-slot:not(.selected):not(.dragging):hover .slot-plus{opacity:.9}.slot-img{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform}.slot-toolbar{border:1px solid var(--line);pointer-events:auto;white-space:nowrap;background:#fff;border-radius:10px;align-items:stretch;gap:0;padding:8px 10px;display:flex;box-shadow:0 8px 28px #00000029}.slot-toolbar--portal{z-index:10050;flex-wrap:nowrap;width:max-content;max-width:calc(100vw - 16px);position:fixed;overflow-x:auto}.slot-toolbar--portal.is-tool{min-width:0;overflow-x:visible}.slot-toolbar__group{flex:none;align-items:stretch;min-width:auto;display:flex}.slot-toolbar__sep{background:var(--line);flex:none;align-self:stretch;width:1px;margin:4px 6px}.slot-tb-btn{color:#52525b;letter-spacing:.03em;text-transform:uppercase;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;min-width:58px;padding:6px 8px;font-size:9px;font-weight:700;line-height:1.1;display:flex}.slot-toolbar>.slot-tb-btn{flex:none;min-width:58px}.slot-tb-btn.is-active,.slot-tb-btn:hover,.slot-tb-btn:hover{background:var(--soft);color:var(--ink)}.slot-tb-btn svg{flex:none}.slot-tb-pop{border:1px solid var(--line);z-index:2;white-space:normal;background:#fff;border-radius:10px;min-width:220px;max-width:min(420px,94vw);padding:12px;position:absolute;bottom:calc(100% + 8px);left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 10px 28px #00000029}.slot-toolbar--below .slot-tb-pop,.slot-tb-pop--below{top:calc(100% + 8px);bottom:auto}.slot-tb-pop__row{color:#3f3f46;grid-template-columns:88px 1fr;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:grid}.slot-tb-pop__row:last-child{margin-bottom:0}.slot-tb-pop__row input[type=range]{width:100%}.slot-tb-swatches{flex-wrap:wrap;gap:8px;display:flex}.slot-tb-swatch{border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #d4d4d8}.slot-tb-swatch.is-on{box-shadow:0 0 0 2px var(--ui-accent-strong)}.slot-tb-toggle{background:var(--soft);border-radius:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:600}.slot-tb-toggle.is-on{color:var(--ink);background:#e8e8eb}.slot-tb-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.slot-tb-chip{background:var(--soft);color:#3f3f46;border-radius:8px;padding:8px 6px;font-size:11px;font-weight:600}.slot-tb-chip.is-on{box-shadow:inset 0 0 0 1px var(--ui-accent-strong);background:#e4e4e7}.slot-border-panel{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.slot-border-panel__width{letter-spacing:.04em;text-transform:uppercase;color:#52525b;flex:160px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:11px;font-weight:700;display:grid}.slot-border-panel__width em{text-align:right;color:#18181b;min-width:1.2em;font-style:normal}.slot-border-panel__width input[type=range]{width:100%}.slot-border-panel__actions{flex:none;gap:6px;display:flex}.slot-border-btn{border:1px solid var(--line);color:#71717a;background:#fff;border-radius:8px;height:32px;padding:0 12px;font-size:12px;font-weight:600}.slot-border-btn--accent{border-color:var(--ui-accent-strong);color:var(--ui-accent-strong)}.slot-border-btn:hover{background:var(--soft)}.cm-color{flex:none;position:relative}.cm-color.is-disabled,.cm-color__trigger:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.cm-color__trigger{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;height:34px;padding:4px 8px 4px 4px;display:inline-flex}.cm-color__chip{border:1px solid #0000001f;border-radius:4px;width:22px;height:22px}.cm-color__pop{z-index:30;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:min(280px,90vw);padding:12px;box-shadow:0 10px 28px #18181b29}.cm-color__pop--portal{z-index:1200;opacity:0;transform-origin:0;pointer-events:none;max-height:calc(100vh - 16px);transition:opacity .18s,transform .2s cubic-bezier(.22,.9,.24,1);overflow:auto;transform:translateY(6px)scale(.96)}.cm-color__pop--portal.is-open{opacity:1;pointer-events:auto;transform:none}.cm-color__pop--side{transform-origin:left var(--cm-caret-top,28px);border-radius:12px;padding:14px;box-shadow:0 8px 28px #00000024}.cm-color__pop--side.cm-color__pop--caret-right{transform-origin:right var(--cm-caret-top,28px)}.cm-color__pop--side:not(.is-open){transform:translate(-6px)scale(.96)}.cm-color__pop--side.cm-color__pop--caret-right:not(.is-open){transform:translate(6px)scale(.96)}@media (prefers-reduced-motion:reduce){.cm-color__pop--portal{transition:none}}.cm-color__caret{pointer-events:none;z-index:1;background:#fff;border-bottom:1px solid #e4e4e7;border-left:1px solid #e4e4e7;width:12px;height:12px;position:absolute;transform:translateY(-50%)rotate(45deg)}.cm-color__pop--caret-left .cm-color__caret{left:-6px}.cm-color__pop--caret-right .cm-color__caret{border-top:1px solid #e4e4e7;border-bottom:0;border-left:0;border-right:1px solid #e4e4e7;right:-6px}.cm-color__hex-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.cm-color__hex-wrap{flex:1;min-width:0;position:relative}.cm-color__hex{color:#18181b;background:#fff;border:1px solid #d4d4d8;border-radius:8px;width:100%;height:34px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.cm-color__hex:focus,.cm-color__hex:focus-visible{border-color:#d4d4d8;outline:none}.cm-color__icon-btn{border:1px solid var(--line);color:#3f3f46;background:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;line-height:0;display:inline-flex}.cm-color__icon-btn--round{color:#71717a;border-color:#d4d4d8;border-radius:50%;width:34px;height:34px}.cm-color__icon-btn--round:hover{color:#3f3f46}.cm-color__eyedropper{flex:none;width:18px;height:18px;display:block}.cm-color__icon-btn.is-on,.cm-color__icon-btn:hover{background:var(--soft)}.cm-color__wheel-ico{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:18px;height:18px;display:block;box-shadow:inset 0 0 0 1px #00000014}.cm-color__section+.cm-color__section{margin-top:10px}.cm-color__label{color:#3f3f46;margin-bottom:6px;font-size:12px;font-weight:700}.cm-color__row{border-radius:4px;flex-wrap:nowrap;gap:2px;display:flex;overflow:hidden}.cm-color__theme{border-radius:4px;gap:2px;min-height:132px;display:flex;overflow:hidden}.cm-color__col{flex-direction:column;flex:1 1 0;gap:2px;min-width:18px;display:flex}.cm-color-swatch{cursor:pointer;border:0;border-radius:3px;flex:0 0 22px;width:100%;min-width:0;height:22px;min-height:22px;padding:0;display:block}.cm-color__row .cm-color-swatch{border-radius:3px;flex:0 0 22px;width:22px;height:22px;min-height:22px}.cm-color-swatch:hover{filter:brightness(.97)}.cm-color-swatch:focus-visible{outline-offset:1px;outline:2px solid #7c3aed59}.cm-color__wheel{flex-direction:column;gap:10px;display:flex}.cm-color__sv-wrap{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 18px;gap:0;height:140px;display:grid;overflow:hidden}.cm-color__sv{cursor:crosshair;touch-action:none;border:0;border-radius:0;position:relative}.cm-color__sv-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #00000059}.cm-color__hue{writing-mode:vertical-lr;appearance:none;direction:rtl;background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-left:1px solid #0000000f;border-radius:0;width:18px;height:100%}.cm-color__hue::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #71717a;border-radius:50%;width:14px;height:14px}.slot-tb-inline{flex:0 auto;align-items:center;gap:8px;min-width:148px;margin:0;display:flex}.slot-tb-inline span{text-transform:uppercase;letter-spacing:.03em;color:#52525b;flex:none;font-size:11px;font-weight:700}.slot-tb-inline input[type=range]{flex:1;width:100px;min-width:88px}.slot-tb-inline em{color:#18181b;min-width:2em;font-size:12px;font-style:normal;font-weight:700}.slot-adjust-row{flex-wrap:nowrap;flex:0 auto;align-items:center;gap:10px;min-width:0;display:flex}.slot-tb-grid--inline{flex-wrap:nowrap;flex:0 auto;gap:6px;display:flex}.slot-fx-row{flex-wrap:nowrap;flex:0 auto;align-items:flex-start;gap:8px;min-width:0;padding:2px;display:flex;overflow-x:auto}.slot-fx-row--shadow{align-items:center;gap:4px;padding:6px 2px 10px;overflow:visible}.slot-fx-card{color:#52525b;min-width:72px;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.slot-fx-card--shadow{gap:0;min-width:40px}.slot-fx-card:hover,.slot-fx-card:focus,.slot-fx-card:focus-visible,.slot-fx-card:active{box-shadow:none;color:#52525b;background:0 0;outline:none}.slot-fx-card__preview{width:64px;height:64px;box-shadow:none;background:#e4e4e7;border:none;border-radius:8px;display:block;overflow:hidden}.slot-fx-card__preview--shadow{background:#ececec;border-radius:6px;place-items:center;width:40px;height:40px;display:grid;overflow:visible}.slot-fx-card__preview--shadow img,.slot-fx-card__preview--shadow .slot-fx-card__empty{object-fit:cover;border-radius:4px;width:26px;height:26px}.slot-tb-inline--opacity{flex:0 auto;min-width:200px}.slot-fx-card__preview img{object-fit:cover;width:100%;max-width:none;height:100%}.slot-fx-card__empty{background:#d4d4d8;width:100%;height:100%;display:block}.slot-fx-card__label{letter-spacing:.02em;text-transform:uppercase;text-align:center;max-width:72px;font-size:9px;font-weight:700;line-height:1.1}.photo-slot.is-swap-target:after{border-style:dashed;border-color:var(--ui-accent-strong)!important}.photo-slot.is-photo-drop-target:after{border-style:solid;border-width:2.5px;border-color:#7c3aed!important}.page-surface.is-photo-drop-page{outline-offset:-4px;outline:2px dashed #7c3aed73}body.is-gallery-photo-dragging,body.is-gallery-photo-dragging *,body.is-gallery-sticker-dragging,body.is-gallery-sticker-dragging *{cursor:grabbing!important}.ph-card.is-drag-source{pointer-events:none;box-shadow:none;background:#e8e8ea}.ph-card.is-drag-source>*{visibility:hidden}.ph-drag-ghost{z-index:10000;pointer-events:none;opacity:.58;will-change:transform;background:#e4e4e7;border-radius:2px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 14px 36px #00000047}.ph-drag-ghost img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.photo-slot__drop-preview{z-index:6;pointer-events:none;opacity:.62;position:absolute;inset:0}.photo-slot__drop-preview .slot-img{pointer-events:none}.photo-slot.is-photo-drop-target.filled .photo-slot__photo{opacity:1}.photo-slot.is-photo-drop-target .slot-plus{opacity:0}.slot-rotate-btn{background:var(--ui-accent-strong);color:#fff;z-index:12;pointer-events:auto;cursor:grab;touch-action:none;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;left:-30px;transform:translateY(-50%);box-shadow:0 2px 8px #0003}.slot-rotate-btn:active{cursor:grabbing}.slot-rotate-btn:hover{background:var(--ui-accent)}.slot-rotate-badge{background:var(--ui-accent-strong);color:#fff;z-index:13;pointer-events:none;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;bottom:-28px;left:-36px}.slot-pan-btn{color:#52525b;z-index:9;pointer-events:auto;cursor:grab;touch-action:none;background:#fffffff0;border:1px solid #0000001a;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000024}.slot-pan-btn:hover{color:var(--ink);background:#fff}.slot-pan-btn:active,.photo-slot.is-panning .slot-pan-btn{cursor:grabbing}.slot-dpi-warn{z-index:7;pointer-events:auto;position:absolute;top:10px;left:50%;transform:translate(-50%)}.slot-dpi-warn--overlay{z-index:1;top:auto;transform:translate(-50%)}.slot-dpi-warn__icon{color:#fff;letter-spacing:normal;text-transform:none;cursor:help;background:#dc2626;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font:800 15px/1 Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:grid;box-shadow:0 2px 8px #dc262673}.slot-dpi-warn__icon svg{flex:none;display:block}.slot-dpi-warn--warn .slot-dpi-warn__icon{background:#ea580c;box-shadow:0 2px 8px #ea580c66}.slot-dpi-warn--critical .slot-dpi-warn__icon,.text-edge-warn .slot-dpi-warn__icon{background:#dc2626;box-shadow:0 2px 8px #dc262673}.slot-dpi-warn__tip{z-index:2;border:2px solid var(--line);text-align:center;color:#18181b;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:8px;min-width:220px;max-width:260px;padding:12px 14px;font-size:12px;font-weight:500;line-height:1.45;transition:opacity .14s,visibility .14s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000029}.slot-dpi-warn__tip:before{content:"";filter:drop-shadow(0 -1px 0 var(--line));border:7px solid #0000;border-bottom-color:#fff;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.slot-dpi-warn__tip p{margin:0}.slot-dpi-warn__tip p+p{margin-top:4px}.slot-dpi-warn:hover .slot-dpi-warn__tip,.slot-dpi-warn:focus-within .slot-dpi-warn__tip{opacity:1;visibility:visible}.text-block{cursor:move;white-space:pre-wrap;overflow-wrap:normal;word-break:normal;min-width:0;height:auto;line-height:inherit;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none;outline:1px solid #0000;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;display:flex;position:absolute;overflow:visible}.text-block.is-framed{overflow:visible}.text-block.selected,.text-block.is-editing{pointer-events:auto}.text-block__content{pointer-events:auto;cursor:move;width:100%;height:auto;min-height:0;position:relative;top:0;overflow:visible}.text-block .text-edge-warn{pointer-events:auto;z-index:9;top:-4px}.text-block.selected{outline-color:var(--ui-accent-strong);outline-width:2px}.text-block.is-editing{cursor:text;-webkit-user-select:text;user-select:text}.text-block.is-editing .text-block__content{cursor:text}.text-block textarea{resize:none;width:100%;height:auto;min-height:1em;font:inherit;color:inherit;text-align:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;white-space:inherit;overflow-wrap:inherit;word-break:inherit;cursor:text;field-sizing:content;background:0 0;border:0;outline:none;flex:none;margin:0;padding:0;display:block;position:relative;overflow:hidden}.text-handle{background:var(--ui-accent-strong);box-sizing:border-box;z-index:2;pointer-events:auto;border:1.5px solid #fff;border-radius:1px;width:9px;height:9px;position:absolute;box-shadow:0 0 0 1px #3f3f4659}.text-handle--n{cursor:ns-resize;top:-6px;left:50%;transform:translate(-50%)}.text-handle--s{cursor:ns-resize;bottom:-6px;left:50%;transform:translate(-50%)}.text-handle--w{cursor:ew-resize;border-radius:99px;width:7px;height:18px;top:50%;left:-5px;transform:translateY(-50%)}.text-handle--e{cursor:ew-resize;border-radius:99px;width:7px;height:18px;top:50%;right:-5px;transform:translateY(-50%)}.text-handle--nw{cursor:nwse-resize;border-radius:50%;top:-6px;left:-6px}.text-handle--ne{cursor:nesw-resize;border-radius:50%;top:-6px;right:-6px}.text-handle--sw{cursor:nesw-resize;border-radius:50%;bottom:-6px;left:-6px}.text-handle--se{cursor:nwse-resize;border-radius:50%;bottom:-6px;right:-6px}.text-panel{flex-direction:column;gap:14px;display:flex}.text-panel__add{color:#18181b;cursor:pointer;background:#ececef;border:0;border-radius:10px;width:100%;height:44px;font-size:14px;font-weight:600}.text-panel__add:hover{background:#e4e4e7}.text-tools{flex-direction:column;gap:14px;display:flex}.text-tools.is-disabled{opacity:.45}.text-tools.is-disabled .text-tools__toggle.is-on{color:#71717a;background:#f4f4f5;border-color:#d4d4d8}.text-tools__delete{color:#dc2626;align-self:flex-start}.text-tools__delete:disabled{color:#a1a1aa;cursor:not-allowed}.text-tools__label{color:#52525b;margin:0;font-size:12px;font-weight:600}.text-tools__section{border-top:0;flex-direction:column;gap:0;padding-top:0;display:flex}.text-tools__row{align-items:center;gap:8px;display:flex}.text-tools__row--wrap{flex-wrap:wrap}.text-tools__field{min-width:0;display:flex}.text-tools__field--grow{flex:auto}.text-tools__field--size{flex:0 0 86px}.text-tools__field select,.text-tools__field input[type=number]{color:#18181b;background:#fff;border:1px solid #e4e4e7;border-radius:8px;width:100%;height:38px;padding:0 8px;font-size:13px}.text-font-select{flex:1 1 0;min-width:0;max-width:calc(100% - 94px);position:relative}.text-tools__field--weight{flex:none;min-width:108px}.text-weight-select{width:100%;height:38px;font:inherit;color:#18181b;background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:0 8px;font-size:13px}.text-weight-select:disabled{opacity:.5}.text-font-select__trigger{color:#27272a;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:38px;padding:0 9px 0 11px;display:flex}.text-font-select__trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.text-font-select__trigger svg{flex:none}.text-font-select__menu{z-index:35;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:100%;min-width:220px;max-height:320px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 30px #18181b29}.text-font-select__menu button{color:#27272a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:9px 10px;font-size:16px;display:block}.text-font-select__menu button:hover,.text-font-select__menu button.is-selected{background:#f4f4f5}.text-size-select{width:100%;position:relative}.text-size-select input[type=number]{appearance:textfield;padding-right:30px}.text-size-select input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.text-size-select input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.text-size-select__toggle{color:#52525b;cursor:pointer;background:0 0;border:0;border-radius:0 7px 7px 0;place-items:center;width:30px;height:36px;padding:0;display:grid;position:absolute;top:1px;right:1px}.text-size-select__toggle:hover{color:#27272a;background:#f4f4f5}.text-size-select__menu{z-index:35;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:100%;max-height:250px;padding:5px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 30px #18181b29}.text-size-select__menu button{color:#3f3f46;text-align:left;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 9px;font-size:14px;display:block}.text-size-select__menu button:hover,.text-size-select__menu button.is-selected{color:#18181b;background:#f4f4f5}.text-panel .cm-color__trigger{height:38px}.text-panel .cm-color__chip{width:26px;height:26px}.text-tools__toggle{color:#3f3f46;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.text-tools__toggle b,.text-tools__toggle i{font-family:Georgia,Times New Roman,serif;font-size:14px}.text-tools__toggle.is-on{color:#27272a;background:#e4e4e7;border-color:#d4d4d8}.text-tools__toggle:hover:not(:disabled),.text-tools__toggle.is-open{color:#27272a;background:#f4f4f5;border-color:#d4d4d8}.text-tools__sep{background:#e4e4e7;width:1px;height:22px;margin:0 2px}.text-tools__chip{color:#52525b;align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.text-tools__chip input[type=range]{width:88px}.text-tools__chip em{color:#18181b;font-variant-numeric:tabular-nums;min-width:1.2em;font-style:normal}.text-tools__link{color:#52525b;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.text-spacing{flex:none;position:relative}.text-spacing__popover{background:#fff;border:1px solid #e4e4e7;border-radius:14px;width:228px;padding:14px;box-shadow:0 12px 32px #18181b29}.text-spacing__popover--portal{z-index:12050;transform-origin:100% 0;animation:.2s ease-out ph-menu-in;position:fixed;top:0;left:0}.text-spacing__control{color:#27272a;font-size:12px;font-weight:600;display:block}.text-spacing__control+.text-spacing__control{margin-top:16px}.text-spacing__control>span{margin-bottom:8px;display:block}.text-spacing__control>div{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}.text-spacing__control input[type=range].text-spacing__range{appearance:none;cursor:pointer;width:100%;height:18px;box-shadow:none;background:0 0;border:0;outline:none;margin:0;padding:0}.text-spacing__control input[type=range].text-spacing__range:focus{box-shadow:none;outline:none}.text-spacing__control input[type=range].text-spacing__range::-webkit-slider-runnable-track{height:2px;box-shadow:none;background:#d4d4d8;border:0;border-radius:1px;outline:none}.text-spacing__control input[type=range].text-spacing__range::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #a1a1aa;border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 1px 2px #0000001f}.text-spacing__control input[type=range].text-spacing__range::-moz-range-track{height:2px;box-shadow:none;background:#d4d4d8;border:0;border-radius:1px;outline:none}.text-spacing__control input[type=range].text-spacing__range::-moz-range-thumb{background:#fff;border:1px solid #a1a1aa;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #0000001f}.text-spacing__value{color:#27272a;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:#fff;border:1px solid #d4d4d8;border-radius:9px;width:100%;min-width:42px;height:34px;padding:0 6px;font-size:12px;font-weight:500;display:block}.text-spacing__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-spacing__value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-spacing__control output{color:#27272a;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d4d4d8;border-radius:9px;place-items:center;min-width:42px;height:34px;font-size:12px;font-weight:500;display:grid}.text-tools__link:disabled{color:#a1a1aa;cursor:not-allowed}.text-tools__no-fill{margin-left:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spread-ribbon{border-left:1px solid var(--line);z-index:20;background:#f3f3f5;flex-direction:column;flex:0 0 260px;width:260px;min-height:0;display:flex}.ribbon-tip{color:#3f3f46;background:#fff;border:1px solid #e4e4e7;border-radius:10px;flex:none;margin:12px 12px 4px;padding:10px 11px;font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 1px 2px #0000000a}.ribbon-tip p{margin:0 0 8px}.ribbon-tip-dots{background:var(--ui-accent-strong);color:#fff;letter-spacing:-.5px;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:inline-flex}.ribbon-tip-ok{color:var(--ui-accent-strong);padding:0;font-size:11px;font-weight:700}.ribbon-tip-ok:hover{text-decoration:underline}.ribbon-scroll{flex-direction:column;flex:1;gap:16px;min-height:0;padding:10px 14px 14px;display:flex;overflow:hidden auto}.ribbon-slot{flex-direction:column;gap:0;transition:transform .28s cubic-bezier(.22,.9,.24,1);display:flex}.ribbon-card{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:0;transition:transform .28s cubic-bezier(.22,.9,.24,1),opacity .18s;display:flex;position:relative}.ribbon-card:active{cursor:grabbing}.ribbon-card.is-dragging{opacity:1}.ribbon-card.is-dragging .ribbon-hit{cursor:grabbing}.ribbon-drop-gap{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,.9,.24,1);display:grid}.ribbon-drop-gap.is-open{grid-template-rows:1fr}.ribbon-drop-gap__inner{flex-direction:column;gap:6px;min-height:0;padding:2px 0 8px;display:flex;overflow:hidden}.ribbon-spread--source-slot,.ribbon-spread--insert-outline{aspect-ratio:1.52;outline:2px solid var(--ui-accent-strong);outline-offset:-1px;width:100%;box-shadow:none;border-radius:2px;background:0 0!important}.ribbon-spread--source-slot{outline-style:dashed;outline-color:var(--ui-accent-muted)}.ribbon-spread--placeholder{box-shadow:none;color:var(--ui-accent-muted);place-items:center;font-size:11px;font-weight:700;animation:.2s ribbonPlaceholderIn;display:grid;outline:2px dashed var(--ui-accent-muted)!important;background:0 0!important}@keyframes ribbonPlaceholderIn{0%{opacity:.4;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.ribbon-drop-line{background:var(--ui-accent-strong);height:2px;box-shadow:none;z-index:5;transform-origin:50%;border-radius:999px;margin:4px 0;animation:.18s cubic-bezier(.22,.9,.24,1) ribbonDropIn;position:relative}.ribbon-drop-line--thin{height:2px;margin:2px 0}.ribbon-drop-line:before,.ribbon-drop-line:after{display:none}@keyframes ribbonDropIn{0%{opacity:0;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}.ribbon-drop-line--v{background:var(--ui-accent-strong);width:2px;height:auto;box-shadow:none;z-index:6;pointer-events:none;transform-origin:50%;border-radius:999px;margin:0;animation:.18s cubic-bezier(.22,.9,.24,1) ribbonDropInV;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}@keyframes ribbonDropInV{0%{opacity:0;transform:translate(-50%)scaleY(.35)}to{opacity:1;transform:translate(-50%)scaleY(1)}}.ribbon-drop-line--v:before,.ribbon-drop-line--v:after{top:0;left:50%;transform:translate(-50%,-50%)}.ribbon-drop-line--v:after{top:100%}.ribbon-page.is-drag-source{outline:2px dashed var(--ui-accent-muted);outline-offset:-1px;box-shadow:none}.ribbon-page.is-drag-source i,.ribbon-page.is-drag-source .ribbon-text{opacity:.45}.ribbon-page.is-drop-target,.ribbon-page--empty.is-drop-target{outline:2px solid var(--ui-accent-strong);outline-offset:-1px;box-shadow:none;z-index:4;animation:.18s cubic-bezier(.22,.9,.24,1) ribbonDropTargetIn}.ribbon-page.is-drop-target i{opacity:1}@keyframes ribbonDropTargetIn{0%{opacity:.85}to{opacity:1}}.ribbon-ghost--page{flex-direction:column;display:flex}.ribbon-ghost--page.ribbon-ghost--active{animation:.14s ribbonGhostFadeIn}@keyframes ribbonGhostFadeIn{0%{opacity:.55}to{opacity:.98}}.ribbon-ghost--page .ribbon-page{outline:2px solid var(--ui-accent-strong);border-radius:2px;flex:auto;width:100%;min-width:0;height:100%;min-height:100%;box-shadow:0 12px 28px #00000038}.ribbon-ghost--spread{flex-direction:column;display:flex}.ribbon-ghost--spread .ribbon-spread{width:100%;height:100%;aspect-ratio:unset;flex:auto}.ribbon-ghost--spread .ribbon-page{min-width:0}.ribbon-nums--cover{grid-template-columns:1fr}.ribbon-ghost{z-index:9999;pointer-events:none;opacity:.98;filter:drop-shadow(0 14px 28px #0000003d);will-change:transform;position:fixed;top:0;left:0}.ribbon-ghost .ribbon-spread{outline-color:var(--ui-accent-strong);box-shadow:0 0 0 1px var(--ui-accent-strong)}.ribbon-ghost-label{text-align:center;color:#fff;background:var(--ui-accent-strong);border-radius:999px;width:fit-content;margin-top:4px;margin-left:auto;margin-right:auto;padding:2px 8px;font-size:11px;font-weight:700}body.is-ribbon-dragging{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}body.is-ribbon-dragging *{cursor:grabbing!important}.ribbon-card.drop-over .ribbon-spread{outline-color:var(--ui-accent-strong);box-shadow:0 0 0 2px var(--ui-accent-strong)}.ribbon-card.is-current .ribbon-nums span{color:#3f3f46;font-weight:700}.ribbon-card.is-current .ribbon-nums span.is-active-page{color:#52525b;font-weight:800}.ribbon-card--cover{cursor:pointer;align-items:center;width:100%}.ribbon-card--cover .ribbon-spread--cover{margin-inline:auto}.ribbon-card--cover .ribbon-nums{margin-inline:auto;text-align:center;width:96px;margin-top:4px;padding:0;display:block}.ribbon-card--cover .ribbon-nums span{text-align:center;white-space:nowrap;display:block}.ribbon-hit{text-align:left;flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:0;display:flex}.ribbon-spread{aspect-ratio:1.52;outline-offset:0;background:#fff;border-radius:2px;outline:1.5px solid #d4d4d8;width:100%;display:flex;position:relative;overflow:visible;box-shadow:0 2px 6px #00000014}.ribbon-spread.is-outlined{outline:2.5px solid var(--sel-ring);outline-offset:0;z-index:2}.ribbon-spread--cover{aspect-ratio:.72;border-radius:3px;width:96px;overflow:hidden}.ribbon-page{background:#fff;flex:1;min-width:0;position:relative;overflow:hidden;container-type:size}.ribbon-page__bg{z-index:0;pointer-events:none;transform-origin:50%;position:absolute;inset:0}.ribbon-page+.ribbon-page:before{content:"";z-index:20;pointer-events:none;background:#0000001a;width:1px;position:absolute;inset:0 auto 0 0}.ribbon-page.is-outlined{z-index:3;box-shadow:none;outline:none}.ribbon-page.is-outlined[data-page-side=left]{box-shadow:-1.5px 0 0 0 var(--sel-ring), 0 -1.5px 0 0 var(--sel-ring), 0 1.5px 0 0 var(--sel-ring)}.ribbon-page.is-outlined[data-page-side=right]{box-shadow:1.5px 0 0 0 var(--sel-ring), 0 -1.5px 0 0 var(--sel-ring), 0 1.5px 0 0 var(--sel-ring)}.ribbon-page i{z-index:2;border-radius:1px;position:absolute;overflow:hidden}.ribbon-text{z-index:3;box-sizing:border-box;line-height:inherit;white-space:pre-wrap;overflow-wrap:normal;word-break:normal;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-start;margin:0;display:flex;position:absolute;overflow:visible}.ribbon-text__content{width:100%;min-height:0;display:block;position:relative;top:-.015em}.ribbon-slot-photo{width:100%;height:100%;display:block;position:relative;overflow:hidden}.ribbon-slot-img{pointer-events:none;-webkit-user-select:none;user-select:none}.ribbon-page--empty{background:repeating-linear-gradient(-45deg,#fafafa,#fafafa 4px,#f4f4f5 4px 8px)}.ribbon-page--cover{display:block}.ribbon-page--cover img{object-fit:cover;width:84%;height:62%;position:absolute;inset:10% 8% 28%}.ribbon-nums{grid-template-columns:1fr 1fr;width:100%;padding:0;display:grid}.ribbon-nums span{text-align:center;color:#71717a;letter-spacing:.02em;font-size:11px;font-weight:600}.ribbon-nums span.is-hot{color:#52525b;font-weight:800}.ribbon-card--cover.is-current .ribbon-spread{outline:3px solid var(--sel-ring)}.ribbon-preview-wrap{width:100%;position:relative}.ribbon-page{position:relative}.ribbon-page.is-loading .ribbon-page__bg,.ribbon-page.is-loading .ribbon-sticker,.ribbon-page.is-loading .ribbon-text,.ribbon-page.is-loading .ribbon-slot-photo{opacity:.35}.ribbon-page__spin{z-index:4;pointer-events:none;border:2px solid #e4e4e7;border-top-color:#52525b;border-radius:50%;width:22px;height:22px;margin:auto;animation:.65s linear infinite studio-boot-spin;position:absolute;inset:0}.studio-boot-overlay{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f4f4f5eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.studio-boot-overlay__mark{letter-spacing:-.03em;font-size:18px;font-weight:800}.studio-boot-overlay__spin{border:3px solid #e4e4e7;border-top-color:#18181b;border-radius:50%;width:34px;height:34px;animation:.7s linear infinite studio-boot-spin}.studio-boot-overlay__hint{color:#71717a;text-align:center;max-width:280px;font-size:13px}.studio-boot-overlay__retry{color:#fff;height:40px;font:inherit;cursor:pointer;background:#18181b;border:0;border-radius:10px;margin-top:4px;padding:0 18px;font-size:14px;font-weight:600}.studio-reauth{z-index:90;background:#18181b73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio-reauth__card{text-align:center;background:#fff;border-radius:14px;width:min(360px,100% - 32px);padding:22px 20px;box-shadow:0 12px 40px #0000002e}.studio-reauth__card p{color:#27272a;margin:0 0 16px;font-size:14px;line-height:1.45}.studio-reauth__btn{color:#fff;height:40px;font:inherit;cursor:pointer;background:#18181b;border:0;border-radius:10px;padding:0 20px;font-size:14px;font-weight:600}@keyframes studio-boot-spin{to{transform:rotate(360deg)}}.ribbon-menu-btn{background:var(--ui-accent-strong);color:#fff;letter-spacing:1px;z-index:5;opacity:0;pointer-events:none;cursor:grab;touch-action:none;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;line-height:1;transition:opacity .12s,left .14s;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000038}.ribbon-menu-btn--zone-left{left:25%}.ribbon-menu-btn--zone-spread{left:50%}.ribbon-menu-btn--zone-right{left:75%}.ribbon-menu-btn:active{cursor:grabbing}.ribbon-card:hover .ribbon-menu-btn,.ribbon-card.is-menu-open .ribbon-menu-btn{opacity:1;pointer-events:auto}.ribbon-menu-btn:hover{background:var(--ui-accent)}.ribbon-menu{z-index:30;background:#fff;border:1px solid #e4e4e7;border-radius:10px;flex-direction:column;gap:2px;min-width:168px;padding:6px;display:flex;position:absolute;top:42%;right:8px;box-shadow:0 12px 32px #00000029}.ribbon-menu button{text-align:left;color:#18181b;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:600}.ribbon-menu button:hover:not(:disabled){background:#f4f4f5}.ribbon-menu button:disabled{opacity:.4;cursor:default}.ribbon-menu button.danger{color:#dc2626}.ribbon-menu button.danger:hover:not(:disabled){background:#fef2f2}.ribbon-add{color:#52525b;background:#fff;border:1.5px dashed #c4c4c8;border-radius:10px;flex:none;height:40px;margin:0 14px 14px;font-size:12px;font-weight:700}.ribbon-add:hover{color:var(--ink);background:#fafafa;border-color:#a1a1aa}.zoom-dock{display:none}.cover-side-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;display:grid}.cover-side-tabs button{height:34px;color:var(--muted);background:var(--soft);border-radius:8px;font-size:12px;font-weight:700}.cover-side-tabs button.active{background:var(--ink);color:#fff}.cover-side-tabs button:hover:not(.active){color:var(--ink)}.panel-section{margin-bottom:16px}.panel-section h4{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.panel-hint{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.4}.upload-zone{text-align:center;background:linear-gradient(135deg, var(--ui-accent-strong) 0%, var(--brand) 100%);cursor:pointer;color:#fff;border:none;border-radius:10px;padding:14px 16px;transition:filter .15s,transform .12s}.upload-zone:hover,.upload-zone.drag{filter:brightness(1.06);transform:translateY(-1px)}.upload-zone strong{color:#fff;margin-bottom:0;font-size:14px;font-weight:700;display:block}.upload-zone span{display:none}.ph-panel{height:100%;min-height:0;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.ph-empty{flex-direction:column;gap:18px;padding:8px 18px 24px;display:flex}.ph-empty__title{color:#18181b;margin:4px 0 6px;font-size:22px;font-weight:700;line-height:1.2}.ph-drop{cursor:pointer;background:#f4f4f5;border:1.5px dashed #a1a1aa;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:188px;padding:28px 16px;transition:border-color .15s,background .15s,transform .15s;display:flex}.ph-drop:hover,.ph-drop.is-drag{background:#ececef;border-color:#52525b;transform:translateY(-1px)}.ph-drop__icon{color:#3f3f46;width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;place-items:center;font-size:22px;font-weight:700;line-height:1;display:grid}.ph-drop__lead{color:var(--muted);margin:0;font-size:13px}.ph-row-btn{color:#18181b;text-align:left;cursor:pointer;background:#f5f5f3;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:flex}.ph-row-btn:hover{background:#ecece8}.ph-row-btn.is-on{background:#f5f5f3;border-color:#0000}.ph-row-btn--phone{gap:18px;min-height:64px;padding:12px 18px 12px 24px;font-size:15px}.ph-row-btn--compact{flex:1;gap:14px;width:auto;min-height:56px}.ph-row-btn__ico{color:#18181b;background:0 0;border-radius:0;flex:none;place-items:center;width:48px;height:48px;font-size:14px;display:grid}.ph-row-btn__ico--outline{color:#18181b;width:48px;height:48px;box-shadow:none;background:0 0!important}.ph-row-btn__ico--outline svg{width:48px;height:48px;display:block}.ph-phone{background:#f5f5f3;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:20px 16px 14px;display:flex}.ph-phone__qr-slot{flex:none;place-items:center;width:168px;height:168px;display:grid;position:relative}.ph-phone__spinner{z-index:1;border:2.5px solid #d4d4d8;border-top-color:#3f3f46;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite ph-spin}@keyframes ph-spin{to{transform:rotate(360deg)}}.ph-phone-wrap{opacity:0;grid-template-rows:0fr;width:100%;transition:grid-template-rows .32s,opacity .28s;display:grid}.ph-phone-wrap.is-open{opacity:1;grid-template-rows:1fr}.ph-phone-wrap__inner{min-height:0;overflow:hidden}.ph-phone-wrap .ph-phone{margin:0}.ph-phone .ph-link--help{color:#3f3f46;margin:-2px 0 0;padding:0 8px 2px;font-size:13px;font-weight:600}.ph-phone .ph-link--help:hover{color:#18181b;text-decoration:underline}.ph-phone__qr-img{opacity:0;background:#fff;border:0;border-radius:4px;width:168px;height:168px;transition:opacity .2s;display:block;position:absolute;inset:0}.ph-phone__qr-img.is-ready{opacity:1}.ph-phone__hint{color:#52525b;text-align:center;margin:0;font-size:13px;font-weight:500}.ph-phone__hint--err{color:#b91c1c;z-index:2;padding:0 8px;position:relative}.ph-phone__hint--ok{color:#15803d;font-weight:600}.ph-top{z-index:3;background:var(--panel);opacity:1;flex-direction:column;flex:none;gap:10px;max-height:120px;padding:14px 16px 4px;transition:max-height .28s,opacity .2s,padding .28s;display:flex;position:relative;overflow:hidden}.ph-top.is-selecting{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}.ph-top__actions{align-items:stretch;gap:8px;margin-bottom:10px;display:flex}.ph-top__actions .ph-btn--primary{flex:none;align-self:center}.ph-tools-rail{z-index:2;opacity:1;background:var(--panel);flex:none;max-height:52px;padding:6px 16px 8px;transition:max-height .28s,opacity .22s,padding .28s;position:relative;overflow:hidden}.ph-tools-rail.is-tucked{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}.ph-tools-rail .ph-tools{transition:transform .28s;transform:translateY(0)}.ph-tools-rail.is-tucked .ph-tools{transform:translateY(-110%)}.ph-up-progress{grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;margin:2px 0 4px;display:grid}.ph-empty .ph-up-progress{margin:4px 0 10px}.ph-up-progress__track{background:#e4e4e7;border-radius:999px;height:6px;overflow:hidden}.ph-up-progress__track>i{border-radius:inherit;background:#3f3f46;height:100%;transition:width .2s;display:block}.ph-up-progress__count{color:#3f3f46;text-align:right;font-variant-numeric:tabular-nums;min-width:2.5em;font-size:12px;font-weight:700}.ph-tools{flex-wrap:wrap;gap:6px;display:flex}.ph-tool{position:relative}.ph-chip{border:1px solid var(--line);background:var(--panel);height:30px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:0;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.ph-chip svg{flex:none;display:block}.ph-chip__label{opacity:0;white-space:nowrap;vertical-align:middle;max-width:0;margin-left:0;animation:.42s cubic-bezier(.22,1,.36,1) 60ms forwards ph-chip-label-in;display:inline-block;overflow:hidden}.ph-tool:nth-child(2) .ph-chip__label{animation-delay:.14s}.ph-tool:nth-child(3) .ph-chip__label{animation-delay:.22s}@keyframes ph-chip-label-in{0%{opacity:0;max-width:0;margin-left:0}to{opacity:1;max-width:9em;margin-left:6px}}@media (prefers-reduced-motion:reduce){.ph-chip__label{opacity:1;max-width:9em;margin-left:6px;animation:none}}.ph-chip:hover,.ph-chip.is-on{color:#18181b;background:#f4f4f5;border-color:#a1a1aa}.ph-menu{z-index:30;border:1px solid var(--line);background:var(--panel);min-width:220px;box-shadow:var(--shadow-lg);border-radius:12px;padding:12px 10px;position:absolute;top:calc(100% + 6px);left:0}.ph-menu--portal{z-index:12050;transform-origin:0 0;animation:.2s ease-out ph-menu-in;position:fixed;top:0;left:0}@keyframes ph-menu-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ph-menu--wide{min-width:260px}.ph-menu__title{letter-spacing:normal;text-transform:none;color:#18181b;margin:2px 6px 14px;font-size:16px;font-weight:700;line-height:1.25}.ph-menu__title:first-child{margin-top:2px}.ph-menu__title:not(:first-child){margin-top:16px}.ph-menu__radio{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:11px 8px;font-size:13px;display:flex}.ph-menu__radio+.ph-menu__radio{margin-top:2px}.ph-menu__radio:hover{background:var(--soft)}.ph-menu__radio input{accent-color:#3f3f46;cursor:pointer;flex:0 0 18px;width:18px;height:18px;margin:0}.ph-menu__toggle{justify-content:space-between;align-items:center;gap:12px;padding:11px 8px;font-size:13px;font-weight:500;display:flex}.ph-menu__toggle input{accent-color:#3f3f46;width:36px;height:20px}.ph-menu--organize{min-width:300px;padding:14px 12px 16px}.ph-menu__subtitle{color:#18181b;margin:14px 6px 10px;font-size:14px;font-weight:700;line-height:1.25}.ph-menu__subtitle:first-of-type,.ph-menu__title+.ph-menu__subtitle{margin-top:10px}.ph-menu__row{color:#3f3f46;cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:8px 6px;font-size:13px;font-weight:500;display:flex}.ph-menu__row+.ph-menu__row{margin-top:2px}.ph-menu__row:hover{background:var(--soft)}.ph-menu__row-ico{color:#3f3f46;flex:none;place-items:center;width:18px;height:18px;display:grid}.ph-menu__row-label{flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex}.ph-menu__info{color:#3f3f46;cursor:help;border:1.5px solid #3f3f46;border-radius:999px;flex:none;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;font-weight:700;line-height:1;display:inline-grid;position:relative}.ph-menu__tip{color:#fff;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;z-index:2;background:#27272a;border-radius:8px;width:max-content;max-width:220px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.35;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 20px #0000002e}.ph-menu__tip:after{content:"";border:6px solid #0000;border-top-color:#27272a;margin-left:-6px;position:absolute;top:100%;left:50%}.ph-menu__info:hover .ph-menu__tip,.ph-menu__info:focus-visible .ph-menu__tip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.ph-switch{appearance:none;cursor:pointer;background:#d4d4d8;border:0;border-radius:999px;flex:none;width:40px;height:22px;margin:0 0 0 auto;transition:background .15s;position:relative}.ph-switch:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000002e}.ph-switch:checked{background:#3f3f46}.ph-switch:checked:after{transform:translate(18px)}.ph-pills{flex-wrap:wrap;gap:8px;padding:2px 2px 4px;display:flex}.ph-pill{color:#3f3f46;cursor:pointer;background:#f4f4f5;border:1.5px solid #3f3f4600;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.ph-pill:hover{background:#ebebef;border-color:#3f3f46}.ph-pill.is-on{color:#3f3f46;box-shadow:none;background:#fff;border-color:#3f3f46}.ph-pill.is-on:hover{background:#fff;border-color:#3f3f46}.ph-pill__check{color:#fff;transform-origin:50%;background:#3f3f46;border-radius:999px;flex:none;place-items:center;width:16px;height:16px;animation:.22s ease-out ph-pill-check-in;display:inline-grid}.ph-pill__check svg{display:block}@keyframes ph-pill-check-in{0%{opacity:.6;transform:scale(.35)}to{opacity:1;transform:scale(1)}}.ph-scroll{flex:1;min-height:0;padding:12px 16px 18px;transition:padding-bottom .3s;overflow:auto}.ph-scroll.is-selecting{padding-bottom:110px}.ph-group+.ph-group{margin-top:14px}.ph-group__head{color:#3f3f46;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.ph-group__select-all{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.ph-group__select-all:hover{color:#18181b}.ph-group__sep{color:#a1a1aa;font-weight:500}.ph-group__count{color:#18181b;font-variant-numeric:tabular-nums;font-weight:800}.ph-foot-stat{color:var(--muted);text-align:center;border-top:0;margin:14px 0 0;padding-top:0;font-size:12px}.ph-foot-stat__n{color:#3f3f46;font-variant-numeric:tabular-nums;font-weight:800}.ph-group__check{color:#fff;cursor:pointer;background:#ffffffd1;border:1.5px solid #fffffff2;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;padding:0;display:grid;box-shadow:0 0 0 1px #00000014}.ph-group__check svg{opacity:0;display:block}.ph-group__check:hover{background:#f4f4f5;border-color:#3f3f46}.ph-group__check.is-on{color:#fff;box-shadow:none;background:#3f3f46;border-color:#3f3f46}.ph-group__check.is-on svg{opacity:1}.ph-grid{grid-template-columns:1fr 1fr;align-items:center;gap:8px;display:grid}.ph-scroll--sm .ph-grid{grid-template-columns:1fr 1fr 1fr}.ph-scroll--md .ph-grid{grid-template-columns:1fr 1fr}.ph-scroll--lg .ph-grid{grid-template-columns:1fr}.ph-card{cursor:pointer;width:100%;box-shadow:none;background:#e4e4e7;border:0;border-radius:0;margin:0;display:block;position:relative;overflow:hidden}.ph-card.is-selected{box-shadow:none;border:0}.ph-card.is-selected:after{content:"";z-index:1;pointer-events:none;background:#18181b52;position:absolute;inset:0}.ph-card.is-selected .ph-card__pick{opacity:1;z-index:3}.ph-card.is-selected .ph-card__del,.ph-card.is-selected .ph-card__badge{z-index:3}.ph-card.is-new{cursor:default}.ph-card__frame{pointer-events:none;display:none}.ph-card.is-new .ph-card__frame{z-index:2;background:linear-gradient(#fff0, #fff0) padding-box, conic-gradient(from var(--ph-spin,0deg), #93a0ff, #4f5bd5, #c7d2fe, #93a0ff) border-box;box-sizing:border-box;border:2px solid #0000;animation:1.1s linear infinite ph-spin-border;display:block;position:absolute;inset:0}@property --ph-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ph-spin-border{to{--ph-spin:360deg}}.ph-card__new{z-index:3;color:#fff;letter-spacing:.01em;pointer-events:none;background:#3f3f46b8;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.3;position:absolute;top:6px;right:6px}.ph-card img{aspect-ratio:1;object-fit:cover;background:#d4d4d8;width:100%;height:auto;min-height:72px;display:block}.ph-card__skel{aspect-ratio:1;background:#d4d4d8;width:100%;min-height:72px;display:block}.ph-card.is-used:before{content:"";z-index:1;pointer-events:none;background:#ffffff73;position:absolute;inset:0}.ph-card__badge{color:#18181b;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 12px);box-shadow:none;text-shadow:none;pointer-events:none;z-index:2;background:#fff;border:0;border-radius:2px;padding:3px 7px;font-size:11px;font-weight:600;line-height:1.25;position:absolute;top:6px;right:6px;overflow:hidden}.ph-card__pick{z-index:3;color:#3f3f46;opacity:0;cursor:pointer;background:#ffffffd1;border:1.5px solid #fffffff2;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;transition:opacity .12s,background .12s,border-color .12s,color .12s;display:grid;position:absolute;bottom:6px;right:6px}.ph-card__pick svg{opacity:0;transition:opacity .12s;display:block}.ph-card__pick.is-on svg{opacity:1}.ph-card__pick.is-on{color:#fff;background:#3f3f46;border-color:#3f3f46}.ph-scroll.is-selecting .ph-card__pick,.ph-card:hover .ph-card__del,.ph-card:hover .ph-card__pick{opacity:1}.ph-card__del{color:#fff;opacity:0;cursor:pointer;background:#18181b8c;border:0;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;transition:opacity .12s;display:grid;position:absolute;bottom:6px;left:6px}.ph-card__del svg{display:block}.ph-dock{z-index:12;color:#f4f4f5;opacity:0;pointer-events:none;visibility:hidden;background:#1f1f23;border-radius:16px 16px 0 0;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px 14px;transition:transform .3s,opacity .24s,visibility .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -8px 24px #0000002e}.ph-dock.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.ph-dock__count{text-align:center;color:#ffffffeb;margin:0;font-size:12px;font-weight:600}.ph-dock__row{align-items:center;gap:10px;display:flex}.ph-dock__add{color:#18181b;cursor:pointer;background:#fff;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;height:36px;font-size:13px;font-weight:700;display:inline-flex}.ph-dock__add:hover{background:#f4f4f5}.ph-dock__add-plus{color:#3f3f46;font-size:16px;font-weight:700;line-height:1}.ph-dock__trash{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.ph-dock__trash:hover{background:#b91c1c}.ph-dock__trash svg{display:block}.ph-hint{color:#92400e;background:#fef3c7;border-top:1px solid #fde68a;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:12px;display:flex}.ph-btn{background:var(--soft);height:36px;color:var(--ink);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.ph-btn--primary{color:#fff;background:#3f3f46}.ph-btn--primary:hover{background:#27272a}.ph-btn--sm{height:32px;padding:0 12px;font-size:12px}.ph-btn--icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);width:36px;padding:0;font-size:16px}.ph-btn--block{width:100%}.ph-btn--danger{color:#fff;background:#3f3f46}.ph-btn--danger:hover{background:#27272a}.ph-btn--ghost{color:var(--ink);background:#f4f4f5}.ph-btn--ghost.is-on{color:#18181b;background:#e4e4e7}.ph-link{color:#3f3f46;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:none}.ph-link:hover{color:#18181b;text-decoration:underline}.ph-link--muted{color:#71717a;font-weight:500}.ph-modal-overlay{z-index:80;background:#18181b73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ph-modal{width:min(440px,100%);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;padding:28px 24px 20px;position:relative}.ph-modal--sm{width:min(380px,100%)}.ph-modal__x{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.ph-modal__x:hover{background:var(--soft);color:var(--ink)}.ph-modal__title{letter-spacing:-.02em;margin:0 28px 14px 0;font-size:18px;font-weight:800}.ph-modal__steps{flex-direction:column;gap:12px;margin:0 0 14px;padding:0;list-style:none;display:flex}.ph-modal__steps li{color:var(--muted);flex-direction:column;gap:2px;padding-left:28px;font-size:13px;display:flex;position:relative}.ph-modal__steps li:before{content:"";background:#f4f4f5;border:1px solid #a1a1aa;border-radius:999px;width:18px;height:18px;position:absolute;top:2px;left:0}.ph-modal__steps strong{color:var(--ink);font-size:14px}.ph-modal__note{color:var(--muted);margin:0 0 16px;font-size:12px}.ph-modal__body{color:var(--ink);margin:0 0 8px;font-size:14px;line-height:1.45}.ph-modal__used{color:#3f3f46;margin:0 0 16px;font-size:13px;font-weight:600}.ph-modal__actions{flex-direction:column;gap:8px;display:flex}.design-modal-overlay{z-index:90;opacity:0;pointer-events:none;place-items:center;padding:18px 20px;transition:opacity .28s;display:grid;position:fixed;inset:0}.design-modal-overlay.is-open{opacity:1;pointer-events:auto}.design-modal-backdrop{cursor:pointer;opacity:0;background:#18181b73;border:0;transition:opacity .28s;position:absolute;inset:0}.design-modal-overlay.is-open .design-modal-backdrop{opacity:1}.design-modal{z-index:1;width:min(1280px,94vw);height:min(860px,90vh);max-height:min(860px,90vh);box-shadow:var(--shadow-lg);opacity:0;background:#fff;border-radius:12px;flex-direction:column;padding:36px 40px 32px;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateY(14px)scale(.975)}.design-modal-overlay.is-open .design-modal{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.design-modal-overlay,.design-modal-backdrop,.design-modal{transition:none}.design-modal{transform:none}}.design-modal__x{width:36px;height:36px;color:var(--muted);cursor:pointer;z-index:2;background:0 0;border:0;border-radius:8px;font-size:24px;line-height:1;position:absolute;top:12px;right:14px}.design-modal__x:hover{background:var(--soft);color:var(--ink)}.design-modal__cols{flex:1;grid-template-columns:minmax(420px,1.05fr) minmax(340px,1fr);align-items:stretch;gap:28px 40px;min-height:0;padding-right:24px;display:grid;overflow:hidden}.design-modal__left{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-width:0;padding:12px 8px 12px 4px;display:flex;position:relative;overflow:visible}.design-modal__book-col{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;min-width:0;max-width:100%;padding:12px 8px;display:flex;overflow:visible}.design-modal__flip.preview-stf-host{flex:none;max-width:none;position:relative;overflow:visible}.design-modal__flip.preview-stf-host.is-spread .preview-stf-mount,.design-modal__flip.preview-stf-host.is-flipping .preview-stf-mount,.design-modal__flip.preview-stf-host.is-cover-front:not(.is-flipping) .stf__item.--simple.--right,.design-modal__flip.preview-stf-host.is-cover-back:not(.is-flipping) .stf__item.--simple.--left{box-shadow:0 6px 18px #0000001f}.design-modal__flip.preview-stf-host .stf__outerShadow,.design-modal__flip.preview-stf-host .stf__innerShadow{opacity:.35}.design-modal__flip-page{background:#fff;width:100%;height:100%;overflow:hidden}.design-modal__flip-page.is-blank{background:#f4f4f5}.design-modal__flip-page img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.design-modal__book--static{aspect-ratio:210/297;background:#f4f4f5;border:1px solid #d4d4d8;border-radius:0;width:min(100%,280px);padding:0;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 10px 28px #0000001f}.design-modal__book--static img{object-fit:cover;width:100%;height:100%;display:block}.design-modal__book-empty{color:#71717a;text-align:center;place-items:center;width:100%;height:100%;padding:16px;font-size:14px;font-weight:700;display:grid}.design-modal__book-hint{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.35}.design-modal__apply-col{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;display:flex}.design-modal__apply-copy{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:18px;font-weight:650;line-height:1.35}.design-modal__apply-all{background:var(--accent);color:#fff;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;min-height:52px;padding:0 28px;font-size:14px;font-weight:800}.design-modal__apply-all:hover{opacity:.92}.design-modal__right{z-index:3;background:#fff;flex-direction:column;gap:14px;min-width:0;min-height:0;margin-left:-8px;padding:4px 0 0 16px;display:flex;position:relative;overflow:hidden;box-shadow:-16px 0 24px 8px #fff}.design-modal__bottom-copy{color:var(--ink);margin:0;font-size:16px;font-weight:600;line-height:1.35}.design-modal__grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;min-height:0;padding:2px 6px 10px 2px;display:grid;overflow:auto}.design-modal-card{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.design-modal-card__preview{aspect-ratio:210/297;background:#e4e4e7 50%/cover no-repeat;border:1px solid #d4d4d8;border-radius:0;width:100%;display:block}.design-modal-card:hover .design-modal-card__preview{border-color:#71717a}.design-modal-card:focus-visible .design-modal-card__preview{outline:2px solid var(--accent);outline-offset:2px}@media (width<=720px){.design-modal{width:min(96vw,1280px);height:auto;max-height:min(94vh,900px);padding:24px 20px 20px;overflow:auto}.design-modal__cols{grid-template-columns:1fr;padding-right:0;overflow:visible}.design-modal__right,.design-modal__grid{overflow:visible}.design-modal__apply-col{max-width:none}.design-modal__apply-all{width:100%}}.add-pages-overlay{z-index:90;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.add-pages-backdrop{cursor:pointer;background:#18181b73;border:0;position:absolute;inset:0}.add-pages-modal{z-index:1;width:min(720px,100%);max-height:min(84vh,760px);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;flex-direction:column;padding:24px 22px 16px;display:flex;position:relative}.add-pages-modal__x{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.add-pages-modal__x:hover{background:var(--soft);color:var(--ink)}.add-pages-modal__title{letter-spacing:-.02em;margin:0 28px 6px 0;font-size:18px;font-weight:800}.add-pages-modal__hint{color:var(--muted);margin:0 0 14px;font-size:13px}.add-pages-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;min-height:0;padding:2px 2px 8px;display:grid;overflow:auto}.add-pages-card{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.add-pages-card:disabled{opacity:.45;cursor:not-allowed}.add-pages-card__preview{aspect-ratio:210/297;background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.add-pages-card__preview--design{background-color:#e4e4e7;background-repeat:no-repeat}.add-pages-card:hover .add-pages-card__preview{border-color:#a1a1aa}.add-pages-card:focus-visible .add-pages-card__preview{outline:2px solid var(--accent);outline-offset:1px}.add-pages-card__preview i{box-sizing:border-box;background:#d4d4d8;border:1px solid #a1a1aa;border-radius:2px;position:absolute}.add-pages-card__name{color:#52525b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden}.add-pages-empty{text-align:center;color:var(--muted);margin:12px 0 8px;padding:18px 12px;font-size:13px;line-height:1.4}.add-pages-empty--err{color:#b91c1c}.add-pages-modal__foot{border-top:1px solid #f4f4f5;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;display:flex}.add-pages-dup{width:100%;height:40px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:10px;font-size:13px;font-weight:650}.add-pages-dup:hover:not(:disabled){background:#f4f4f5}.add-pages-dup:disabled{opacity:.45;cursor:not-allowed}.layout-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.layouts-panel{flex-direction:column;gap:12px;display:flex}.layout-auto{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin:0;font-size:13px;font-weight:600;display:flex}.layout-switch{background:#d4d4d8;border-radius:999px;flex:none;width:40px;height:22px;padding:0;transition:background .15s;position:relative}.layout-switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.layout-switch.is-on{background:var(--ui-accent-strong)}.layout-switch.is-on i{transform:translate(18px)}.layout-view-mode{align-items:center;gap:16px;display:flex}.layout-radio{color:var(--ink);cursor:pointer;align-items:center;gap:6px;margin:0;font-size:13px;display:inline-flex}.layout-radio input{accent-color:var(--ui-accent-strong)}.layout-filter-head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.layout-filter-head>span{align-items:center;gap:6px;display:inline-flex}.layout-select-all{color:var(--ui-accent-strong);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.layout-select-all:hover,.layout-select-all.is-on{text-decoration:underline}.layout-photo-filters{flex-wrap:nowrap;gap:6px;margin:0;padding-bottom:2px;display:flex;overflow-x:auto}.layout-photo-filter{width:28px;min-width:28px;height:28px;color:var(--ink);background:#fff;border-radius:999px;flex:none;padding:0;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px #d4d4d8}.layout-photo-filter:hover{box-shadow:inset 0 0 0 1px #a1a1aa}.layout-photo-filter.active{color:#fff;background:var(--ui-accent-strong);box-shadow:none}.layout-section{border-top:1px solid var(--line);padding-top:8px}.layout-section__head{width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.layout-section__title{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.layout-section__title em{color:var(--muted);font-style:normal;font-weight:600}.layout-section__chev{color:var(--muted)}.layout-section__body{padding:6px 0 4px}.layout-empty{color:var(--muted);margin:0;padding:8px 0 4px;font-size:12px}.layout-groups{flex-direction:column;gap:14px;display:flex}.layout-group__label{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:700}.layout-card{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:6px;padding:0;position:relative;overflow:hidden}.layout-card.active{border-color:var(--ui-accent-strong);box-shadow:inset 0 0 0 1px var(--ui-accent-strong)}.layout-card:hover{border-color:#a1a1aa}.layout-card__hit{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.layout-card .m{transform-origin:50%;background:#c4c4c8;border-radius:1px;position:absolute}.layout-card__fav{z-index:2;color:#a1a1aa;opacity:0;background:#ffffffe0;border:0;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;transition:opacity .12s,color .12s;display:grid;position:absolute;top:4px;right:4px}.layout-card:hover .layout-card__fav,.layout-card__fav.is-on,.layout-card__fav:focus-visible{opacity:1}.layout-card__fav.is-on,.layout-card__fav:hover{color:#e11d48}.swatch-row{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 1px #00000014}.swatch.active{border-color:#18181b}.cover-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cover-card{aspect-ratio:.75;border:2px solid #0000;border-radius:10px;position:relative;overflow:hidden}.cover-card.active{border-color:#18181b}.cover-card img{object-fit:cover;width:100%;height:100%}.cover-card em{color:#fff;background:linear-gradient(#0000,#000000b3);padding:6px;font-size:11px;font-style:normal;font-weight:700;position:absolute;bottom:0;left:0;right:0}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field label{color:var(--muted);font-size:11px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a1a1aa;outline:none}.notice-list{flex-direction:column;gap:16px;display:flex}.notice-group{flex-direction:column;gap:8px;display:flex}.notice-group__title{letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.notice-group__title--critical{color:#a32d2d}.notice-group__title--warn{color:#854f0b}.notice-item{text-align:left;background:#fff;border:0;border-left:4px solid #0000;border-radius:0 8px 8px 0;flex-direction:column;gap:4px;width:100%;padding:12px 14px 12px 16px;font-size:13px;line-height:1.4;display:flex}.notice-item--warn{background:#faeeda;border-left-color:#ba7517}.notice-item--warn:hover{filter:brightness(.98)}.notice-item--critical{background:#fcebeb;border-left-color:#e24b4a}.notice-item--critical:hover{filter:brightness(.98)}.notice-item--critical strong{color:#a32d2d}.notice-item--warn strong{color:#854f0b}.notice-item strong{font-size:13px;font-weight:700;display:block}.notice-item span{color:#5f5e5a;font-size:12.5px;font-weight:500}.notice-ok{color:#065f46;background:#ecfdf5;border-radius:10px;padding:14px;font-size:13px;font-weight:600}.bg-panel{flex-direction:column;gap:12px;margin:0 -18px;padding:0 0 8px;display:flex}.bg-panel .bg-controls{padding:0 18px 12px}.bg-acc{margin-top:4px}.bg-acc .tpl-acc-item:first-child{border-top:1px solid #e8e8ea}.bg-search input{color:#18181b;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:100%;height:36px;padding:0 12px;font-size:13px}.bg-search input:focus{border-color:#c4b5fd;outline:2px solid #7c3aed40}.bg-controls{border-bottom:0;flex-direction:column;gap:10px;padding-bottom:4px;display:flex}.bg-check{color:#3f3f46;cursor:pointer;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:500;display:inline-flex}.bg-check input:disabled+span{opacity:.45}.bg-opacity{width:min(100%, calc(var(--flyout-min-w) - 36px));color:#3f3f46;flex-direction:column;align-items:stretch;gap:6px;font-size:13px;font-weight:600;display:flex}.bg-opacity__label{color:#3f3f46;font-weight:600;line-height:1.2}.bg-opacity__row{align-items:center;gap:10px;min-width:0;display:flex}.bg-opacity input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0;padding:0}.bg-opacity input[type=range]::-webkit-slider-runnable-track{background:#d4d4d8;border-radius:1px;height:2px}.bg-opacity input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #a1a1aa;border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 1px 2px #0000001f}.bg-opacity input[type=range]::-moz-range-track{background:#d4d4d8;border:0;border-radius:1px;height:2px}.bg-opacity input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #a1a1aa;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #0000001f}.bg-opacity em{text-align:right;color:#3f3f46;font-variant-numeric:tabular-nums;flex:none;min-width:1.75em;font-size:13px;font-style:normal;font-weight:500}.bg-solid{color:#3f3f46;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.cm-color--chip .cm-color__trigger{background:0 0;border:0;border-radius:0;gap:0;height:auto;padding:0}.cm-color--chip .cm-color__trigger svg{display:none}.cm-color--chip .cm-color__chip{border:1px solid #00000038;border-radius:4px;width:22px;height:22px}.bg-section__head{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:8px 0;display:flex}.bg-section__chev{color:#71717a;width:12px;font-size:12px}.bg-section__title{letter-spacing:.04em;text-transform:uppercase;color:#52525b;font-size:11px;font-weight:800}.bg-section__title em{color:#a1a1aa;font-style:normal;font-weight:600}.bg-upload{color:#18181b;cursor:pointer;background:#ececef;border:0;border-radius:999px;width:100%;height:40px;font-size:14px;font-weight:600}.bg-upload:hover{background:#e4e4e7}.bg-up-progress{flex-direction:column;gap:6px;margin-top:12px;display:flex}.bg-up-progress__top,.bg-up-progress__bot{justify-content:space-between;align-items:center;gap:10px;display:flex}.bg-up-progress__label{letter-spacing:.04em;text-transform:uppercase;color:#3f3f46;font-size:11px;font-weight:700}.bg-up-progress__cancel{color:#3f3f46;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.bg-up-progress__cancel:hover{color:#18181b;text-decoration:underline}.bg-up-progress__mid{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.bg-up-progress__track{background:#e4e4e7;border-radius:999px;height:6px;overflow:hidden}.bg-up-progress__track>i{border-radius:inherit;background:#3f3f46;width:0;height:100%;transition:width .12s;display:block}.bg-up-progress__pct{text-align:right;color:#3f3f46;font-variant-numeric:tabular-nums;min-width:2.5em;font-size:12px;font-style:normal;font-weight:700}.bg-up-progress__bot{color:#a1a1aa;font-size:11px}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.bg-grid--uploads{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.bg-grid--uploads .bg-thumb{aspect-ratio:3/4}.bg-thumb{aspect-ratio:1;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:0;position:relative;overflow:hidden}.bg-thumb__btn{cursor:pointer;background:#f4f4f5 50%/cover no-repeat;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.bg-thumb__img{object-fit:cover;opacity:0;background:0 0;width:100%;height:100%;transition:opacity .16s;display:block;position:absolute;inset:0}.bg-thumb__img.is-ready{opacity:1}.bg-thumb--skel{pointer-events:none;background:linear-gradient(90deg,#f0f0f2 0%,#e7e7ea 50%,#f0f0f2 100%) 0 0/200% 100%;animation:1.1s ease-in-out infinite bg-thumb-skel}@keyframes bg-thumb-skel{0%{background-position:100% 0}to{background-position:-100% 0}}.bg-thumb__used{z-index:2;color:#3f3f46;pointer-events:none;filter:drop-shadow(0 1px 1px #0000002e);width:16px;height:16px;position:absolute;top:5px;left:5px}.bg-thumb__used svg{width:16px;height:16px;display:block}.bg-thumb__fav{z-index:2;color:#c4c4c8;cursor:pointer;filter:drop-shadow(0 0 1px #0003);background:0 0;border:0;border-radius:0;place-items:center;width:24px;height:22px;padding:0;display:grid;position:absolute;top:3px;right:3px}.bg-grid--uploads .bg-thumb__fav{color:#fffffff2;filter:drop-shadow(0 0 1.5px #00000073)}.bg-thumb__fav:hover{color:#ff4d8d}.bg-thumb__fav.is-on,.bg-grid--uploads .bg-thumb__fav.is-on{color:#ff2d7a;filter:drop-shadow(0 1px 1px #0003)}.bg-thumb__fav svg{width:18px;height:16px;display:block}.bg-thumb__del{z-index:2;cursor:pointer;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px #00000059);background:0 0;border:0;border-radius:0;place-items:center;width:18px;height:18px;padding:0;transition:opacity .12s;display:grid;position:absolute;bottom:4px;right:4px}.bg-thumb:hover .bg-thumb__del,.bg-thumb:focus-within .bg-thumb__del,.bg-thumb__del:focus-visible{opacity:1;pointer-events:auto}.bg-thumb__del:hover{filter:drop-shadow(0 1px 2px #00000073)}.bg-thumb__del svg{width:18px;height:18px;display:block}.bg-upload-overlay{z-index:12000;opacity:0;background:#18181b00;place-items:center;padding:24px;transition:background .22s,opacity .22s;display:grid;position:fixed;inset:0}.bg-upload-overlay.is-open{opacity:1;background:#18181b73}.bg-upload-modal{opacity:0;background:#fff;border-radius:4px;width:min(560px,100%);transition:transform .22s,opacity .22s;overflow:hidden;transform:translateY(10px)scale(.98);box-shadow:0 16px 48px #00000038}.bg-upload-overlay.is-open .bg-upload-modal{opacity:1;transform:translateY(0)scale(1)}.bg-upload-modal__head{border-bottom:1px solid #ececef;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 0;display:flex}.bg-upload-modal__tabs{gap:20px;min-width:0;display:flex}.bg-upload-modal__tab{letter-spacing:.04em;text-transform:uppercase;color:#71717a;padding:0 0 12px;font-size:12px;font-weight:700;position:relative}.bg-upload-modal__tab.is-active{color:#3f3f46}.bg-upload-modal__tab.is-active:after{content:"";background:#3f3f46;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.bg-upload-modal__close{color:#71717a;cursor:pointer;background:0 0;border:0;width:32px;height:32px;margin-top:-6px;font-size:24px;line-height:1}.bg-upload-modal__close:hover{color:#18181b}.bg-upload-modal__body{padding:20px 22px 22px}.bg-upload-modal__drop{text-align:center;border:1px dashed #d4d4d8;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:28px 20px;display:flex}.bg-upload-modal__drop h3{color:#27272a;margin:0;font-size:20px;font-weight:700}.bg-upload-modal__drop p{color:#71717a;max-width:34ch;margin:0 0 8px;font-size:14px;line-height:1.4}.bg-upload-modal__cta{color:#fff;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:#3f3f46;border:0;border-radius:999px;height:42px;padding:0 28px;font-size:13px;font-weight:700}.bg-upload-modal__cta:hover{background:#27272a}.bg-upload-modal__tips{text-align:center;flex-direction:column;gap:8px;margin:14px 0 0;display:flex}.bg-upload-modal__tips p{color:#71717a;margin:0;font-size:12px;line-height:1.45}.bg-upload-modal__tip{color:#71717a;text-align:center;margin:14px 0 0;font-size:12px;line-height:1.45}.templates-panel{flex-direction:column;gap:12px;display:flex}.templates-panel:not(:has(.tpl-acc)){padding:16px 18px 24px}.tpl-acc{flex-direction:column;width:100%;display:flex}.tpl-acc-item{border-bottom:1px solid #e8e8ea}.tpl-acc-head{box-sizing:border-box;cursor:pointer;text-align:left;width:100%;font:inherit;color:#3d4450;background:#fff;border:0;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:16px 10px 16px 18px;display:grid}.tpl-acc-head:focus,.tpl-acc-head:focus-visible{outline:none}.tpl-acc-head:hover{background:#fafafa}.tpl-acc-label{color:#3d4450;font-size:15px;font-weight:500;line-height:1.3}.tpl-acc-count{color:#52525b;margin-left:.35em;font-weight:700}.tpl-acc-chev{color:#a1a1aa;justify-content:center;align-items:center;width:16px;margin-right:0;transition:transform .18s;display:flex}.tpl-acc-item.is-open .tpl-acc-chev{color:#71717a;transform:rotate(180deg)}.tpl-acc-body{padding:4px 18px 16px}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;display:grid}.tpl-card{cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.tpl-card__preview{aspect-ratio:210/297;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:0;display:block;box-shadow:inset 0 0 0 1px #fff6}.tpl-card:hover .tpl-card__preview{outline-offset:1px;outline:2px solid #a1a1aa}.tpl-card__name{color:#3f3f46;text-align:center;font-size:12px;font-weight:600;line-height:1.25}.tpl-card__meta{display:none}.tpl-card:disabled{opacity:.55;cursor:wait}.tpl-card--skeleton .tpl-card__preview{background:linear-gradient(90deg,#f4f4f5 0%,#e4e4e7 50%,#f4f4f5 100%) 0 0/200% 100%;animation:1.2s ease-in-out infinite tpl-shimmer}.panel-hint--error{color:#b91c1c}@keyframes tpl-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.stickers-panel{flex-direction:column;width:100%;display:flex}.stickers-panel--pad{gap:12px;padding:16px 18px 24px}.stickers-panel .tpl-acc-item:first-child{border-top:1px solid #e8e8ea}.stickers-acc-body{padding:8px 12px 14px!important}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.sticker-card{aspect-ratio:1;min-width:0;min-height:0;box-shadow:none;background:#fff;border:1px solid #0000;border-radius:0;transition:border-color .12s,background .12s;position:relative;overflow:hidden}.sticker-card:hover,.sticker-card:focus-within{background:#fafafa;border-color:#d4d4d8}.sticker-card.is-drag-source{pointer-events:none;background:#f4f4f5;border-color:#0000}.sticker-card.is-drag-source>*{visibility:hidden}.sticker-drag-ghost{z-index:10000;pointer-events:none;opacity:.88;will-change:transform;place-items:center;display:grid;position:fixed;top:0;left:0;overflow:visible}.sticker-drag-ghost img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 18px #18181b47);width:100%;height:100%;display:block}.sticker-card__hit{cursor:pointer;box-sizing:border-box;background:0 0;border:0;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:14px;display:flex}.sticker-card__hit:hover{background:0 0}.sticker-card__hit img{object-fit:contain;object-position:center;pointer-events:none;filter:url(#cm-sticker-knockout-black)drop-shadow(0 .5px .5px #18181b38)drop-shadow(0 1px 2px #18181b2e);background:0 0;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.sticker-card__fav{z-index:2;color:#c4c4c8;cursor:pointer;opacity:.85;background:0 0;border:0;border-radius:0;place-items:center;width:24px;height:22px;padding:0;display:grid;position:absolute;top:5px;right:5px}.sticker-card:hover .sticker-card__fav,.sticker-card__fav.is-on{opacity:1}.sticker-card__fav:hover{color:#ff4d8d}.sticker-card__fav.is-on{color:#18181b}.sticker-card__fav svg{width:18px;height:16px;display:block}.stickers-filters{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.sticker-block{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;outline:1px solid #0000;position:absolute}.sticker-block img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.sticker-block img.is-hidden{opacity:0}.sticker-rule{pointer-events:none;display:block;position:absolute}.sticker-block--hairline img{object-fit:fill;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.sticker-block.selected{outline-color:var(--ui-accent-strong);outline-width:2px}.sticker-handle{background:var(--ui-accent-strong);box-sizing:border-box;border:1.5px solid #fff;border-radius:1px;width:9px;height:9px;position:absolute;box-shadow:0 0 0 1px #3f3f4659}.sticker-handle--nw{cursor:nwse-resize;top:-5px;left:-5px}.sticker-handle--ne{cursor:nesw-resize;top:-5px;right:-5px}.sticker-handle--sw{cursor:nesw-resize;bottom:-5px;left:-5px}.sticker-handle--se{cursor:nwse-resize;bottom:-5px;right:-5px}.sticker-handle--n{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.sticker-handle--s{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.sticker-handle--w{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.sticker-handle--e{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.ribbon-sticker{pointer-events:none;z-index:4;line-height:0;display:block;position:absolute}.ribbon-sticker.is-under{z-index:1}.ribbon-sticker img{object-fit:fill;width:100%;height:100%;display:block}.studio-fatal{text-align:center;color:#18181b;background:#f4f4f5;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:32px 24px;display:flex}.studio-fatal h1{margin:0;font-size:22px;font-weight:800}.studio-fatal p{color:#71717a;max-width:420px;margin:0;font-size:14px;line-height:1.5}.studio-fatal__btn{color:#fff;font:inherit;cursor:pointer;background:#18181b;border:none;border-radius:10px;margin-top:8px;padding:12px 20px;font-size:14px;font-weight:600}