body:has(.fixed-interface-shell){overscroll-behavior:none;overflow:hidden}.editor-zoom-viewport{--editor-panel-handle-width:30px;z-index:0;background:radial-gradient(circle at 18% 0, #ff8a4c29, transparent 32%), radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--editor-teal) 14%, transparent), transparent 30%), linear-gradient(180deg, #070b12 0%, #101826 100%);touch-action:none;overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.editor-zoom-surface.editor-shell{transform-origin:0 0;will-change:transform;width:1194px;min-width:1194px;max-width:none;height:834px;min-height:834px;max-height:none;position:absolute;top:0;left:0}.editor-viewport-reset{z-index:750;top:max(10px, env(safe-area-inset-top,0px));min-height:40px;color:var(--action-secondary-ink);border:1px solid var(--action-secondary-border);background:var(--action-secondary-bg);box-shadow:var(--action-secondary-shadow), 0 6px 18px #0000004d;cursor:pointer;touch-action:manipulation;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font:700 13px Inter,sans-serif;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.editor-viewport-reset:focus-visible{outline:2px solid var(--action-focus);outline-offset:3px}.editor-shell.background-editing-active:after{content:"";z-index:650;border:2px solid color-mix(in srgb, var(--editor-orange) 72%, transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.editor-panel-edge-toggle{z-index:700;width:var(--editor-panel-handle-width);height:60px;min-width:var(--editor-panel-handle-width);min-height:60px;color:var(--action-secondary-ink);border:1px solid var(--action-secondary-border);background:var(--action-secondary-bg);box-shadow:var(--action-secondary-shadow), 0 8px 24px #0000003d;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit;place-items:center;padding:0;transition:color .14s,border-color .14s,background .14s,opacity .12s;display:grid;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.editor-panel-edge-toggle:hover{border-color:var(--action-secondary-hover-border);background:var(--action-secondary-hover)}.editor-panel-edge-toggle[aria-expanded=true]{color:var(--action-selected-ink);border-color:var(--action-selected-border);background:var(--action-selected-bg);box-shadow:var(--action-selected-shadow), 0 8px 24px #0000003d}.editor-panel-edge-toggle:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.editor-panel-edge-toggle span{font-size:25px;font-weight:900;line-height:1}.editor-panel-edge-toggle-left{left:env(safe-area-inset-left,0px);border-left:0;border-radius:0 12px 12px 0}.editor-panel-edge-toggle-right{right:env(safe-area-inset-right,0px);border-right:0;border-radius:12px 0 0 12px}@media (max-width:600px),(max-height:520px){.editor-zoom-viewport{--editor-panel-handle-width:34px}.editor-panel-edge-toggle{height:68px;min-height:68px}}body:has(.smart-quick-build-overlay,.book-preview-backdrop,.cleanup-backdrop,.checkout-backdrop,.saved-background-confirm-overlay) .editor-panel-edge-toggle{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.editor-panel-edge-toggle{transition-duration:1ms;animation:none}}
.canvas-page-overlay,.canvas-spread-overlay{z-index:3;justify-content:center;align-items:flex-end;min-width:0;padding-inline:6px;display:flex}.canvas-page-overlay .canvas-overlay-content,.canvas-spread-overlay .canvas-overlay-content{min-width:0;max-width:100%}.smart-quick-build-page-status{color:#f1f7fc;white-space:nowrap;background:#132433b8;border:1px solid #d1e5ef70;border-radius:5px;justify-content:center;align-items:center;gap:7px;max-width:100%;padding:3px 8px;font-size:10px;line-height:15px;display:flex;box-shadow:0 1px 5px #07142126}.smart-quick-build-page-status span{color:#dfebf3;flex:none}.smart-quick-build-page-status strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.smart-quick-build-page-status .smart-quick-build-page-lock{color:#dce9f2;cursor:pointer;background:#20394bbd;border:1px solid #b8d1df80;border-radius:4px;flex:0 0 21px;place-items:center;width:21px;min-width:21px;height:21px;min-height:21px;padding:0;display:grid}.smart-quick-build-page-status .smart-quick-build-page-lock:hover:not(:disabled){color:#fff;background:#31586d;border-color:#83d9ef}.smart-quick-build-page-status .smart-quick-build-page-lock.locked{color:#172033;background:#f5cf73;border-color:#f5cf73}.smart-quick-build-page-status .smart-quick-build-page-lock:disabled{cursor:not-allowed;opacity:.45}.smart-quick-build-page-status .smart-quick-build-page-lock svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:13px;height:13px}.canvas-spread-overlay .canvas-background-edit-action{color:#f4fcff;min-height:30px;font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(#375b73d6,#163648c9);border:1px solid #bcecf1b0;border-radius:7px;padding:5px 12px;font-size:11px;font-weight:700;line-height:18px;box-shadow:inset 0 1px #e6fbff66,0 2px 8px #061a304d}.canvas-spread-overlay .canvas-background-edit-action:hover:not(:disabled){background:var(--action-secondary-hover);border-color:var(--action-secondary-hover-border)}.canvas-spread-overlay .canvas-background-edit-action:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.canvas-spread-overlay .canvas-background-edit-action:disabled{color:var(--action-disabled-ink);border-color:var(--action-disabled-border);background:var(--action-disabled-bg);box-shadow:none;cursor:default}.canvas-spread-overlay .canvas-overlay-actions{justify-content:flex-end;align-items:center;gap:5px;max-width:100%;display:flex}.canvas-spread-overlay .canvas-guide-action{color:#ffe9cf;min-height:30px;font:inherit;white-space:nowrap;cursor:pointer;background:#3b2b26d9;border:1px solid #e8aa716e;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700;line-height:18px;box-shadow:inset 0 1px #fff2df26,0 2px 8px #061a304d}.canvas-spread-overlay .canvas-guide-action:hover:not(:disabled){background:#5a3a2cd9;border-color:#ffd19e}.canvas-spread-overlay .canvas-guide-action:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}
.interaction-feedback-stack{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:1300;pointer-events:none;overscroll-behavior:contain;gap:12px;width:min(360px,100vw - 32px);max-height:min(48dvh,420px);display:grid;position:fixed;overflow-y:auto}.interaction-feedback-center{z-index:1300;pointer-events:none;width:min(440px,100vw - 40px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.interaction-feedback-center .interaction-toast{transform-origin:50%;border-radius:22px;padding:20px 16px;box-shadow:0 16px 48px #62371e29}.interaction-feedback-center .interaction-toast strong{font-size:17px}.interaction-feedback-center .interaction-toast p{font-size:14px;line-height:1.5}body:has(.editor-orientation-gate) .interaction-feedback-center{display:none}body:has(.editor-orientation-gate) .interaction-feedback-stack .interaction-toast:not(.error){display:none}body:has(.editor-orientation-gate) .interaction-sound-toggle{display:none}body:has(.editor-orientation-gate) .interaction-feedback-stack{z-index:10010}body:has(.editor-shell) .interaction-feedback-stack{right:max(48px, calc(env(safe-area-inset-right) + 48px));bottom:max(76px, calc(env(safe-area-inset-bottom) + 76px))}.interaction-sound-toggle{pointer-events:auto;color:var(--muted);cursor:pointer;background:#fffdf8db;border:1px solid #e8d8c8d1;border-radius:999px;justify-self:end;padding:7px 11px;box-shadow:0 10px 24px #62371e1f}.interaction-sound-toggle[aria-pressed=true]{color:#315f3b;background:#ddf3e1}.interaction-toast{pointer-events:auto;color:var(--text);transform-origin:100% 100%;background:linear-gradient(135deg,#fffdf8fa,#fff7edf5);border:1px solid #e8d8c8d6;border-radius:18px;grid-template-columns:32px 1fr auto;align-items:start;gap:11px;padding:13px 13px 13px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #62371e29,inset 0 0 0 1px #ffffffbd}.interaction-toast strong{margin-bottom:2px;font-size:12px;display:block}.interaction-toast p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.4}.interaction-toast-content{min-width:0}.interaction-toast-content strong{overflow-wrap:anywhere}.interaction-toast-action{border:1px solid color-mix(in srgb, var(--editor-pink) 28%, transparent);min-height:40px;color:var(--text);background:color-mix(in srgb, var(--editor-pink) 12%, #fffdf8);font:inherit;cursor:pointer;border-radius:12px;margin-top:12px;padding:8px 12px;font-size:13px;font-weight:700}.interaction-toast button:focus-visible,.interaction-sound-toggle:focus-visible{outline:2px solid var(--editor-pink);outline-offset:3px}.interaction-toast>button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:#ffffffad;border:0;border-radius:999px}.interaction-toast-icon{background:#fff1e8;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.interaction-toast.success .interaction-toast-icon,.interaction-toast.celebration .interaction-toast-icon{color:#315f3b;background:#ddf3e1}.interaction-toast.warning .interaction-toast-icon{color:#8a5a00;background:#ffe4a8}.interaction-toast.error .interaction-toast-icon{color:#9f2f18;background:#ffddd1}.interaction-toast.progress .interaction-toast-icon{color:#ef5a35;background:#ffede6}.interaction-confetti{color:#ef5a35;background:currentColor;border-radius:999px;width:4px;height:4px;position:absolute;top:14px;right:52px;box-shadow:-16px 4px #5fa66b,-7px -8px #ffe4a8,8px -4px #ffb59e,17px 7px #ef5a35}@media (prefers-reduced-motion:no-preference){.button,.button:before,.editor-account-button,.editor-account-button:before,.topbar-menu-button,.interaction-sound-toggle,.interaction-toast>button,.gallery-item,.sticker-card-main,.background-card-main{transition:transform var(--motion-fast) var(--motion-spring), box-shadow var(--motion-standard) ease, border-color var(--motion-standard) ease, background var(--motion-standard) ease, opacity var(--motion-standard) ease}.button:active:not(:disabled),.editor-account-button:active,.topbar-menu-button:active,.interaction-sound-toggle:active,.interaction-toast>button:active{transform:translateY(1px)scale(.985,.97)}.gallery-item:hover,.sticker-card-main:hover,.background-card-main:hover{transform:translateY(-1px)}.interaction-toast{animation:.36s cubic-bezier(.2,.9,.2,1.12) interaction-toast-in}.interaction-toast.progress .interaction-toast-icon{animation:1.15s ease-in-out infinite interaction-progress-pulse}.interaction-toast.celebration .interaction-confetti{animation:.9s ease-out both interaction-confetti-pop}}@keyframes interaction-toast-in{0%{opacity:0;transform:translate(18px,14px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes interaction-progress-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes interaction-confetti-pop{0%{opacity:0;transform:translateY(4px)scale(.65)}35%{opacity:1;transform:translateY(-3px)scale(1.15)}to{opacity:0;transform:translateY(-13px)scale(.9)}}@media (prefers-reduced-motion:reduce){.interaction-toast,.interaction-toast *,.button,.button:before,.editor-account-button,.editor-account-button:before,.topbar-menu-button,.gallery-item,.sticker-card-main,.background-card-main{transition:none!important;animation:none!important}}@media (max-width:720px){.interaction-feedback-stack{width:auto;bottom:12px;left:12px;right:12px}body:has(.editor-shell) .interaction-feedback-stack{right:max(18px, calc(env(safe-area-inset-right) + 18px));bottom:max(68px, calc(env(safe-area-inset-bottom) + 68px));left:max(18px, calc(env(safe-area-inset-left) + 18px));width:auto}}.interaction-toast-steps{gap:9px;margin-top:10px;display:grid}.interaction-toast .interaction-toast-step{gap:3px;display:grid}.interaction-toast .interaction-toast-step>strong{color:#fff;text-shadow:0 1px 2px #71301566;background:linear-gradient(115deg,#b94b13,#b42647);border:1px solid #ffd8a3;border-radius:5px;justify-self:start;padding:3px 8px;font-size:12px;line-height:18px}.interaction-toast .interaction-toast-step>span{font-size:12px;line-height:1.4}
body:has(.dashboard-frame-viewport){background:radial-gradient(circle at 18% -8%, #ff6f6133, transparent 30%), radial-gradient(circle at 88% 2%, color-mix(in srgb, var(--editor-teal) 16%, transparent), transparent 28%), linear-gradient(180deg, var(--editor-night) 0%, var(--editor-night-2) 58%, #0c131c 100%);overflow:hidden}:is(body:has(.dashboard-frame-viewport) .legal-footer,body:has(.dashboard-frame-viewport) .app-version-badge){display:none}.dashboard-frame-viewport{background:radial-gradient(circle at 50% 18%, var(--editor-paper-glow), transparent 34%), radial-gradient(circle at 12% 70%, #ff5ea81a, transparent 28%), radial-gradient(circle at 90% 24%, color-mix(in srgb, var(--editor-teal) 12%, transparent), transparent 26%), linear-gradient(180deg, #162231 0%, #101822 100%);overscroll-behavior:contain;width:100vw;height:100dvh;position:relative;overflow:hidden}.dashboard-frame-surface{color:var(--editor-text);transform-origin:0 0;background:radial-gradient(circle at 16% 0, #ff6f6124, transparent 30%), radial-gradient(circle at 82% 0, color-mix(in srgb, var(--editor-teal) 13%, transparent), transparent 28%), linear-gradient(180deg, #182331f5, #0c131cfa);grid-template-rows:128px minmax(0,1fr);gap:10px;padding:10px;display:grid;position:absolute;top:0;left:0;overflow:hidden}.dashboard-loading-overlay{z-index:80;max-width:min(430px,100% - 48px);min-height:34px;color:var(--accent-dark);pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(1.18);backdrop-filter:blur(14px)saturate(1.18);background:linear-gradient(#ffffffe6,#ffefe6b8),#fff8eed6;border:1px solid #ff845c57;border-radius:999px;padding:6px 14px 6px 9px;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #1e120c38,inset 0 1px #ffffffe6}.dashboard-frame-surface .hero,.dashboard-frame-surface .panel,.dashboard-frame-surface .project-card,.dashboard-frame-surface .empty-state{color:var(--editor-text);border:1px solid var(--editor-panel-border);box-shadow:var(--editor-shadow-soft), inset 0 1px 0 #ffffff29;-webkit-backdrop-filter:blur(22px)saturate(1.28);backdrop-filter:blur(22px)saturate(1.28);background:radial-gradient(circle at 22% 0,#ffffff29,#0000 31%),linear-gradient(#1e2b3adb,#101822cc)}.dashboard-frame-surface .hero{z-index:40;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;height:128px;min-height:0;margin:0;padding:12px 14px;display:grid;overflow:visible}.dashboard-frame-surface .hero:before,.dashboard-frame-surface .hero:after{display:none}.dashboard-frame-surface .hero-main{align-items:center;gap:14px;min-width:0;display:flex}.dashboard-frame-surface .hero-brand-logo{flex:none;margin:0}.dashboard-frame-surface .hero-brand-logo .lasagna-logo-icon{width:58px;height:58px}.dashboard-frame-surface .hero-brand-logo.lasagna-logo--full .lasagna-logo-icon{width:118px;height:104px}.dashboard-frame-surface .hero-brand-logo .lasagna-logo-icon svg{width:44px;height:44px}.dashboard-frame-surface .dashboard-logo-link{min-width:0;color:var(--editor-text);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;background:radial-gradient(circle at 30% 12%,#fff3,#0000 36%),#ffffff12;border:1px solid #ffffff29;border-radius:16px;flex:none;align-items:center;gap:8px;padding:6px 10px 6px 6px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 10px 22px #00000024}.dashboard-frame-surface .dashboard-logo-link:hover{border-color:color-mix(in srgb, var(--editor-teal) 36%, transparent);box-shadow:inset 0 1px 0 #ffffff38, 0 0 22px color-mix(in srgb, var(--editor-teal) 12%, transparent), 0 12px 26px #0000002e;background:radial-gradient(circle at 30% 12%,#ffffff42,#0000 36%),#ffffff1a;transform:translateY(-1px)}.dashboard-frame-surface .dashboard-logo-link>span{min-height:22px;color:var(--editor-text-muted);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:0 4px 0 1px;font-size:10px;font-weight:900;display:inline-flex}.dashboard-frame-surface .dashboard-logo-link:hover>span{color:#fffdf8}.dashboard-frame-surface .dashboard-logo-link .lasagna-logo-icon{width:66px;height:66px}.dashboard-frame-surface .dashboard-logo-link .lasagna-logo-icon svg{width:51px;height:51px}.dashboard-frame-surface .muted,.dashboard-frame-surface .hero-copy,.dashboard-frame-surface .hero-privacy-note,.dashboard-frame-surface .project-card p,.dashboard-frame-surface .project-card time,.dashboard-frame-surface .storage-note,.dashboard-frame-surface .page-count-guidance{color:var(--editor-text-muted)}.dashboard-frame-surface .eyebrow,.dashboard-frame-surface .hero .eyebrow{color:var(--editor-teal);letter-spacing:.12em;margin:0;font-size:9px}.dashboard-frame-surface .hero h1{color:var(--editor-text);text-shadow:0 0 24px #ff6f6129;margin:0;font-size:34px;line-height:1}.dashboard-frame-surface .hero-message{gap:4px;min-width:0;display:grid}.dashboard-frame-surface .hero-copy{max-width:640px;margin:0;font-size:12px;line-height:1.35;overflow:hidden}.dashboard-frame-surface .hero-privacy-note{text-overflow:ellipsis;white-space:nowrap;max-width:720px;margin:0;font-size:11px;font-weight:750;line-height:1.3;overflow:hidden}.dashboard-frame-surface .count-badge,.dashboard-frame-surface .project-card-cta,.dashboard-frame-surface .dashboard-legal-menu summary,.dashboard-frame-surface .dashboard-legal-menu a{color:var(--editor-text);background:radial-gradient(circle at 30% 15%,#ffffff47,#0000 36%),#ffffff14;border:1px solid #ffffff29;box-shadow:inset 0 1px #fff3}.dashboard-frame-surface .dashboard-account-menu{z-index:80;min-width:0;position:relative}.dashboard-frame-surface .dashboard-account-button{width:248px;max-width:34vw;min-height:54px;color:var(--editor-text);cursor:pointer;background:radial-gradient(circle at 28% 14%,#ffffff4d,#0000 36%),#ffffff14;border:1px solid #ffffff2e;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;display:grid;box-shadow:inset 0 1px #fff3,0 10px 24px #0000002e}.dashboard-frame-surface .dashboard-account-button:hover{border-color:color-mix(in srgb, var(--editor-teal) 36%, transparent)}.dashboard-frame-surface .dashboard-account-avatar{color:#fffdf8;background:linear-gradient(135deg, var(--editor-coral), var(--editor-teal));border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.dashboard-frame-surface .dashboard-account-text{text-align:left;gap:2px;min-width:0;display:grid}.dashboard-frame-surface .dashboard-account-text strong,.dashboard-frame-surface .dashboard-account-text small,.dashboard-frame-surface .dashboard-account-summary strong,.dashboard-frame-surface .dashboard-account-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-frame-surface .dashboard-account-text strong{color:var(--editor-text);font-size:12px}.dashboard-frame-surface .dashboard-account-text small,.dashboard-frame-surface .dashboard-account-summary small{color:var(--editor-text-muted);font-size:10px}.dashboard-frame-surface .dashboard-account-caret{color:var(--editor-teal);font-size:12px;font-weight:900}.dashboard-frame-surface .dashboard-account-dropdown{width:min(250px,100vw - 24px);color:var(--ink);z-index:90;background:linear-gradient(#fffdf8,#fff7ed);border:1px solid #e8d8c8e0;border-radius:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 44px #00000047}.dashboard-frame-surface .dashboard-account-summary{background:linear-gradient(#fff9f0,#fff2e4);border-bottom:1px solid #e8d8c8c7;gap:2px;padding:12px 14px;display:grid}.dashboard-frame-surface .dashboard-account-dropdown .interface-accent-control{min-height:42px;color:var(--ink);border-bottom:1px solid #e8d8c8c7;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:800;display:flex}.dashboard-frame-surface .dashboard-account-dropdown .interface-accent-control input[type=color]{cursor:pointer;background:0 0;border:1px solid #c4b5a7c7;border-radius:8px;width:30px;min-width:30px;height:24px;padding:0}.dashboard-frame-surface .dashboard-account-summary strong{color:var(--ink);font-size:13px}.dashboard-frame-surface .dashboard-account-dropdown a,.dashboard-frame-surface .dashboard-account-dropdown button{min-height:42px;color:var(--ink);box-shadow:none;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.dashboard-frame-surface .dashboard-account-dropdown a:hover,.dashboard-frame-surface .dashboard-account-dropdown button:hover{background:#ffb59e38}.dashboard-frame-surface .dashboard-account-dropdown .danger-text{color:var(--red);border-top:1px solid #e8d8c8c7}.dashboard-frame-surface .notice{z-index:30;border-radius:12px;margin:0;padding:8px 11px;font-size:11px;position:absolute;top:148px;left:420px;right:18px}.dashboard-frame-surface .dashboard-grid{grid-row:2;grid-template-rows:minmax(0,1fr) minmax(160px,.26fr);grid-template-columns:340px minmax(0,1fr);gap:10px;min-height:0;display:grid;position:relative}.dashboard-frame-surface .smart-create-card,.dashboard-frame-surface .project-list,.dashboard-frame-surface .dashboard-learning-panel{border-radius:18px;min-height:0;padding:14px;display:grid}.dashboard-frame-surface .smart-create-card{background:radial-gradient(circle at 22% 0, color-mix(in srgb, var(--editor-pink) 18%, transparent), transparent 34%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--editor-teal) 14%, transparent), transparent 30%), #ffffff12;grid-row:1/3;grid-template-rows:minmax(0,1fr) auto;align-content:start;gap:24px;padding:26px 22px}.dashboard-frame-surface .smart-create-card .section-heading{align-content:start;gap:22px;margin:0;display:grid}.dashboard-frame-surface .dashboard-welcome{color:var(--editor-teal);overflow-wrap:anywhere;margin:0;font-size:25px;font-weight:750;line-height:1.2}.dashboard-frame-surface .smart-create-card .section-heading h2{color:var(--editor-text);letter-spacing:-.025em;margin:0;font-size:36px;line-height:1.12}.dashboard-frame-surface .smart-create-card .section-heading .muted{color:var(--editor-text);margin:0;font-size:18px;line-height:1.6}.dashboard-frame-surface .smart-create-button{text-align:left;touch-action:manipulation;border-radius:18px;align-self:end;justify-items:start;gap:4px;min-height:88px;padding:16px 20px;font-size:23px;line-height:1.15;display:grid}.dashboard-frame-surface .smart-create-button small{font-size:14px;font-weight:650}.dashboard-frame-surface .project-list{grid-area:1/2;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;overflow:hidden}.dashboard-frame-surface .dashboard-project-column{display:contents}.dashboard-frame-surface .dashboard-learning-panel{grid-area:2/2;grid-template-rows:auto minmax(0,1fr);gap:6px;padding:10px 12px 12px;overflow:hidden}.dashboard-frame-surface .dashboard-learning-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.dashboard-frame-surface .dashboard-learning-heading h2{color:var(--editor-text);margin:2px 0 0;font-size:16px;line-height:1.05}.dashboard-frame-surface .dashboard-learning-heading>span{color:var(--editor-text-muted);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:850}.dashboard-frame-surface .dashboard-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;min-height:0;display:grid}.dashboard-frame-surface .dashboard-resource-group{grid-template-rows:auto minmax(0,1fr);gap:4px;min-width:0;min-height:0;display:grid}.dashboard-frame-surface .dashboard-resource-group>strong{color:#fffdf8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1;overflow:hidden}.dashboard-frame-surface .dashboard-example-strip,.dashboard-frame-surface .dashboard-tutorial-list{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;min-height:0;display:grid;overflow:hidden}.dashboard-frame-surface .dashboard-example-card,.dashboard-frame-surface .dashboard-tutorial-item{min-width:0;min-height:0;color:var(--editor-text);background:radial-gradient(circle at 24% 0,#ffffff24,#0000 32%),#ffffff0f;border:1px solid #ffffff21;border-radius:12px;align-items:center;text-decoration:none;display:grid;overflow:hidden}.dashboard-frame-surface .dashboard-example-card{grid-template-rows:minmax(0,1fr) auto;gap:4px;padding:6px}.dashboard-frame-surface .dashboard-example-image{background:#ffffff14;border-radius:9px;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.dashboard-frame-surface .dashboard-example-image img{object-fit:cover}.dashboard-frame-surface .dashboard-example-card span{color:var(--editor-text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:850;line-height:1.15;overflow:hidden}.dashboard-frame-surface .dashboard-tutorial-item{grid-template-rows:34px auto;gap:5px;padding:6px}.dashboard-frame-surface .dashboard-tutorial-thumb{background:linear-gradient(135deg, #ff8a3d42, color-mix(in srgb, var(--editor-teal) 20%, transparent)), #ffffff14;background-position:50%;background-size:cover;border-radius:8px;width:100%;min-height:34px;display:block}.dashboard-frame-surface .dashboard-tutorial-item b,.dashboard-frame-surface .dashboard-tutorial-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-frame-surface .dashboard-tutorial-item b{color:var(--editor-text);font-size:9px;line-height:1.15}.dashboard-frame-surface .dashboard-tutorial-item small{color:var(--editor-text-muted);margin-top:1px;font-size:8px;font-weight:800}.dashboard-frame-surface .section-heading{margin:0}.dashboard-frame-surface .section-heading h2{color:var(--editor-text);font-size:24px}.dashboard-frame-surface .section-heading .muted{max-width:none;margin:4px 0 0;font-size:10px;line-height:1.3}.dashboard-frame-surface label{color:var(--editor-text);font-size:10px}.dashboard-frame-surface input,.dashboard-frame-surface select{height:36px;color:var(--ink);background:radial-gradient(circle at 30% 15%,#ffffffd1,#0000 36%),#fffdf8db;border-color:#ffffff29;border-radius:12px;font-size:12px}.dashboard-frame-surface .button{border-radius:12px;min-height:36px;padding:7px 11px}.dashboard-frame-surface .row-heading{align-items:start;gap:10px}.dashboard-frame-surface .project-list-actions{flex-wrap:nowrap;gap:7px}.dashboard-frame-surface .project-list-actions .button{white-space:nowrap}.dashboard-frame-surface .count-badge{color:#fffdf8;background:radial-gradient(circle at 28% 15%,#ffffff57,#0000 34%),linear-gradient(135deg,#ff8a3d7a,#ff5ea83d);width:30px;height:30px}.dashboard-frame-surface .storage-note{background:#ffffff12;border-color:#ffffff29;padding:5px 8px;font-size:9px}.dashboard-frame-surface .project-cards{overscroll-behavior:contain;grid-row:4;grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;max-height:none;padding:0 3px 8px 0;display:grid;overflow:auto}.dashboard-frame-surface .project-card{border-radius:14px;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px 10px;height:auto;min-height:max-content;padding:10px}.dashboard-frame-surface .project-card-main{min-width:0}.dashboard-frame-surface .project-card:hover{border-color:color-mix(in srgb, var(--editor-teal) 28%, transparent);background:radial-gradient(circle at 18% 0, color-mix(in srgb, var(--editor-teal) 12%, transparent), transparent 32%), linear-gradient(180deg, #1e2b3ae6, #101822d1);transform:translate(2px)}.dashboard-frame-surface .book-mark{background:linear-gradient(135deg, var(--editor-orange), var(--editor-pink));width:40px;height:40px;box-shadow:0 0 18px #ff6f6138,inset 4px 0 #ffffff29}.dashboard-frame-surface .project-card strong{color:var(--editor-text);font-size:13px}.dashboard-frame-surface .project-card p,.dashboard-frame-surface .project-card time{font-size:10px}.dashboard-frame-surface .project-card-actions{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:flex-end;align-self:start;gap:5px;min-height:max-content;display:flex}.dashboard-frame-surface .project-card-actions .button{min-height:30px;padding:5px 8px;font-size:10px}.dashboard-frame-surface .project-card-cta{color:#fffdf8;margin-top:2px;padding:4px 8px;font-size:9px}.dashboard-frame-surface .empty-state{border-style:dashed;height:100%;min-height:0}.dashboard-frame-surface .empty-glyph{color:var(--editor-orange);font-size:38px}.dashboard-frame-surface .dashboard-legal-menu{z-index:15;position:absolute;bottom:12px;right:12px}.dashboard-frame-surface .dashboard-legal-menu summary{min-width:72px;min-height:30px;color:var(--editor-text-muted);cursor:pointer;border-radius:999px;place-items:center;padding:6px 12px;font-size:10px;font-weight:900;list-style:none;display:grid}.dashboard-frame-surface .dashboard-legal-menu summary::-webkit-details-marker{display:none}.dashboard-frame-surface .dashboard-legal-menu nav{border:1px solid var(--editor-panel-border);min-width:128px;box-shadow:var(--editor-shadow-soft);background:radial-gradient(circle at 18% 0,#ffffff2e,#0000 30%),linear-gradient(#1e2b3af5,#101822eb);border-radius:14px;gap:6px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.dashboard-frame-surface .dashboard-legal-menu a{color:var(--editor-text);border-radius:10px;padding:7px 10px;font-size:10px;font-weight:800;text-decoration:none}.dashboard-frame-surface.homepage-dashboard-surface{background:radial-gradient(circle at 13% 78%, #ff8a3d21, transparent 27%), radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--editor-teal) 13%, transparent), transparent 29%), linear-gradient(180deg, #121d2bf7, #091019fc);grid-template-rows:minmax(0,1fr);gap:0;padding:0}.dashboard-frame-surface .homepage-clean-grid{grid-template-columns:390px minmax(0,1fr);gap:14px;min-width:0;min-height:0;display:grid}.dashboard-frame-surface .homepage-promo-panel,.dashboard-frame-surface .homepage-auth-project-panel,.dashboard-frame-surface .homepage-clean-learning-panel{color:var(--editor-text);border:1px solid var(--editor-panel-border);box-shadow:var(--editor-shadow-soft), inset 0 1px 0 #ffffff29;-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:radial-gradient(circle at 16% 0,#ffffff21,#0000 32%),linear-gradient(#1e2b3ad6,#101822c7);border-radius:18px}.dashboard-frame-surface .homepage-promo-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px;min-height:0;padding:24px;display:grid;position:relative;overflow:hidden}.dashboard-frame-surface .homepage-promo-panel:before{content:"";opacity:.45;pointer-events:none;background:radial-gradient(circle at 50% 20%,#ff8a3d52,#0000 13%),linear-gradient(80deg,#0000 0 43%,#ff8a3d3d 44% 47%,#0000 48% 100%);width:110px;height:250px;position:absolute;inset:auto auto 100px -32px;transform:rotate(-16deg)}.dashboard-frame-surface .homepage-promo-brand{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;min-width:0;display:grid}.dashboard-frame-surface .homepage-promo-brand .lasagna-logo-icon{border-radius:18px;width:72px;height:72px}.dashboard-frame-surface .homepage-promo-brand .lasagna-logo-icon svg{width:54px;height:54px}.dashboard-frame-surface .homepage-promo-brand strong{color:#fffdf8;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:500;line-height:1;display:block;overflow:hidden}.dashboard-frame-surface .homepage-promo-brand span{color:var(--editor-text);margin-top:4px;font-size:12px;font-weight:800;display:block}.dashboard-frame-surface .homepage-promo-copy{gap:13px;display:grid}.dashboard-frame-surface .homepage-promo-copy h1{color:#fffdf8;max-width:320px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:500;line-height:.94}.dashboard-frame-surface .homepage-promo-copy p{max-width:320px;color:var(--editor-text-muted);margin:0;font-size:13px;line-height:1.5}.dashboard-frame-surface .homepage-promo-features{gap:10px;display:grid}.dashboard-frame-surface .homepage-promo-feature{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.dashboard-frame-surface .homepage-promo-feature>span{width:32px;height:32px;color:var(--editor-orange);background:#ff8a3d14;border:1px solid #ff8a3d38;border-radius:10px;place-items:center;font-size:11px;font-weight:900;display:grid}.dashboard-frame-surface .homepage-promo-feature strong,.dashboard-frame-surface .homepage-guest-project-card strong{color:var(--editor-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.dashboard-frame-surface .homepage-promo-feature p,.dashboard-frame-surface .homepage-guest-project-card p,.dashboard-frame-surface .homepage-account-note p{color:var(--editor-text-muted);margin:0;font-size:9px;line-height:1.32}.dashboard-frame-surface .homepage-book-showcase{align-items:end;min-height:155px;display:grid;position:relative}.dashboard-frame-surface .homepage-closed-book{color:#fffdf8b8;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(110deg,#ffffff14,#0000 42%),linear-gradient(135deg,#121820f5,#2e363ee6);border:1px solid #ffffff1a;border-radius:8px 12px 12px 8px;place-items:center;width:132px;height:76px;font-size:10px;display:grid;position:absolute;bottom:10px;left:-4px;transform:rotate(-7deg);box-shadow:0 22px 32px #00000047}.dashboard-frame-surface .homepage-open-book{background:linear-gradient(135deg,#f3e7d4,#fffaf0);border:1px solid #ffffff29;border-radius:8px 18px 18px 8px;grid-template-columns:1fr 1fr;gap:6px;width:236px;height:124px;padding:10px;display:grid;position:absolute;bottom:8px;right:0;transform:rotate(-8deg);box-shadow:0 26px 38px #00000047}.dashboard-frame-surface .homepage-open-book:before{content:"";background:#62371e29;width:1px;position:absolute;inset:10px 50% 10px auto}.dashboard-frame-surface .homepage-open-book-page{background:#62371e14;border-radius:6px;position:relative;overflow:hidden}.dashboard-frame-surface .homepage-open-book-page img{object-fit:cover}.dashboard-frame-surface .homepage-account-note{background:#ffffff0e;border:1px solid #ffffff21;border-radius:14px;gap:10px;padding:14px;display:grid}.dashboard-frame-surface .homepage-account-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-frame-surface .homepage-account-benefits span{min-height:36px;color:var(--editor-text);align-items:center;font-size:10px;font-weight:800;line-height:1.25;display:flex}.dashboard-frame-surface .homepage-clean-main{grid-template-rows:minmax(0,1fr) 224px;gap:14px;min-width:0;min-height:0;display:grid}.dashboard-frame-surface .homepage-auth-project-panel{grid-template-rows:auto auto auto minmax(0,1fr);gap:13px;min-height:0;padding:16px;display:grid;overflow:hidden}.dashboard-frame-surface .homepage-auth-project-panel .section-heading h2{color:var(--editor-text);margin:0;font-size:26px}.dashboard-frame-surface .homepage-locked-strip{min-height:32px;color:var(--editor-text);letter-spacing:.08em;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;place-items:center;font-size:9px;font-weight:900;display:grid}.dashboard-frame-surface .homepage-project-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}.dashboard-frame-surface .homepage-guest-project-card{min-width:0;color:var(--editor-text);background:radial-gradient(circle at 18% 0,#ffffff1f,#0000 30%),#ffffff0e;border:1px dashed #ffffff29;border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:10px;display:grid}.dashboard-frame-surface .homepage-guest-project-card .book-mark{opacity:.75;width:38px;height:38px}.dashboard-frame-surface .homepage-inline-auth-card{background:#ffffff0f;border:1px solid #ffffff21;border-radius:14px;align-content:start;gap:6px;min-height:0;padding:8px;display:grid;overflow:hidden}.dashboard-frame-surface .homepage-inline-auth-card .auth-tabs{margin:0}.dashboard-frame-surface .homepage-inline-auth-card .auth-tabs button{height:30px;font-size:11px}.dashboard-frame-surface .homepage-inline-auth-card .auth-form{gap:6px}.dashboard-frame-surface .homepage-inline-auth-card label{min-width:0;color:var(--editor-text);gap:3px;font-size:9px;line-height:1.1;display:grid}.dashboard-frame-surface .homepage-inline-auth-card input:not([type=checkbox]){height:32px;min-height:32px;color:var(--editor-text);background:linear-gradient(#ffffff14,#ffffff09),#ffffff0f;border-color:#ffffff1f}.dashboard-frame-surface .homepage-inline-auth-card input::placeholder{color:#f7f3ea85}.dashboard-frame-surface .homepage-inline-auth-card .legal-checkbox{color:var(--editor-text-muted);background:#ffffff12;border-color:#ffffff24;grid-template-columns:auto minmax(0,1fr);gap:7px;margin:0;padding:6px 7px;font-size:9px;line-height:1.18}.dashboard-frame-surface .homepage-inline-auth-card .legal-checkbox input{width:14px;height:14px;margin:0}.dashboard-frame-surface .homepage-inline-auth-card .auth-submit{min-height:34px}.dashboard-frame-surface .homepage-inline-auth-card .notice{border-radius:10px;margin:0;padding:6px 8px;font-size:9px;line-height:1.2}.dashboard-frame-surface .homepage-inline-auth-card .text-button{color:var(--editor-teal);justify-self:start;font-size:9px;font-weight:900}.dashboard-frame-surface .homepage-clean-learning-panel{padding:12px}.dashboard-frame-surface .homepage-concept{z-index:0;grid-template-rows:218px 286px 68px minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.dashboard-frame-surface .homepage-book-cloud{z-index:0;pointer-events:none;position:absolute;inset:0}.dashboard-frame-surface .homepage-concept-hero,.dashboard-frame-surface .homepage-concept-body,.dashboard-frame-surface .homepage-concept-trust-row,.dashboard-frame-surface .homepage-concept-tutorials{z-index:1;position:relative}.dashboard-frame-surface .homepage-concept-hero{text-align:center;align-content:start;justify-items:center;min-width:0;padding-top:2px;display:grid}.dashboard-frame-surface .homepage-concept-logo .lasagna-logo-image{object-fit:cover;object-position:center}.dashboard-frame-surface .homepage-concept-hero h1{color:#fffdf8;margin:-8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:500;line-height:1}.dashboard-frame-surface .homepage-concept-hero h1 span{color:var(--editor-teal)}.dashboard-frame-surface .homepage-concept-hero p{max-width:520px;color:var(--editor-text-muted);margin:4px 0 0;font-size:12px;line-height:1.35}.dashboard-frame-surface .homepage-floating-book{color:#fffdf8d1;background:linear-gradient(105deg,#ffffff1f,#0000 45%),#ffffff14;border:1px solid #ffffff29;border-radius:8px 12px 12px 8px;gap:7px;width:144px;padding:8px 8px 10px;display:grid;position:absolute;box-shadow:0 24px 34px #00000057,inset -7px 0 #ffffff14,inset 7px 0 #0000002e}.dashboard-frame-surface .homepage-floating-book-cover{aspect-ratio:.82;background:#ffffff1a;border-radius:4px 8px 8px 4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.dashboard-frame-surface .homepage-floating-book-cover img{object-fit:cover}.dashboard-frame-surface .homepage-floating-book span{color:#fffdf8c7;letter-spacing:.08em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:850;line-height:1;overflow:hidden}.dashboard-frame-surface .homepage-floating-book-1{top:18px;left:18px;transform:rotate(-9deg)}.dashboard-frame-surface .homepage-floating-book-2{bottom:96px;left:24px;transform:rotate(8deg)}.dashboard-frame-surface .homepage-floating-book-3{top:16px;right:28px;transform:rotate(8deg)}.dashboard-frame-surface .homepage-floating-book-4{bottom:88px;right:32px;transform:rotate(-10deg)}.dashboard-frame-surface .homepage-concept-body{grid-template-columns:306px minmax(0,1fr) 306px;align-items:center;gap:14px;min-width:0;min-height:0;display:grid}.dashboard-frame-surface .homepage-feature-column{gap:8px;min-width:0;display:grid}.dashboard-frame-surface .homepage-concept-feature{min-width:0;color:var(--editor-text);background:radial-gradient(circle at 16% 0,#ffffff24,#0000 34%),#fff1;border:1px solid #ffffff26;border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid;box-shadow:0 12px 24px #00000029,inset 0 1px #ffffff24}.dashboard-frame-surface .homepage-concept-feature>span{width:38px;height:38px;color:var(--editor-teal);border:1px solid color-mix(in srgb, var(--editor-teal) 42%, transparent);background:color-mix(in srgb, var(--editor-teal) 10%, transparent);border-radius:10px;place-items:center;font-size:10px;font-weight:950;display:grid}.dashboard-frame-surface .homepage-feature-column-right .homepage-concept-feature>span{color:var(--editor-orange);background:#f0ab3d1a;border-color:#f0ab3d6b}.dashboard-frame-surface .homepage-concept-feature strong{color:#fffdf8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;display:block;overflow:hidden}.dashboard-frame-surface .homepage-concept-feature p{color:var(--editor-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 0;font-size:8.6px;line-height:1.25;display:-webkit-box;overflow:hidden}.dashboard-frame-surface .homepage-concept-auth-card{min-width:0;min-height:0;color:var(--editor-text);background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--editor-teal) 14%, transparent), transparent 42%), linear-gradient(180deg, #162231e0, #080f18d1);border-color:#ffffff29;border-radius:18px;align-content:start;gap:7px;padding:12px 14px;display:grid;box-shadow:0 18px 34px #00000052,inset 0 1px #ffffff29}.dashboard-frame-surface .homepage-concept-auth-card .auth-tabs{margin:0}.dashboard-frame-surface .homepage-concept-auth-card .auth-tabs button{height:30px;font-size:11px}.dashboard-frame-surface .homepage-concept-auth-card .auth-form{gap:6px}.dashboard-frame-surface .homepage-auth-copy{gap:2px;display:grid}.dashboard-frame-surface .homepage-auth-copy strong{color:var(--editor-text);font-size:12px;line-height:1.1}.dashboard-frame-surface .homepage-auth-copy span{color:var(--editor-text-muted);font-size:9px;line-height:1.2}.dashboard-frame-surface .homepage-auth-field-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7px;min-width:0;display:grid}.dashboard-frame-surface .homepage-concept-auth-card label{min-width:0;color:var(--editor-text);gap:3px;font-size:9px;line-height:1.1;display:grid}.dashboard-frame-surface .homepage-concept-auth-card input:not([type=checkbox]){height:32px;min-height:32px;color:var(--editor-text);background:linear-gradient(#ffffff14,#ffffff09),#ffffff0f;border-color:#ffffff1f}.dashboard-frame-surface .homepage-concept-auth-card input::placeholder{color:#f7f3ea85}.dashboard-frame-surface .homepage-concept-auth-card .legal-checkbox{color:var(--editor-text-muted);background:#ffffff12;border-color:#ffffff24;grid-template-columns:auto minmax(0,1fr);gap:7px;margin:0;padding:6px 7px;font-size:9px;line-height:1.18}.dashboard-frame-surface .homepage-concept-auth-card .legal-checkbox input{width:14px;height:14px;margin:0}.dashboard-frame-surface .homepage-concept-auth-card .auth-submit,.dashboard-frame-surface .homepage-concept-auth-card .account-dialog-actions .button{min-height:34px}.dashboard-frame-surface .homepage-concept-auth-card .notice{border-radius:10px;margin:0;padding:6px 8px;font-size:9px;line-height:1.2}.dashboard-frame-surface .homepage-concept-auth-card .auth-field-hint{font-size:8px;line-height:1.15}.dashboard-frame-surface .homepage-concept-auth-card .text-button{color:var(--editor-teal);justify-self:start;font-size:9px;font-weight:900}.dashboard-frame-surface .homepage-concept-trust-row{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--editor-teal) 12%, transparent), transparent 46%), #ffffff0e;border:1px solid #ffffff26;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;min-height:0;padding:10px 170px;display:grid}.dashboard-frame-surface .homepage-concept-trust-row article{border-right:1px solid #ffffff21;min-width:0;padding:0 10px}.dashboard-frame-surface .homepage-concept-trust-row article:last-child{border-right:0}.dashboard-frame-surface .homepage-concept-trust-row strong{color:#fffdf8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;display:block;overflow:hidden}.dashboard-frame-surface .homepage-concept-trust-row p{color:var(--editor-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 0;font-size:9px;line-height:1.25;display:-webkit-box;overflow:hidden}.dashboard-frame-surface .homepage-concept-tutorials{min-width:0;min-height:0;color:var(--editor-text);background:radial-gradient(circle at 76% 0,#f0ab3d24,#0000 34%),#ffffff0f;border-color:#ffffff29;grid-template-columns:220px minmax(0,1fr);gap:14px;padding:12px 150px 12px 220px;display:grid}.dashboard-frame-surface .homepage-concept-tutorial-copy{align-content:center;gap:5px;min-width:0;display:grid}.dashboard-frame-surface .homepage-concept-tutorial-copy h2{color:#fffdf8;margin:0;font-size:20px;line-height:1}.dashboard-frame-surface .homepage-concept-tutorial-copy p:not(.eyebrow){color:var(--editor-text-muted);margin:0;font-size:11px;line-height:1.35}.dashboard-frame-surface .homepage-concept-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;min-height:0;display:grid}.dashboard-frame-surface .homepage-concept-tutorial-card{background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;grid-template-rows:minmax(0,1fr) auto;gap:6px;min-width:0;min-height:0;padding:6px;display:grid;position:relative;overflow:hidden}.dashboard-frame-surface .homepage-concept-tutorial-card iframe{border:0;border-radius:8px;width:100%;height:100%;min-height:115px;display:block}.dashboard-frame-surface .homepage-concept-tutorial-card span{color:#fffdf8;font-size:10px;font-weight:850;line-height:1}.dashboard-frame-surface .dashboard-tutorial-item:has(.dashboard-tutorial-embed){grid-template-rows:minmax(0,1fr) auto}.dashboard-frame-surface .dashboard-tutorial-embed{min-height:0;overflow:hidden}.dashboard-frame-surface .dashboard-tutorial-embed iframe{border-radius:inherit;border:0;width:100%;height:100%;min-height:0;display:block}.dashboard-frame-surface .homepage-concept{aspect-ratio:16/9;background:url(/homepage/logged-out-homepage-background.jpeg) 50%/contain no-repeat;width:100%;display:block}.dashboard-frame-surface .homepage-book-cloud,.dashboard-frame-surface .homepage-feature-column,.dashboard-frame-surface .homepage-concept-trust-row,.dashboard-frame-surface .homepage-concept-tutorial-copy{display:none}.dashboard-frame-surface .homepage-concept-body{transform-origin:top;width:31.2%;height:auto;display:block;position:absolute;top:25%;left:34.2%;transform:scale(.9)}.dashboard-frame-surface .homepage-concept-auth-card{width:100%;height:100%;overflow:hidden}.dashboard-frame-surface .homepage-concept-tutorials{width:47.7%;height:14.7%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:block;position:absolute;top:81.7%;left:34.9%}.dashboard-frame-surface .homepage-concept-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:100%}.dashboard-frame-surface .homepage-concept-tutorial-card{box-shadow:none;background:0 0;border:0;padding:6px}body:has(.dashboard-frame-viewport) .interaction-feedback-stack{width:min(360px,100vw - 32px);bottom:max(16px,50dvh - min(100dvh,69.8492vw)/2 + 16px);left:auto;right:max(16px,50vw - min(100vw,143.165dvh)/2 + 16px)}.dashboard-frame-surface .project-action-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03080f8a;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.dashboard-frame-surface .project-action-dialog{width:min(440px,100% - 24px);max-height:calc(100% - 24px);color:var(--ink);background:radial-gradient(circle at 18% 0,#ffffffc7,#0000 30%),linear-gradient(#fffdf8f7,#f5efe7eb);border-color:#ffffff38;padding:18px;overflow:auto}.dashboard-frame-surface .project-delete-options{margin:0}.dashboard-frame-surface .project-action-dialog .project-delete-options label{background:#fffdf8b8;border:1px solid #d8ccbfbd;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;padding:10px;display:grid}.dashboard-frame-surface .project-action-dialog .project-delete-options label>span{gap:3px;min-width:0;display:grid}.dashboard-frame-surface .project-action-dialog .project-delete-options strong,.dashboard-frame-surface .project-action-dialog .project-delete-options small{overflow-wrap:anywhere;line-height:1.35}.dashboard-frame-surface .project-action-dialog .project-delete-options strong{color:var(--ink);font-size:12px;font-weight:850}.dashboard-frame-surface .project-action-dialog .project-delete-options small{color:var(--muted);font-size:10.5px;font-weight:650}.dashboard-frame-surface .project-action-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (max-width:700px),(max-height:560px){.dashboard-frame-surface .project-action-backdrop{align-items:start;padding:10px;overflow:auto}.dashboard-frame-surface .project-action-dialog{width:min(420px,100%);max-height:none;padding:14px}}.dashboard-frame-surface:has(.homepage-concept){overflow:hidden;width:100vw!important;height:100dvh!important;padding:0!important;transform:none!important}.dashboard-frame-surface .homepage-concept{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:max(100vw,177.778dvh);height:max(100dvh,56.25vw);position:absolute;top:calc(50dvh - max(100dvh,56.25vw)/2);left:calc(50vw - max(100vw,177.778dvh)/2);transform:none}.dashboard-frame-surface .homepage-concept-hero{z-index:20;pointer-events:none;width:20%;padding:0;display:block;position:absolute;top:0%;left:50%;transform:translate(-50%)}.dashboard-frame-surface .homepage-concept-hero h1,.dashboard-frame-surface .homepage-concept-hero p{display:none}.dashboard-frame-surface .homepage-concept-logo.lasagna-logo--full .lasagna-logo-icon{filter:none;border-radius:0;width:100%;height:auto}.dashboard-frame-surface .homepage-concept-logo .lasagna-logo-image{object-fit:contain;width:100%;height:auto;display:block}.dashboard-frame-surface .homepage-concept-auth-card{height:auto;overflow:visible}.dashboard-frame-surface .homepage-concept-auth-card .auth-tabs button,.dashboard-frame-surface .homepage-concept-auth-card .auth-submit,.dashboard-frame-surface .homepage-concept-auth-card .account-dialog-actions .button,.dashboard-frame-surface .homepage-concept-auth-card .text-button{min-height:49px}.dashboard-frame-surface .homepage-concept-auth-card input:not([type=checkbox]){height:49px;min-height:49px;font-size:16px}.dashboard-frame-surface .homepage-concept-auth-card .legal-checkbox{min-height:49px}.dashboard-frame-surface .homepage-concept-auth-card .text-button{align-items:center;display:inline-flex}.dashboard-frame-surface .homepage-concept-legal{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.dashboard-frame-surface .homepage-concept-legal a{min-width:0;min-height:49px;color:var(--editor-text-muted);text-align:center;justify-content:center;align-items:center;font-size:9px;font-weight:800;text-decoration:none;display:flex}.dashboard-frame-surface .homepage-concept-legal a:hover,.dashboard-frame-surface .homepage-concept-legal a:focus-visible{color:var(--editor-teal);text-decoration:underline}@media (max-aspect-ratio:3/4){.dashboard-frame-surface .homepage-concept{background-size:cover;width:100vw;height:100dvh;top:0;left:0}.dashboard-frame-surface .homepage-concept-hero{width:min(240px,55vw)}.dashboard-frame-surface .homepage-concept-body{width:min(360px,100vw - 32px);left:50%;transform:translate(-50%)}.dashboard-frame-surface .homepage-concept-tutorials{display:none}}@media (orientation:landscape) and (max-height:520px){.dashboard-frame-surface .homepage-concept{background-size:cover;width:100vw;height:100dvh;top:0;left:0}.dashboard-frame-surface .homepage-concept-hero,.dashboard-frame-surface .homepage-concept-tutorials{display:none}.dashboard-frame-surface .homepage-concept-body{width:min(400px,100vw - 24px);top:4px;left:50%;transform:translate(-50%)}.dashboard-frame-surface .homepage-concept-auth-card{gap:3px;padding:6px 8px}.dashboard-frame-surface .homepage-auth-copy{gap:0}.dashboard-frame-surface .homepage-auth-copy span{display:none}.dashboard-frame-surface .homepage-concept-auth-card .auth-form{gap:4px}.dashboard-frame-surface .homepage-concept-auth-card label{gap:1px}.dashboard-frame-surface .homepage-concept-auth-card .auth-tabs button,.dashboard-frame-surface .homepage-concept-auth-card .auth-submit,.dashboard-frame-surface .homepage-concept-auth-card .text-button,.dashboard-frame-surface .homepage-concept-legal a{min-height:44px}.dashboard-frame-surface .homepage-concept-auth-card input:not([type=checkbox]){height:44px;min-height:44px}.dashboard-frame-surface .homepage-concept-auth-card .legal-checkbox{min-height:44px;padding-block:3px}}.dashboard-frame-surface .homepage-concept.form-keyboard-open{left:0;top:var(--form-viewport-offset-top,0px);width:100vw;height:var(--form-viewport-height,100dvh);background-size:cover}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-hero,.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-tutorials{display:none}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-body{width:min(420px,100vw - 12px);max-height:calc(var(--form-viewport-height,100dvh) - 8px);top:4px;left:50%;transform:translate(-50%)}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-auth-card{max-height:calc(var(--form-viewport-height,100dvh) - 8px);overscroll-behavior:contain;gap:4px;padding:6px 8px;scroll-padding-block:8px 48px;overflow-y:auto}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-auth-copy{gap:0}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-auth-copy span,.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-legal{display:none}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-auth-card .auth-form{gap:4px}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-auth-card label{gap:2px;font-size:10px}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-auth-card .auth-tabs button,.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-auth-card .auth-submit,.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-auth-card .account-dialog-actions .button,.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-auth-card .text-button{min-height:44px}.dashboard-frame-surface .homepage-concept.form-keyboard-open .homepage-concept-auth-card input:not([type=checkbox]){height:44px;min-height:44px;font-size:16px}.dashboard-frame-surface .homepage-concept.form-keyboard-open .auth-form>.button.primary.auth-submit,.dashboard-frame-surface .homepage-concept.form-keyboard-open .account-dialog-actions{z-index:2;position:sticky;bottom:0}.dashboard-frame-surface .homepage-concept.form-keyboard-open .auth-form>.button.primary.auth-submit{box-shadow:0 -5px 14px #080f18d1}
.selection-properties-panel{--editor-control-height:28px;--attribute-label-color:#c6d4e0;--attribute-value-color:#f1f6fb;--attribute-muted-color:#a5b6c9;--attribute-card-bg:linear-gradient(160deg, #223649, #172535 68%);--attribute-card-border:#7c98b077;--attribute-control-bg:#122031;--attribute-control-border:#91a8c075;color:var(--attribute-value-color);box-shadow:none;background:#101b2a}.selection-properties-panel .toolbar-subgroup{border:1px solid var(--attribute-card-border);background:var(--attribute-card-bg);border-radius:7px;padding:5px;box-shadow:inset 0 1px #f0f8ff0a}.selection-properties-panel :is(.toolbar-subgroup-label,.editor-workflow-box-title,.background-action-strip-label){color:var(--attribute-value-color);text-align:left;text-transform:none;letter-spacing:0;padding:0;font-size:12px;font-weight:700;line-height:15px;display:block;position:static}.selection-properties-panel :is(.toolbar-field,.toolbar-toggle,.toolbar-value-field,.toolbar-number-select-field,.quick-build-field,.attribute-color-target,.editor-generation-checkbox-control,.background-design-checkbox){color:var(--attribute-label-color);font-size:11px;font-weight:500;line-height:14px}.selection-properties-panel :is(.toolbar-field,.toolbar-value-field,.toolbar-number-select-field,.quick-build-field,.editor-generation-source-control,.background-design-field,.background-design-value)>span:first-child{color:var(--attribute-label-color);text-transform:none;font-size:11px;font-weight:500;line-height:14px}.selection-properties-panel :is(select,textarea,input:not([type=checkbox]):not([type=range]),.compact-value-control){color:var(--attribute-value-color);border-color:var(--attribute-control-border);border-radius:5px;font-size:12px;font-weight:500}.selection-properties-panel :is(select,textarea,input:not([type=checkbox]):not([type=range])){min-height:var(--editor-control-height);background-color:var(--attribute-control-bg)}.selection-properties-panel select{background-position:right 5px center,50%;padding:3px 18px 3px 5px}.selection-properties-panel input[type=color]{cursor:pointer;padding:2px}.editor-body .fixed-workflow-attributes input[type=checkbox]{width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;box-shadow:none;accent-color:#89d9df;flex:0 0 16px;align-self:center;margin:0;padding:0}.selection-properties-panel .compact-value-control output{color:var(--attribute-value-color);font-size:12px;font-weight:600}.selection-properties-panel :is(.button,.tool-button,.toolbar-toggle){min-height:var(--editor-control-height);color:var(--attribute-value-color);border:1px solid var(--attribute-control-border);background:var(--attribute-control-bg);box-shadow:none;text-shadow:none;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:600;line-height:16px}.selection-properties-panel :is(.button:not(.primary),.tool-button){color:var(--action-secondary-ink);border-color:var(--action-secondary-border);background:var(--action-secondary-bg);box-shadow:var(--action-secondary-shadow)}.selection-properties-panel .button-icon{justify-content:center;align-items:center;width:14px;margin-right:4px;font-size:16px;line-height:1;display:inline-flex}.selection-properties-panel :is(.toolbar-toggle,.frame-cut-corners-control){border-radius:4px}.selection-properties-panel :is(.toolbar-toggle,.frame-cut-corners-control):has(input:checked:not(:disabled)){color:#e5ffff;background:#21414b}.selection-properties-panel :is(.button:not(.primary),.tool-button):hover:not(:disabled){border-color:var(--action-secondary-hover-border);background:var(--action-secondary-hover)}.selection-properties-panel .button.danger{color:#ffd2d5;background:#4a2830;border-color:#ff6b7380}.selection-properties-panel .button.danger:hover:not(:disabled){color:#fff;background:#61303a;border-color:#ff9198}.selection-properties-panel .attribute-scope-utilities{color:var(--attribute-label-color)}.attribute-help-popover{color:#edf6fc;background:#172638;border:1px solid #83a8c0;border-radius:12px;width:min(420px,100vw - 32px);padding:18px;font-size:14px;line-height:1.5;box-shadow:0 16px 60px #040c18aa}.attribute-help-popover::backdrop{background:#06111b44}.attribute-help-popover p{margin:10px 0}.selection-properties-panel .property-helper-text{color:var(--attribute-muted-color);font-size:11px;font-weight:400;line-height:14px}.selection-properties-panel .attribute-appearance-utilities{background:0 0}.selection-properties-panel .attribute-color-shortcuts{color:var(--attribute-label-color);background:0 0;border:0}.selection-properties-panel .background-harmony-status{color:var(--attribute-label-color);font-size:11px;font-weight:500}.selection-properties-panel :is(.toolbar-field,.toolbar-toggle):has(:disabled){opacity:1}.selection-properties-panel :is(input,select,textarea,button):disabled{color:#91a0b2;opacity:1;cursor:not-allowed;box-shadow:none;-webkit-text-fill-color:#91a0b2;background:#192536;border-style:dashed;border-color:#91a8c038}.selection-properties-panel :is(.toolbar-field,.toolbar-toggle):has(:disabled)>span:first-child{color:#91a0b2}.selection-properties-panel :is(button,input,select,textarea):focus-visible,.attribute-help-popover button:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px;box-shadow:none}.attribute-scope-control .attribute-scope-check{flex:0 0 10px;width:10px;font-size:11px}
.editor-body:has(>.editor-creative-inspector){--editor-inspector-height:264px;grid-template-rows:var(--editor-inspector-height) minmax(0, 1fr);grid-template-areas:"attributes attributes attributes""left workspace right";container:editor-workspace/inline-size}.editor-body>.editor-creative-inspector{width:100%;height:var(--editor-inspector-height);z-index:2;grid-area:attributes;min-width:0;min-height:0;position:relative;overflow:visible}.editor-body .editor-creative-inspector .fixed-workflow-attributes[data-embedded=true]{--attribute-tile-size:72px;--editor-control-height:var(--attribute-tile-size);--attribute-card-height:176px;--attribute-card-gap:4px;--attribute-card-padding:3px;--attribute-accent:#7be5be;box-sizing:border-box;grid-area:auto;grid-template-rows:32px var(--attribute-card-height);z-index:2;border:0;align-content:start;gap:4px;height:212px;padding:0;overflow:visible}.editor-body .attribute-header-tools.fixed-workflow-attributes{--attribute-tile-size:68px;--editor-control-height:68px;--attribute-card-padding:3px;min-width:0;height:42px;box-shadow:none;background:0 0;border:0;align-items:stretch;gap:4px;margin:0;padding:0;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes){--attribute-accent:#7be5be}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes)[data-attribute-panel=sticker]{--attribute-accent:#f7a8ce}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes)[data-attribute-panel=text]{--attribute-accent:#c7afff}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes)[data-attribute-panel=background]{--attribute-accent:#6ee4f0}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-controls{grid-row:2;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--attribute-card-height);min-width:0;min-height:0;display:grid;overflow:visible}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-appearance-content,.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-appearance-content .attribute-utility-row{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-appearance-utilities,.attribute-scope-utilities){--attribute-tile-size:44px;--editor-control-height:44px;border:0;align-items:stretch;gap:8px;min-width:0;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-color-shortcuts,.attribute-color-presets,.attribute-shared-style-actions,.shared-attribute-scope){background:0 0;border:0;align-items:stretch;gap:4px;min-width:0;margin:0;padding:0;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-color-shortcuts,.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-color-presets{flex:1 1 0}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-color-presets>button{flex:1 1 0;padding:3px;font-size:10px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-color-target{flex:0 0 100px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-appearance-utilities .attribute-shared-style-actions{border-left:1px solid color-mix(in srgb, var(--attribute-accent) 30%, transparent);flex:none;padding-left:8px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-appearance-utilities .attribute-shared-style-actions>:is(label,button){flex:0 0 100px;width:100px;min-width:100px;max-width:100px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-scope-utilities{justify-content:flex-end;align-items:center}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-scope-utilities .shared-attribute-scope{flex:none;width:auto;max-width:none}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-scope-utilities .shared-attribute-scope>button{white-space:nowrap;flex-direction:column;flex:0 0 88px;justify-content:center;align-items:center;gap:2px;width:88px;min-width:88px;max-width:88px;padding:3px;font-size:11px;line-height:14px;display:flex;overflow:visible}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-context-surface{display:contents}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-context-content{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--attribute-card-height);gap:var(--attribute-card-gap);height:var(--attribute-card-height);align-items:stretch;min-width:0;min-height:0;padding:0;display:grid;overflow:visible}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-context-content>*{grid-area:auto;min-width:0;min-height:0}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.shared-attributes-section,.shared-attributes-toolbar,.background-toolbar-controls){display:contents}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-effects-content{--attribute-tile-size:68px;--editor-control-height:68px;grid-template-rows:168px;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px;min-width:0;min-height:0;display:grid}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-context-content,.attribute-effects-content) .toolbar-subgroup{grid-template-rows:14px;grid-template-columns:minmax(0,1fr);grid-auto-rows:var(--attribute-tile-size);width:100%;min-width:0;max-width:none;height:100%;min-height:0;padding:var(--attribute-card-padding);border:1px solid var(--attribute-ui-card-border);border-top-color:color-mix(in srgb, var(--attribute-accent) 40%, var(--attribute-ui-card-border));background:var(--attribute-ui-card-bg);box-shadow:var(--attribute-ui-card-shadow);border-radius:8px;align-content:start;place-items:stretch stretch;gap:4px;margin:0;display:grid;overflow:visible}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-context-content :is(.attribute-photo-controls,.attribute-sticker-controls,.attribute-text-controls){grid-area:1/1}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-effects-content .toolbar-subgroup-border{--attribute-accent:#ffd080;grid-area:1/1;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-effects-content .toolbar-subgroup-shadow{--attribute-accent:#a4bdff;grid-area:1/2;grid-template-columns:repeat(3,minmax(0,1fr))}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-context-content,.attribute-effects-content) .toolbar-subgroup>*{grid-area:auto;min-width:0;max-width:none}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-context-content,.attribute-effects-content) :is(.toolbar-subgroup-label,.editor-workflow-box-title){height:14px;min-height:0;color:var(--attribute-accent);letter-spacing:.01em;white-space:nowrap;grid-area:1/1/auto/-1;margin:0;padding:0;font-size:11px;font-weight:750;line-height:14px;display:block;position:static}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-field,.toolbar-value-field,.quick-build-field,.editor-generation-source-control,.attribute-color-target){--toolbar-field-width:100%;--toolbar-field-min-width:0px;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:var(--attribute-tile-size);min-height:var(--attribute-tile-size);margin:0;padding:0;display:block;position:relative}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-field,.quick-build-field,.editor-generation-source-control,.attribute-color-target)>span:first-child:not(:has(select)){z-index:1;height:12px;color:var(--attribute-ui-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;margin:0;padding:0;font-size:10px;font-weight:700;line-height:12px;position:absolute;top:5px;left:4px;right:4px;overflow:hidden}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(select,textarea,input:where(:not([type=checkbox]):not([type=radio])),.compact-value-control,.toolbar-toggle,.editor-generation-checkbox-control),.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-context-content,.attribute-effects-content,.attribute-appearance-utilities,.attribute-scope-utilities) button:where(:not([role=combobox])){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:var(--attribute-tile-size);min-height:var(--attribute-tile-size);color:var(--attribute-ui-ink);border:1px solid var(--attribute-ui-setting-border);background:var(--attribute-ui-setting-bg);box-shadow:var(--attribute-ui-setting-shadow);border-radius:8px;margin:0;font-family:inherit;font-size:11px;line-height:14px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-field,.quick-build-field,.editor-generation-source-control,.attribute-color-target) select{background:var(--attribute-ui-select-arrow) right 5px center / 12px 12px no-repeat, var(--attribute-ui-setting-bg);cursor:pointer;text-overflow:ellipsis;padding:20px 18px 5px 4px;font-size:11px;font-weight:650}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) input[type=color]{padding:20px 4px 5px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-field>span:has(select){--asset-preview-size:min(42px, calc(var(--attribute-tile-size) - 22px));grid-template-columns:var(--asset-preview-size) minmax(0, 1fr);box-sizing:border-box;width:100%;height:var(--attribute-tile-size);min-height:var(--attribute-tile-size);border:1px solid var(--attribute-ui-setting-border);background:var(--attribute-ui-setting-bg);box-shadow:var(--attribute-ui-setting-shadow);border-radius:8px;align-items:center;gap:4px;padding:18px 4px 4px;display:grid;position:relative}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-field>span:has(select)>span:has(>select){min-width:0;position:static}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-field>span:has(select) select{height:calc(var(--attribute-tile-size) - 24px);background:var(--attribute-ui-select-arrow) right 2px center / 12px 12px no-repeat;min-height:0;box-shadow:none;border:0;border-radius:0;padding:0 16px 0 0}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-field button[role=combobox]{width:auto;min-width:0;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-context-content,.attribute-effects-content,.attribute-appearance-utilities,.attribute-scope-utilities) .button{text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:12px;font-weight:700;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .button-icon{width:18px;color:var(--attribute-accent);justify-content:center;align-items:center;margin:0;font-size:18px;line-height:18px;display:inline-flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-command,.attribute-appearance-utilities .attribute-color-presets>button){color:var(--attribute-ui-command-ink);border-color:var(--attribute-ui-command-border);background:var(--attribute-ui-command-bg);box-shadow:var(--attribute-ui-command-shadow);font-weight:750}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-command .button-icon{color:currentColor}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-toggle,.editor-generation-checkbox-control){color:var(--attribute-ui-ink);text-align:center;white-space:normal;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:10px;font-weight:650;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) input[type=checkbox]{width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--attribute-accent);flex:0 0 16px;margin:0}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-toggle,.editor-generation-checkbox-control):has(input:checked:not(:disabled)){color:var(--attribute-ui-selected-ink);border-color:var(--attribute-ui-selected-border);background:var(--attribute-ui-selected-bg);box-shadow:var(--attribute-ui-selected-shadow)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .compact-value-control{background:linear-gradient(90deg, color-mix(in srgb, var(--attribute-accent) 14%, transparent) var(--compact-value-position), transparent var(--compact-value-position)), var(--attribute-ui-setting-bg);grid-template-columns:12px minmax(0,1fr) 12px;align-items:center;gap:0;padding:20px 3px 5px;display:grid}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .compact-value-control output{min-width:0;color:var(--attribute-ui-ink);font-variant-numeric:tabular-nums;padding:0;font-size:14px;font-weight:700;line-height:18px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .compact-value-control>span{min-width:0;color:var(--attribute-accent);background:0 0;font-size:12px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .generation-value-control .compact-value-control{grid-template-columns:minmax(0,1fr) minmax(32px,1.1fr) minmax(0,1fr)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .generation-value-control .compact-value-control>span{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-context-content,.attribute-effects-content,.attribute-appearance-utilities,.attribute-scope-utilities) :is(button,select,input,textarea):where(:not(.attribute-command):not(.attribute-color-preset)):hover:not(:disabled):not([role=combobox]){border-color:var(--attribute-ui-focus)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-command,.attribute-appearance-utilities .attribute-color-presets>button):hover:not(:disabled){background:var(--attribute-ui-command-hover);border-color:var(--attribute-ui-command-border)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--attribute-ui-focus);outline-offset:2px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(input,select,textarea,button):disabled:not([role=combobox]){color:var(--attribute-ui-disabled-ink);-webkit-text-fill-color:var(--attribute-ui-disabled-ink);border-color:var(--attribute-ui-disabled-border);background:var(--attribute-ui-disabled-bg);opacity:1;cursor:not-allowed;box-shadow:none;border-style:solid}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-field,.quick-build-field,.editor-generation-source-control,.attribute-color-target) select:disabled{background:var(--attribute-ui-select-arrow) right 5px center / 12px 12px no-repeat, var(--attribute-ui-disabled-bg)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.attribute-command,.attribute-appearance-utilities .attribute-color-presets>button):disabled{color:var(--attribute-ui-disabled-ink);-webkit-text-fill-color:var(--attribute-ui-disabled-ink);border-color:var(--attribute-ui-disabled-border);background:var(--attribute-ui-disabled-bg);opacity:1;cursor:not-allowed;box-shadow:none}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .compact-value-control:disabled :is(output,span){color:var(--attribute-ui-disabled-ink)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-field>span:has(select:disabled){color:var(--attribute-ui-disabled-ink);border-color:var(--attribute-ui-disabled-border);background:var(--attribute-ui-disabled-bg);box-shadow:none}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-field>span:has(select) select:disabled{background:var(--attribute-ui-select-arrow) right 2px center / 12px 12px no-repeat}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-field,.toolbar-value-field,.quick-build-field):has(:disabled)>span:first-child{color:var(--attribute-ui-disabled-ink)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-toggle,.editor-generation-checkbox-control):has(:disabled){color:var(--attribute-ui-disabled-ink);border-color:var(--attribute-ui-disabled-border);background:var(--attribute-ui-disabled-bg);opacity:1;cursor:not-allowed;box-shadow:none}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-toggle,.editor-generation-checkbox-control) input:disabled{opacity:1}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-subgroup-border,.toolbar-subgroup-shadow)>.toolbar-toggle{grid-area:2/1}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-subgroup-border>.toolbar-color-field,.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-subgroup-shadow>.toolbar-compact-field{grid-area:2/2}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes)[data-attribute-panel]:not([data-attribute-panel=background]) :is(.attribute-context-content,.attribute-effects-content) .toolbar-subgroup .compact-value-control{grid-template-columns:minmax(0,1fr);padding:20px 2px 17px;position:relative}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes)[data-attribute-panel]:not([data-attribute-panel=background]) :is(.attribute-context-content,.attribute-effects-content) .toolbar-subgroup .compact-value-control output{font-size:14px;line-height:18px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes)[data-attribute-panel]:not([data-attribute-panel=background]) :is(.attribute-context-content,.attribute-effects-content) .toolbar-subgroup .compact-value-control>span{width:12px;font-size:12px;line-height:12px;position:absolute;bottom:4px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes)[data-attribute-panel]:not([data-attribute-panel=background]) :is(.attribute-context-content,.attribute-effects-content) .toolbar-subgroup .compact-value-decrease{left:4px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes)[data-attribute-panel]:not([data-attribute-panel=background]) :is(.attribute-context-content,.attribute-effects-content) .toolbar-subgroup .compact-value-increase{right:4px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-context-content .attribute-photo-controls{grid-template-columns:repeat(6,minmax(0,1fr));position:relative}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.photo-style-fields,.photo-workflow-actions,.photo-rearrange-control,.sticker-source-fields,.sticker-style-fields,.text-style-fields,.text-workflow-actions){display:contents}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-context-status{color:var(--attribute-ui-muted);font-size:10px;line-height:14px;position:absolute;top:3px;right:5px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-style-fields>.toolbar-frame-field{grid-area:2/1/auto/4}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-style-fields>.toolbar-frame-color-field{grid-area:3/1}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-style-fields>.toolbar-frame-width-field{grid-area:3/2}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-style-fields>.toolbar-frame-bottom-field{grid-area:3/3}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-style-fields>.photo-opacity-field{grid-area:2/4}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-style-fields>.frame-cut-corners-control{grid-area:2/5}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-style-fields>.frame-cut-amount-control{grid-area:2/6}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-style-fields>.photo-strip-count-control{grid-area:3/4}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-rearrange-control>.button{grid-area:3/6}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .photo-workflow-actions>.button{grid-area:3/5}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-context-content .attribute-sticker-controls{grid-template-columns:repeat(7,minmax(0,1fr))}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-context-content .attribute-text-controls{grid-template-columns:repeat(9,minmax(0,1fr))}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-context-content .attribute-group-frame-workflow{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2, var(--attribute-tile-size));border:0;border-left:1px solid color-mix(in srgb, var(--attribute-accent) 30%, transparent);background:0 0;grid-row:2/4;gap:4px;min-width:0;height:100%;padding:0 0 0 4px;display:grid}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-sticker-controls>.attribute-group-frame-workflow{grid-column:5/8}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-text-controls>.attribute-group-frame-workflow{grid-column:7/10}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-group-frame-workflow>.toolbar-frame-field{grid-area:2/3}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-group-frame-workflow>.toolbar-frame-color-field{grid-area:1/1}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-group-frame-workflow>.toolbar-frame-width-field{grid-area:1/2}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-group-frame-workflow>.toolbar-frame-bottom-field{grid-area:1/3}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-group-frame-workflow>.frame-cut-corners-control{grid-area:2/1}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-group-frame-workflow>.frame-cut-amount-control{grid-area:2/2}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .sticker-source-fields>.editor-generation-source-control{grid-area:2/1/auto/3}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .sticker-source-fields>.toolbar-field{grid-area:3/1/auto/4}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .sticker-style-fields>.toolbar-field:not(.toolbar-value-field){grid-area:2/3}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .sticker-style-fields>.toolbar-value-field{grid-area:2/4}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-sticker-controls>.sticker-creation-action{grid-area:3/4}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-text-controls>.text-toolbar-input{grid-area:2/1/auto/3}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .text-toolbar-input textarea{resize:none;padding:20px 6px 5px;font-size:12px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .text-style-fields>.toolbar-font-field{grid-area:3/4/auto/6}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .text-style-fields>.text-size-field{grid-area:2/3}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .text-style-fields>.text-weight-field{grid-area:2/4}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .text-style-fields>.text-line-height-field{grid-area:2/5}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .text-style-fields>.text-color-field{grid-area:2/6}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .text-workflow-actions>.button{grid-area:3/6}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .text-workflow-actions>.toolbar-segmented{grid-area:3/1/auto/4}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-segmented{width:100%;min-width:0;height:var(--attribute-tile-size);border:0;flex-wrap:nowrap;align-items:stretch;gap:4px;margin:0;padding:0;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .toolbar-segmented button{flex:1 1 0;padding:2px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.toolbar-segmented,.shared-attribute-scope) button[aria-pressed=true]:not(:disabled){color:var(--attribute-ui-selected-ink);border-color:var(--attribute-ui-selected-border);background:var(--attribute-ui-selected-bg);box-shadow:var(--attribute-ui-selected-shadow)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-header{background:0 0;border:0;grid-row:1;align-items:stretch;gap:4px;height:32px;min-height:32px;padding:0;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .attribute-header-tools{justify-content:flex-end;align-items:stretch;gap:4px;min-width:0;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-selector{border:0;flex:1 1 0;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:0;display:grid}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-header :is(.selection-properties-selector,.background-object-attribute-chooser)>button,.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .canvas-composition-view>button{width:100%;min-width:0;height:32px;min-height:32px;color:var(--attribute-ui-ink);border:1px solid var(--attribute-ui-setting-border);background:var(--attribute-ui-setting-bg);box-shadow:var(--attribute-ui-setting-shadow);border-radius:7px;justify-content:center;align-items:center;gap:5px;margin:0;padding:3px;font-size:11px;font-weight:700;line-height:20px;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .appearance-popover-trigger{flex:0 0 104px;width:104px;height:42px;min-height:42px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .canvas-composition-view>button{height:42px;min-height:42px}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-selector button[data-attribute-kind]{color:var(--attribute-accent);border-color:color-mix(in srgb, var(--attribute-accent) 52%, #34465e);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--attribute-accent) 55%, transparent), var(--attribute-ui-setting-shadow)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-selector button[aria-selected=true] .button-icon,.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.shared-attribute-scope,.canvas-composition-view) button[aria-pressed=true]:not(:disabled) .button-icon{color:currentColor}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-header :is(.selection-properties-selector,.background-object-attribute-chooser)>button:hover:not(:disabled):not([aria-selected=true]):not([aria-pressed=true]),.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .canvas-composition-view>button:hover:not(:disabled):not([aria-pressed=true]),.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .appearance-popover-trigger:hover:not(:disabled){border-color:var(--attribute-ui-focus)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-header :is(.selection-properties-selector,.background-object-attribute-chooser)>button:is([aria-selected=true],[aria-pressed=true]):not(:disabled),.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .canvas-composition-view>button[aria-pressed=true]:not(:disabled){color:var(--attribute-ui-selected-ink);border-color:var(--attribute-ui-selected-border);background:var(--attribute-ui-selected-bg);box-shadow:var(--attribute-ui-selected-shadow)}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .selection-properties-header :is(.selection-properties-selector,.background-object-attribute-chooser)>button:disabled,.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .canvas-composition-view>button:disabled,.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .appearance-popover-trigger:disabled{color:var(--attribute-ui-disabled-ink);-webkit-text-fill-color:var(--attribute-ui-disabled-ink);border-color:var(--attribute-ui-disabled-border);background:var(--attribute-ui-disabled-bg);opacity:1;cursor:not-allowed;box-shadow:none}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .canvas-composition-view{border:0;flex:0 0 80px;align-items:stretch;min-width:0;padding:0;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .background-object-attribute-chooser{flex:1 1 0;align-items:stretch;gap:4px;min-width:0;display:flex}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) .background-object-attribute-chooser>button{flex:1 1 0}.editor-body :is(.selection-properties-panel.fixed-workflow-attributes,.attribute-header-tools.fixed-workflow-attributes) :is(.property-scope-label,.shared-attributes-heading,.property-helper-text){display:none}.editor-body .editor-creative-inspector .background-properties-panel[data-embedded=true]{--attribute-tile-size:60px;--editor-control-height:60px;--attribute-card-height:212px;height:var(--attribute-card-height);grid-template-rows:var(--attribute-card-height);gap:0}.editor-body .editor-creative-inspector .background-properties-panel[data-embedded=true] .selection-properties-controls{grid-row:1}.editor-body .fixed-workflow-attributes[data-content-fill=true] .attribute-context-content-sticker{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.editor-body .fixed-workflow-attributes[data-content-fill=true] .attribute-context-content-text{grid-template-columns:minmax(0,9fr) minmax(0,4fr)}.editor-body .fixed-workflow-attributes[data-content-fill=true] .editor-live-fill-controls{grid-area:1/2}.editor-orientation-gate{z-index:10000;color:#f8fafc;text-align:center;touch-action:none;background:radial-gradient(circle at 50% 30%,#f98c3433,#0000 55%),#101722;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0}.editor-orientation-gate .editor-orientation-icon{color:#ff954b;font-size:64px;line-height:1}.editor-orientation-gate h2{margin:0;font-size:24px}.editor-orientation-gate p{max-width:320px;margin:0;font-size:16px;line-height:1.5}
body:has(.admin-dashboard){overflow:hidden}body:has(.admin-dashboard) :is(.app-version-badge,.legal-footer){display:none}.admin-dashboard{min-width:0;color:var(--editor-text)}.dashboard-frame-surface.admin-dashboard{--muted:var(--editor-text-muted);--ink:var(--editor-text);grid-template-rows:60px 78px 38px minmax(0,1fr);gap:10px;margin:0;padding:12px;display:grid;overflow:hidden}.admin-dashboard *,.admin-dashboard :before,.admin-dashboard :after{box-sizing:border-box}.admin-dashboard :is(section,article,aside,header,nav,div){min-width:0}.admin-dashboard :is(h1,h2,h3,h4,p,dl){margin:0}.admin-dashboard :is(h2,h3){font-size:16px;line-height:1.2}.admin-dashboard .eyebrow{color:var(--editor-teal);font-size:9px;line-height:1.4}.admin-dashboard .panel{border-radius:15px;min-height:0}.dashboard-frame-surface.admin-dashboard .button{white-space:nowrap;height:30px;min-height:30px;padding:4px 10px;font-size:11px;line-height:1.15}.admin-dashboard button:disabled{cursor:default;opacity:.48}.admin-dashboard :is(button,input,select):focus-visible{outline:2px solid var(--editor-teal);outline-offset:2px}.admin-dashboard :is(input,select){border-radius:8px;min-width:0;height:30px;min-height:30px;padding:4px 8px;font-size:11px}.admin-hero{grid-template-columns:minmax(190px,1fr) auto minmax(200px,1fr);align-items:center;gap:14px;padding:8px 12px;display:grid}.admin-brand h1{white-space:nowrap;font-size:20px;line-height:1.2}.admin-tools,.admin-tabs{align-items:center;gap:4px;min-height:0;display:flex}.admin-tools button,.admin-tabs button{border:1px solid var(--editor-panel-border);min-width:0;min-height:30px;color:var(--editor-text-muted);font:inherit;white-space:nowrap;background:#ffffff0a;border-radius:9px;flex:0 auto;padding:5px 9px;font-size:11px;font-weight:700}.admin-tools button.active,.admin-tabs button.active,.admin-tools button:hover,.admin-tabs button:hover{color:var(--editor-text);border-color:var(--editor-teal);background:#53b7b929}.admin-session{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;font-size:11px;display:grid}.admin-session strong{text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.admin-session>span{color:var(--editor-text-muted);text-transform:uppercase;font-size:9px}.admin-summary-row{grid-template-columns:.7fr .7fr 1.2fr .8fr 1.6fr;gap:10px;display:grid}.admin-metric{align-content:center;gap:3px;padding:8px 12px;display:grid}.admin-metric>span{color:var(--editor-text-muted);font-size:11px;font-weight:700}.admin-metric>strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:23px;line-height:1.1;overflow:hidden}.admin-metric>small{color:var(--editor-text-muted);font-size:10px}.admin-revenue{grid-template-columns:minmax(0,1fr) auto}.admin-revenue>span,.admin-revenue>small{grid-column:1/-1}.admin-revenue>strong{font-size:20px}.admin-revenue select{width:65px;height:25px;min-height:25px;padding:2px 4px}.admin-status-bar{border:1px solid var(--editor-panel-border);background:#ffffff0a;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:3px 9px;display:grid}.admin-status-bar>span{text-overflow:ellipsis;white-space:nowrap;color:var(--editor-text-muted);font-size:11px;overflow:hidden}.admin-status-bar.has-warning{border-color:#ffc65966}.admin-status-bar.has-warning>span{color:#ffd484}.admin-tool-content,.admin-diagnostics,.admin-master-detail{min-height:0}.admin-tool-content[hidden]{display:none!important}.admin-master-detail{grid-template-columns:278px minmax(0,1fr);gap:10px;display:grid}.admin-user-list{grid-template-rows:28px 70px minmax(0,1fr);gap:8px;padding:10px;display:grid;overflow:hidden}.admin-section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-dashboard .count-badge{justify-content:center;align-items:center;width:auto;min-width:26px;height:24px;padding:0 8px;font-size:10px;display:inline-flex}.admin-user-search{grid-template-rows:32px 30px;gap:6px;display:grid}.admin-user-search :is(input,select){width:100%}.admin-user-rows{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;gap:6px;min-height:0;padding:2px 4px 4px 2px;display:grid;overflow:hidden auto}.admin-user-row{border:1px solid var(--editor-panel-border);width:100%;color:var(--editor-text);text-align:left;font:inherit;background:#ffffff0a;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:9px;display:grid}.admin-user-row:hover,.admin-user-row.active{border-color:var(--editor-teal);background:#53b7b921}.admin-user-row strong,.admin-user-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-row strong{font-size:12px}.admin-user-row small{color:var(--editor-text-muted);margin-top:4px;font-size:10px}.admin-user-counts{color:var(--editor-text-muted);grid-column:1/-1;gap:9px;font-size:10px;display:flex}.admin-dashboard .status-badge{border:1px solid var(--editor-panel-border);width:max-content;max-width:190px;color:var(--editor-text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;align-self:start;padding:4px 7px;font-size:9px;font-weight:700;line-height:1.2;overflow:hidden}.admin-dashboard .status-badge.success{color:#8ce7bd;border-color:#46c78c59}.admin-dashboard .status-badge.warning{color:#ffd484;border-color:#ffc65959}.admin-dashboard .status-badge.danger{color:#ffaaa0;border-color:#ff707059}.admin-user-detail{grid-template-rows:84px 32px minmax(0,1fr);gap:8px;padding:12px;display:grid;overflow:hidden}.admin-user-header{border-bottom:1px solid var(--editor-panel-border);grid-template-columns:minmax(0,1fr) 280px;gap:14px;padding-bottom:8px;display:grid}.admin-user-header h2{text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:18px;overflow:hidden}.admin-selected-email,.admin-user-header code{color:var(--editor-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.admin-user-header code{margin-top:3px}.admin-header-facts{color:var(--editor-text-muted);flex-wrap:wrap;place-content:start flex-end;align-items:center;gap:4px 8px;font-size:10px;display:flex}.admin-header-facts .button{margin-left:auto}.admin-tabs{gap:4px}.admin-tabs button{flex:1 1 0;padding:5px 6px;font-size:10px}.admin-tabs button.secondary{color:var(--editor-text-muted)}.admin-detail-body{min-height:0;overflow:hidden}.admin-record-section{grid-template-rows:26px minmax(0,1fr) 34px;gap:8px;height:100%;min-height:0;display:grid}.admin-record-list{grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;min-height:0;display:grid}.admin-record-card{border:1px solid var(--editor-panel-border);background:#ffffff09;border-radius:11px;grid-template-rows:auto auto;align-content:center;gap:6px;min-height:0;padding:9px 11px;display:grid}.admin-record-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-record-card>header>div:first-child{flex:1;min-width:0}.admin-record-card>header>div>strong,.admin-record-card>header>div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-record-card>header strong{font-size:12px;line-height:1.2}.admin-record-card>header>div>span{color:var(--editor-text-muted);margin-top:2px;font-size:10px;line-height:1.2}.admin-record-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px;display:grid}.admin-record-fact>span,.admin-record-fact>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;display:block;overflow:hidden}.admin-record-fact>span{color:var(--editor-text-muted);font-size:9px}.admin-record-note{color:#ffd484;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.admin-row-confirm-actions{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.admin-pagination{border-top:1px solid var(--editor-panel-border);justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;font-size:10px;display:flex}.admin-pagination>span{color:var(--editor-text-muted);margin-right:auto}.admin-pagination label{align-items:center;gap:6px;display:flex}.admin-pagination select{width:58px}.admin-detail-stack{align-content:start;gap:14px;min-height:0;display:grid}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.admin-overview-grid>div,.admin-account-health{border:1px solid var(--editor-panel-border);background:#ffffff09;border-radius:12px;padding:15px}.admin-overview-grid :is(span,strong,small){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-overview-grid span,.admin-overview-grid small{color:var(--editor-text-muted);font-size:10px}.admin-overview-grid strong{margin:6px 0;font-size:15px}.admin-account-health{gap:10px;font-size:12px;line-height:1.5;display:grid}.admin-account-health .muted{font-size:11px}.admin-danger-zone{background:#ff70700a;border:1px solid #ff707059;border-radius:12px;align-content:start;gap:16px;height:100%;padding:16px;display:grid}.admin-danger-zone>div>p:last-child{color:var(--editor-text-muted);margin-top:8px;font-size:12px}.admin-purge-confirmation,.admin-purge-step{gap:12px;display:grid}.admin-purge-step h4{color:#fff2ef;font-size:15px;line-height:1.35}.admin-purge-account-card{grid-template-columns:.85fr 1.2fr 1.25fr;gap:8px;display:grid}.admin-purge-account-card>div{border:1px solid var(--editor-panel-border);background:#ffffff0a;border-radius:9px;padding:10px}.admin-purge-account-card dt{color:var(--editor-text-muted);font-size:10px}.admin-purge-account-card dd{color:#fff2ef;overflow-wrap:anywhere;margin:6px 0 0;font-size:11px}.admin-purge-account-card .admin-purge-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-purge-final-warning{color:#ffd2cc;border:1px solid #ff707059;border-radius:9px;padding:12px;font-size:12px;line-height:1.5}.admin-purge-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-loading,.admin-error,.admin-empty{color:var(--editor-text-muted);overflow-wrap:anywhere;align-self:start;padding:12px;font-size:12px;line-height:1.5}.admin-error{color:#ffaaa0;border:1px solid #ff707059;border-radius:11px;gap:12px;display:grid}.admin-error .button{justify-self:start}.admin-category-embeddings{grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;height:100%;padding:24px;display:grid;overflow:hidden}.admin-category-embeddings .admin-section-title h2{font-size:22px}.admin-category-embedding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-category-embedding-grid>div{border:1px solid var(--editor-panel-border);background:#ffffff09;border-radius:12px;align-content:start;gap:8px;min-width:0;padding:18px;display:grid}.admin-category-embedding-grid span,.admin-category-embedding-grid small{color:var(--editor-text-muted);overflow-wrap:anywhere;font-size:11px}.admin-category-embedding-grid strong{overflow-wrap:anywhere;font-size:16px}.admin-category-embedding-messages{overflow-wrap:anywhere;min-height:0;font-size:12px;line-height:1.5}.admin-category-notice{color:#ffd484;align-self:center}.admin-category-embedding-actions{justify-content:flex-end;display:flex}.admin-category-embedding-actions .button{min-width:230px}.admin-diagnostics{padding:16px;overflow:hidden}.admin-diagnostic-card{background:#ffc6590a;border:1px solid #ffc65940;border-radius:12px;align-content:center;gap:8px;min-height:0;padding:16px;display:grid}.admin-diagnostic-card p{overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.5}.admin-denied{width:min(620px,100% - 32px);margin:10vh auto;padding:24px}.admin-denied p{color:var(--muted);margin:12px 0}.admin-dashboard:has(.admin-denied){height:100dvh;color:var(--text);overflow:hidden}
.checkout-panel:has(.checkout-admin-pricing){position:relative}.checkout-admin-pricing{min-width:0;color:var(--editor-text-muted);margin-top:4px}.checkout-admin-opener{width:100%;color:var(--editor-text);border:1px solid var(--editor-panel-border);cursor:pointer;text-align:left;background:#ffffff09;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:11px;display:flex}.checkout-admin-opener>span{align-items:center;gap:6px;min-width:0;display:inline-flex}.checkout-admin-badge{min-height:18px;color:var(--editor-night);background:var(--editor-teal);letter-spacing:0;border-radius:999px;align-items:center;padding:2px 6px;font-size:8px;display:inline-flex}.checkout-admin-pricing .checkout-admin-basis{color:var(--editor-text-muted);font-size:10px;font-weight:500}.checkout-admin-overlay{z-index:2;border-radius:inherit;background:var(--editor-night);place-items:center;padding:clamp(8px,2vw,20px);display:grid;position:absolute;inset:0;container:checkout-admin/size}.checkout-admin-view{width:min(640px,100%);min-width:0;height:100%;min-height:0;color:var(--editor-text);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.checkout-admin-view-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:8px;display:flex}.checkout-admin-view-heading h3,.checkout-admin-page h4,.checkout-admin-view-heading p,.checkout-admin-caption,.checkout-admin-freshness{margin:0}.checkout-admin-view-heading h3{align-items:center;gap:6px;font-size:14px;display:flex}.checkout-admin-view-heading p,.checkout-admin-caption,.checkout-admin-freshness{color:var(--editor-text-muted);font-size:11px;line-height:1.4}.checkout-admin-view-heading p{margin-top:4px}.checkout-admin-page{align-content:start;gap:10px;min-width:0;min-height:0;display:grid}.checkout-admin-page h4{color:var(--editor-teal);font-size:12px}.checkout-admin-amounts{gap:8px;min-width:0;margin:0;font-size:12px;line-height:1.4;display:grid}.checkout-admin-amounts>div{border-bottom:1px solid var(--editor-panel-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-bottom:8px;display:grid}.checkout-admin-amounts dt,.checkout-admin-amounts dd{overflow-wrap:anywhere;min-width:0}.checkout-admin-amounts dd{color:var(--editor-text);text-align:right;font-variant-numeric:tabular-nums;margin:0}.checkout-admin-view-footer{gap:8px;display:grid}.checkout-admin-page-controls{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.checkout-admin-view button{min-height:32px;color:var(--editor-text);border:1px solid var(--editor-panel-border);cursor:pointer;background:#fff1;border-radius:6px;padding:5px 9px;font-size:11px}.checkout-admin-view button:disabled{opacity:.45;cursor:default}.checkout-admin-pricing button:focus-visible{outline:2px solid var(--editor-teal);outline-offset:2px}@container checkout-admin (max-height:379px){.checkout-admin-view,.checkout-admin-page,.checkout-admin-view-footer{gap:6px}.checkout-admin-view-heading h3{font-size:12px}.checkout-admin-view-heading p,.checkout-admin-caption,.checkout-admin-freshness,.checkout-admin-amounts{font-size:10px}.checkout-admin-amounts>div{padding-bottom:4px}.checkout-admin-view button{min-height:28px;padding-block:3px}}
.dashboard-frame-surface .homepage-concept-auth-card .notice{white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;border-radius:10px;width:100%;min-width:0;max-width:none;margin:0;padding:8px 10px;font-size:11px;line-height:1.35;display:block;position:static;inset:auto;transform:none}.homepage-dashboard-guest .dashboard-frame-surface .homepage-concept:not(.form-keyboard-open){left:var(--homepage-frame-left,0px);top:var(--homepage-frame-top,0px);aspect-ratio:auto;width:1536px;height:864px;transform:scale(var(--homepage-frame-scale,1));transform-origin:0 0;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute}:is(.homepage-dashboard-guest .homepage-concept-auth-card:has(.auth-tabs button:first-child.active) .homepage-auth-copy,.homepage-dashboard-guest .homepage-concept-auth-card:has(.auth-tabs button:nth-child(2).active) .homepage-auth-copy){display:none}:is(.homepage-dashboard-guest .homepage-concept-auth-card:has(.auth-tabs button:first-child.active),.homepage-dashboard-guest .homepage-concept-auth-card:has(.auth-tabs button:nth-child(2).active)){gap:5px;padding-block:10px}.homepage-dashboard-guest .homepage-concept-auth-card:has(.auth-tabs button:first-child.active) .text-button{min-height:44px}.homepage-dashboard-guest .homepage-concept-auth-card:has(.auth-tabs button:first-child.active) .homepage-concept-legal a{min-height:44px}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-tutorials{display:block}@media (orientation:portrait){.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-hero{width:20%;padding:0;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-body{transform-origin:top;width:31.2%;height:auto;display:block;position:absolute;top:25%;left:34.2%;transform:scale(.9)}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-tutorials{width:47.7%;height:14.7%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:block;position:absolute;top:81.7%;left:34.9%}}@media (orientation:landscape) and (max-height:520px){.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-hero{width:20%;padding:0;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-body{transform-origin:top;width:31.2%;height:auto;display:block;position:absolute;top:25%;left:34.2%;transform:scale(.9)}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card{padding-inline:14px}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card .auth-form{gap:6px}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card label{gap:3px}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card .auth-tabs button,.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card .auth-submit,.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card .account-dialog-actions .button,.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card .text-button,.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-legal a{min-height:49px}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card input:not([type=checkbox]){height:49px;min-height:49px}.homepage-dashboard-guest .homepage-concept:not(.form-keyboard-open) .homepage-concept-auth-card .legal-checkbox{min-height:49px}}.auth-support-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.auth-support-actions .text-button{text-align:left;min-height:36px;padding-block:6px}
.smart-quick-build-browser-photos{grid-row:4/-1;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;display:grid;overflow:hidden}.smart-quick-build-browser-photo-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.smart-quick-build-browser-photo-toolbar .browser-photo-import-collection-field{gap:4px}.smart-quick-build-browser-photo-toolbar select{width:100%;height:34px}.smart-quick-build-browser-photos .rail-hint{grid-column:1/-1}.smart-quick-build-browser-photos>.form-error{max-height:4em;margin:0;overflow:auto}@media (max-width:720px){.smart-quick-build-browser-photo-toolbar{grid-template-columns:minmax(0,1fr);gap:6px}}.browser-photo-import-dialog{flex-direction:column;gap:10px;width:min(760px,100vw - 24px);height:min(700px,100dvh - 24px);max-height:calc(100dvh - 24px);padding:14px 18px;display:flex;overflow:hidden}.browser-photo-import-dialog>.section-heading{flex:none;margin:0}.browser-photo-import-dialog>.section-heading .eyebrow,.browser-photo-import-dialog>.section-heading .muted{display:none}.browser-photo-import-dialog>.section-heading h2{margin:0;font-size:24px;line-height:1.08}.browser-photo-import-dialog .browser-photo-import-collection-field{flex:none;gap:4px}.browser-photo-import-dialog .browser-photo-import-collection-field select{height:34px}.browser-photo-import-dialog .browser-photo-import-toolbar{flex:none;min-height:34px}.browser-photo-import-dialog .browser-photo-import-grid{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;max-height:none;overflow:hidden auto}.smart-quick-build-photo-toolbar>.smart-quick-build-photo-actions{flex-wrap:wrap;display:flex}.smart-quick-build-photo-footer,.smart-quick-build-photo-collection-actions,.smart-quick-build-photo-navigation{align-items:center;gap:8px;min-width:0;display:flex}.smart-quick-build-photo-footer{flex:0 auto;justify-content:flex-end;gap:16px}.smart-quick-build-overlay>.smart-quick-build-shell .smart-quick-build-photo-footer .button{white-space:normal;text-align:center;min-width:0;min-height:44px;padding-inline:12px}@container quick-build (max-width:700px){.smart-quick-build-overlay>.smart-quick-build-shell .smart-quick-build-setup-actions:has(.smart-quick-build-photo-footer){grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.smart-quick-build-photo-footer{justify-self:end;gap:12px}.smart-quick-build-photo-collection-actions,.smart-quick-build-photo-navigation,.smart-quick-build-photo-footer .button{flex:1 1 0}}.photo-collection-loading-notice{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:1200;color:#f8fafc;pointer-events:none;text-align:left;background:#14202e;border:1px solid #fff3;border-radius:14px;gap:10px;max-width:min(340px,100vw - 28px);padding:10px 14px;font-size:12px;position:fixed;box-shadow:0 6px 20px #0003}.photo-collection-loading-notice .lasagna-logo-icon{width:32px;height:32px}.photo-collection-loading-notice>span{gap:3px;display:grid}.photo-collection-loading-notice small{color:#c4cfdb;font-size:11px}.browser-photo-import-dialog>.cleanup-actions{flex:none;margin:0}@media (max-width:720px),(max-height:560px){.browser-photo-import-dialog{gap:8px;width:min(420px,100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:10px 12px}.browser-photo-import-dialog>.section-heading h2{font-size:20px}}.browser-photo-storage-bulk-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.browser-photo-storage-photo-preview{border:1px solid var(--editor-border,#394353);background:#ffffff09;border-radius:7px;gap:6px;margin-top:8px;padding:7px;display:grid}.browser-photo-storage-photo-preview-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.browser-photo-storage-photo-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:5px;max-height:210px;display:grid;overflow:auto}.browser-photo-storage-photo-thumb{aspect-ratio:1;background:#252d39;border-radius:5px;min-width:0;display:block;box-shadow:inset 0 0 0 1px #ffffff1f}.browser-photo-storage-photo-thumb>canvas{width:100%;height:100%;display:block}