body:has(.fixed-interface-shell){overscroll-behavior:none;overflow:hidden}.editor-zoom-viewport{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-panel-edge-toggle{z-index:700;color:#f8fafc;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:30px;min-width:30px;height:60px;min-height:60px;font:inherit;background:linear-gradient(#243141fa,#0d1622fa),#101722;border:1px solid #bccbdc57;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%);box-shadow:0 8px 24px #00000057,inset 0 1px #ffffff1f}.editor-panel-edge-toggle:hover,.editor-panel-edge-toggle:focus-visible,.editor-panel-edge-toggle[aria-expanded=true]{color:#061115;border-color:color-mix(in srgb, var(--editor-teal) 62%, transparent);background:var(--editor-teal)}.editor-panel-edge-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--editor-teal) 38%, transparent), 0 8px 24px #00000057;outline:none}.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-panel-edge-toggle{width:34px;min-width:34px;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}.book-preview-backdrop{z-index:1100;background:radial-gradient(circle at 50% 16%, #ff8a4c2e, transparent 34%), radial-gradient(circle at 78% 74%, color-mix(in srgb, var(--editor-teal) 12%, transparent), transparent 32%), #02070dd1;place-items:stretch stretch;width:100dvw;height:100dvh;padding:0;display:grid;position:fixed;inset:0}.book-preview-modal{border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);width:100dvw;min-width:0;max-width:none;height:100dvh;min-height:0;max-height:none;margin:0;display:grid;overflow:hidden}.book-preview-header{border-bottom:1px solid var(--editor-border);background:#ffffff09;justify-content:space-between;align-items:start;gap:16px;padding:14px;display:flex}.book-preview-header h2,.book-preview-header p,.book-preview-header span,.book-preview-header small{margin:0}.book-preview-header h2{color:var(--editor-text);font-size:18px;line-height:1.2}.book-preview-header span,.book-preview-header small{color:var(--editor-text-muted);font-size:11px;line-height:1.35;display:block}.book-preview-layout{grid-template-columns:clamp(190px,15vw,232px) minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.book-preview-nav{border-right:1px solid var(--editor-border);scrollbar-width:thin;background:#ffffff08;align-content:start;gap:6px;min-height:0;padding:10px;display:grid;overflow:auto}.book-preview-nav button{min-height:52px;color:var(--editor-text-soft);text-align:left;border:1px solid var(--editor-border);cursor:pointer;background:#ffffff0a;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;padding:7px;display:grid}.book-preview-nav button:hover,.book-preview-nav button.active,.book-preview-nav button[aria-pressed=true]{color:#061115;background:linear-gradient(135deg, var(--editor-teal), color-mix(in srgb, var(--editor-teal) 16%, #fff))}.book-preview-nav strong,.book-preview-nav small{color:inherit;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.book-preview-nav strong{font-size:10px}.book-preview-nav small{opacity:.76;font-size:8px}.book-sheet-mini{background:#ffffffdb;border:1px solid #08111547;border-radius:4px;height:32px;display:flex;overflow:hidden}.book-sheet-mini i{border-right:1px solid #0811152e;flex:1}.book-sheet-mini i:last-child{border-right:0}.book-sheet-mini i.content{background:linear-gradient(135deg,#fffdf8,#ffd166)}.book-sheet-mini i.blank{background:#fff}.book-preview-workspace{background:linear-gradient(135deg,#2d526333,#09111e00 46%),linear-gradient(#101b2d 0%,#07111f 58%,#040b15 100%);grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;box-shadow:inset 0 1px #fffaee0f,inset 0 0 48px #00000047}.book-preview-flipbook-shell{perspective:1800px;isolation:isolate;background:linear-gradient(#fffaee09,#fffaee00),linear-gradient(135deg,#21374f9e,#060d1857);place-items:center;min-width:0;min-height:0;padding:clamp(4px,.65vw,10px);display:grid;position:relative;overflow:hidden}.book-preview-flipbook-shell:before{z-index:-1;content:"";filter:blur(16px);background:radial-gradient(#00000061,#0000 68%);border-radius:50%;height:14%;position:absolute;bottom:10%;left:13%;right:13%}.book-preview-flipbook{filter:drop-shadow(0 24px 42px #00000061)drop-shadow(0 0 24px #ff8a4c1a);width:100%;height:100%;overflow:visible;transform:rotateX(2deg);min-width:0!important;min-height:0!important}.book-preview-flipbook>.stf__wrapper{position:absolute;inset:0}.book-preview-flip-page{background:linear-gradient(#111f33f5,#08101dfa),#08111d;border:1px solid #b5cbe06b;border-radius:3px;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 34px #0000003d,0 20px 42px #0000006b,0 0 0 1px #040a127a}.book-preview-flip-page.full-cover{padding:0}.book-preview-flip-page .canvas-scroll{box-shadow:none;background:0 0}.book-preview-flip-page .spread-stage{box-shadow:none;filter:drop-shadow(0 18px 28px #0000003d);background:0 0}.cover-overview-shell{width:100%}.cover-overview-page{width:100%;height:100%}.book-preview-page-labels{border-top:1px solid var(--editor-border);background:#080e18db;justify-content:center;gap:18px;padding:10px 14px;display:flex}.book-preview-page-labels span{color:#fffdf8c7;font-size:10px}@media (max-width:900px){.book-preview-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.book-preview-nav{border-right:0;border-bottom:1px solid var(--editor-border);grid-auto-columns:minmax(170px,42vw);grid-auto-flow:column;overflow-x:auto}}@media (max-width:600px){.book-preview-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:8px 10px;display:grid}.book-preview-header span,.book-preview-header small{display:none}}@media (max-height:520px){.book-preview-header{align-items:center;padding:8px 10px}.book-preview-header span,.book-preview-header small{display:none}.book-preview-layout{grid-template-columns:174px minmax(0,1fr)}.book-preview-nav{padding:6px}.book-preview-nav button{min-height:44px;padding:5px}.book-preview-page-labels{padding-block:6px}}@media (max-width:900px) and (max-height:520px){.book-preview-layout{grid-template-rows:54px minmax(0,1fr);grid-template-columns:1fr}.book-preview-nav{grid-auto-columns:minmax(160px,38vw)}}@media (prefers-reduced-motion:reduce){.editor-panel-edge-toggle,.book-preview-flipbook,.book-preview-flip-page{transition-duration:1ms;animation:none}}
.interaction-feedback-stack{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:80;pointer-events:none;gap:12px;width:min(360px,100vw - 32px);display:grid;position:fixed}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);margin:0;font-size:12px;line-height:1.4}.interaction-toast>button{width:26px;height:26px;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}}
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;align-content:space-between;gap:18px}.dashboard-frame-surface .smart-create-button{align-self:end;min-height:54px;font-size:13px}.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:9px;padding:12px;overflow:hidden}.dashboard-frame-surface .dashboard-learning-heading{justify-content:space-between;align-items:flex-start;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:minmax(0,1.1fr) minmax(0,.9fr);gap:10px;min-width:0;min-height:0;display:grid}.dashboard-frame-surface .dashboard-resource-group{grid-template-rows:auto minmax(0,1fr);gap:6px;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{gap:6px;min-width:0;min-height:0;display:grid;overflow:hidden}.dashboard-frame-surface .dashboard-example-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-frame-surface .dashboard-tutorial-list{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-frame-surface .dashboard-example-card,.dashboard-frame-surface .dashboard-tutorial-item{min-width: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}.dashboard-frame-surface .dashboard-example-card{grid-template-rows:minmax(0,1fr) auto;gap:4px;padding:6px}.dashboard-frame-surface .dashboard-example-image{aspect-ratio:4/3;background:#ffffff14;border-radius:9px;min-width:0;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(58px,1fr) auto}.dashboard-frame-surface .dashboard-tutorial-embed{min-height:58px;overflow:hidden}.dashboard-frame-surface .dashboard-tutorial-embed iframe{border-radius:inherit;border:0;width:100%;height:100%;min-height:58px;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}
.editor-shell{--editor-top-panel-height:320px}.editor-body>.workspace{--editor-top-panel-height:278px}.selection-properties-panel{--editor-control-height:30px;--editor-teal:var(--editor-orange);--editor-active-bg:linear-gradient(135deg, var(--editor-orange), var(--editor-coral));--editor-active-fg:#fff;grid-template-rows:minmax(0,1fr) 34px;gap:3px;padding:3px 6px}.selection-properties-panel .selection-properties-controls{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:2px;display:flex;overflow:hidden auto}.selection-properties-panel .attribute-context-summary{min-height:30px;color:var(--editor-text-soft);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.selection-properties-panel .attribute-context-target{flex-wrap:wrap;align-items:baseline;gap:3px 10px;min-width:0;font-size:11px;line-height:1.3;display:flex}.selection-properties-panel .attribute-context-target strong{color:var(--editor-orange);font-size:12px}.selection-properties-panel .attribute-context-destination-action{flex:none}.selection-properties-panel .attribute-context-surface{flex-direction:column;flex:1 0 auto;gap:3px;height:auto;min-height:0;display:flex;overflow:visible}.selection-properties-panel .attribute-context-content{grid-template-rows:none;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));grid-auto-rows:auto;align-items:stretch;gap:5px;height:auto;min-height:0;padding:0;display:grid;overflow:visible}.selection-properties-panel :is(.shared-attributes-section,.shared-attributes-toolbar,.image-toolbar-controls,.text-toolbar-controls,.sticker-toolbar-controls,.background-toolbar-controls){display:contents}.selection-properties-panel .attribute-context-content :is(.toolbar-subgroup,.editor-generation-controls,.background-action-strip,.background-generation-workflow,.attribute-style-workflow){background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #bccbdc2b;border-radius:7px;flex-direction:column;grid-area:auto;justify-content:flex-start;align-items:stretch;gap:3px;width:auto;min-width:0;max-width:none;height:auto;min-height:0;padding:4px;display:flex;overflow:visible}.selection-properties-panel :is(.toolbar-subgroup-label,.editor-workflow-box-title,.background-action-strip-label){max-width:none;min-height:13px;color:var(--editor-text-soft);white-space:normal;flex:none;padding:0;font-size:10px;font-weight:800;line-height:1.3;display:block;position:static;overflow:visible}.selection-properties-panel .property-scope-label,.selection-properties-panel .shared-attributes-heading:not(.shared-attributes-heading-with-group){display:none}.selection-properties-panel .shared-attributes-heading-with-group{display:block}.selection-properties-panel .attribute-style-workflow>.toolbar-subgroup{background:0 0;border:0;padding:0}.selection-properties-panel :is(.toolbar-field,.toolbar-number-select-field,.toolbar-value-field){--toolbar-field-width:100%;--toolbar-field-min-width:0px;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(65px,1.1fr);align-items:center;gap:5px;width:100%;min-width:0;max-width:none;height:auto;min-height:30px;margin:0;display:grid}.selection-properties-panel .toolbar-field>span:first-child,.selection-properties-panel .toolbar-value-field>span:first-child,.selection-properties-panel .toolbar-number-select-field>span:first-child{min-width:0;height:auto;color:var(--editor-text-soft);text-transform:none;white-space:normal;font-size:10px;line-height:1.2;display:block;overflow:visible}.selection-properties-panel :is(select,textarea,input:not([type=checkbox]),.compact-value-control){width:100%;min-width:0;max-width:100%;font-size:11px}.selection-properties-panel select{background-position:right 6px center,50%,50%;padding-left:6px;padding-right:22px}.selection-properties-panel input[type=color]{width:100%;min-width:32px}.selection-properties-panel :is(.button,.tool-button){white-space:normal;text-overflow:clip;width:fit-content;min-width:0;max-width:100%;height:auto;min-height:30px;padding:5px 9px;font-size:11px;line-height:1.2;overflow:visible}.selection-properties-panel .toolbar-toggle{white-space:normal;width:fit-content;min-width:0;max-width:100%;height:auto;min-height:30px;padding:4px 6px;font-size:10px;overflow:visible}.selection-properties-panel input[type=checkbox]{flex:none}.selection-properties-panel .property-helper-text{color:var(--editor-text-muted);overflow-wrap:anywhere;white-space:normal;font-size:10px;line-height:1.3;display:block;overflow:visible}.selection-properties-panel .photo-creation-fields,.selection-properties-panel .editor-generation-fields{flex-direction:column;align-items:stretch;gap:3px;min-height:0;display:flex;overflow:visible}.selection-properties-panel :is(.photo-creation-treatment,.toolbar-font-field,.text-toolbar-input){grid-template-columns:minmax(0,1fr)}.selection-properties-panel .text-toolbar-input textarea{min-height:54px}.selection-properties-panel .editor-generation-fields>*,.selection-properties-panel .editor-generation-setting-control,.selection-properties-panel .editor-generation-source-control{flex:none;grid-template-columns:minmax(0,.8fr) minmax(75px,1.2fr);align-items:center;gap:5px;min-width:0;min-height:30px;display:grid}.selection-properties-panel .editor-generation-fields>*>span{white-space:normal;font-size:10px;line-height:1.2;overflow:visible}.selection-properties-panel .editor-generation-checkbox-control{justify-content:space-between;display:flex}.selection-properties-panel .editor-generation-checkbox-control input[type=checkbox]{min-height:15px;margin:0}.selection-properties-panel :is(.editor-generation-scope-control,.editor-generation-mode-control){flex-wrap:wrap;gap:3px;display:flex}.selection-properties-panel :is(.editor-generation-scope-control,.editor-generation-mode-control) button{white-space:normal;flex:1 0 auto;min-height:30px;padding:3px 6px;font-size:10px}.selection-properties-panel :is(.editor-generation-action,.photo-creation-action,.sticker-creation-action,.text-workflow-action){align-self:flex-start;margin-top:auto}.selection-properties-panel .shared-attributes-randomize{flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto;display:flex}.selection-properties-panel .shared-attributes-action{min-height:30px}.selection-properties-panel .shared-attribute-scope{grid-template-columns:repeat(2,minmax(0,1fr));width:auto}.selection-properties-panel .shared-attribute-scope button{height:30px;font-size:10px}.selection-properties-panel .shadow-direction-field{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) 32px 32px;justify-items:stretch;height:34px}.selection-properties-panel .shadow-direction-control{width:32px;height:32px;min-height:32px}.selection-properties-panel .shadow-direction-field>.toolbar-range-value{align-self:center;display:block}.selection-properties-panel .background-workflow-header{flex-wrap:wrap;flex:none;gap:6px;display:flex;overflow:visible}.selection-properties-panel .background-workflow-mode-switch{flex:none;grid-template-columns:auto auto auto;width:fit-content;min-height:30px}.selection-properties-panel .background-workflow-mode-switch button{text-overflow:clip;white-space:normal;min-height:26px;padding:3px 8px;font-size:10px;overflow:visible}.selection-properties-panel .background-action-label-full{display:inline}.selection-properties-panel .background-workflow-mode-label-full,.selection-properties-panel .background-action-label-short{display:none}.selection-properties-panel .background-workflow-mode-label-short{display:inline}.selection-properties-panel .toolbar-segmented{flex-wrap:wrap;gap:3px;padding:3px;display:flex;overflow:visible}.selection-properties-panel .toolbar-segmented button{white-space:normal;flex:auto;min-height:30px;padding:3px 5px;font-size:10px}.selection-properties-panel .background-harmony-status{height:auto;min-height:24px;font-size:10px}.selection-properties-panel :is(.background-workflow-mode-switch,.shared-attribute-scope,.toolbar-segmented,.editor-generation-scope-control,.editor-generation-mode-control) button.active,.selection-properties-panel .attribute-context-destination-action.active{color:#fff;border-color:var(--editor-orange);background:linear-gradient(135deg, var(--editor-orange), var(--editor-coral))}.selection-properties-panel .attribute-context-content .toolbar-subgroup>*,.selection-properties-panel .attribute-context-content .background-action-strip>*{flex:none;grid-area:auto;align-self:stretch}.selection-properties-panel .attribute-context-content .toolbar-subgroup>.toolbar-subgroup-label{height:auto;min-height:13px;color:var(--editor-text-soft);text-align:left;white-space:normal;flex-basis:auto;max-width:none;font-size:10px;font-weight:800;line-height:1.3;display:block;position:static;inset:auto}.selection-properties-panel .attribute-context-content :is(.toolbar-subgroup,.background-action-strip)>:is(.button,.tool-button){align-self:flex-start}.selection-properties-panel .editor-generation-fields>.quick-build-field{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:3px;display:grid}.selection-properties-panel .editor-generation-fields :is(.editor-generation-scope-control,.editor-generation-mode-control){flex-wrap:nowrap;grid-template-columns:none}.selection-properties-panel .editor-generation-fields :is(.editor-generation-scope-control,.editor-generation-mode-control) button.active,.selection-properties-panel .background-workflow-mode-switch button.active{color:#fff;background:linear-gradient(135deg, var(--editor-orange), var(--editor-coral))}.selection-properties-panel .attribute-context-content .toolbar-subgroup-shadow,.selection-properties-panel .attribute-context-content .toolbar-subgroup-type{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;display:grid}.selection-properties-panel .attribute-context-content :is(.toolbar-subgroup-shadow,.toolbar-subgroup-type)>:is(.toolbar-subgroup-label,.toolbar-font-field,.toolbar-segmented){grid-column:1/-1}.selection-properties-panel .attribute-context-content :is(.toolbar-subgroup-shadow,.toolbar-subgroup-type) .toolbar-field{grid-template-columns:minmax(0,1fr);gap:3px}.selection-properties-panel .attribute-context-content .toolbar-subgroup-shadow .shadow-direction-field{grid-template-columns:minmax(0,1fr) 32px}.selection-properties-panel .attribute-context-content .toolbar-subgroup-shadow .toolbar-range-value{display:none}.selection-properties-panel .attribute-context-content .toolbar-subgroup>.toolbar-toggle{height:30px;min-height:30px}.selection-properties-panel .attribute-context-content .editor-generation-fields>*{grid-template-columns:55px minmax(0,1fr)}.selection-properties-panel .editor-generation-preset button:not(.compact-value-control){min-height:30px;font-size:10px}.selection-properties-panel :is(.editor-generation-action,.photo-creation-action,.sticker-creation-action,.text-workflow-action,.shared-attributes-randomize){margin-top:2px}.selection-properties-panel .attribute-context-content .toolbar-subgroup-photo-create{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;display:grid}.selection-properties-panel .attribute-context-content .toolbar-subgroup-photo-create>:is(.toolbar-subgroup-label,.toolbar-frame-field,.photo-creation-fields,.property-helper-text,.photo-creation-action){grid-column:1/-1}.selection-properties-panel .attribute-context-content .editor-generation-controls{gap:1px;padding:4px}.selection-properties-panel .editor-generation-fields{gap:1px}.selection-properties-panel .attribute-context-content .editor-generation-action{margin-top:0}.selection-properties-panel .attribute-context-content-photo,:is(.selection-properties-panel .attribute-context-content-sticker,.selection-properties-panel .attribute-context-content-sticker:has(.toolbar-subgroup-variant)){grid-template-columns:minmax(150px,.85fr) minmax(155px,.9fr) minmax(365px,2fr)}.selection-properties-panel .attribute-context-content-text,.editor-body>.workspace .selection-properties-panel .attribute-context-content.attribute-context-content-text{grid-template-columns:minmax(140px,.8fr) minmax(140px,.8fr) minmax(245px,1.5fr) minmax(170px,1fr)}.selection-properties-panel .attribute-context-content .toolbar-subgroup-border:has(.border-color-presets){grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:3px 5px;display:grid}.selection-properties-panel .attribute-context-content .toolbar-subgroup-border>:is(.toolbar-subgroup-label,.border-color-presets){grid-column:1/-1}.selection-properties-panel .attribute-context-content .toolbar-subgroup-border .toolbar-color-field{grid-template-columns:26px minmax(32px,1fr);gap:3px}.selection-properties-panel .attribute-context-content .toolbar-subgroup-border .toolbar-value-field{grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel .border-color-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;max-width:190px;display:grid}.selection-properties-panel .border-color-presets .border-color-preset{width:100%;min-height:30px;padding:4px 6px}.selection-properties-panel .border-color-presets .border-color-preset-background{grid-column:1/-1}.selection-properties-panel .border-color-presets .border-color-preset[aria-pressed=true]{color:#fff;border-color:var(--editor-orange);background:linear-gradient(135deg, var(--editor-orange), var(--editor-coral))}.selection-properties-panel .attribute-context-content .shared-attributes-randomize{flex-flow:wrap;align-items:center;gap:3px 5px}.selection-properties-panel .attribute-context-content :is(.toolbar-subgroup-source,.toolbar-subgroup-sticker-create) .toolbar-field{grid-template-columns:minmax(0,1fr);gap:3px}.selection-properties-panel .attribute-context-content .editor-generation-preset button:not(.compact-value-control){white-space:normal;text-overflow:clip;padding:3px 4px;overflow:visible}.selection-properties-panel .compact-value-control output,.generation-value-control .compact-value-control output{font-size:10px}.smart-quick-build-creative-control .generation-value-control{--toolbar-field-width:100%;--toolbar-field-min-width:0px;--editor-control-height:32px;grid-template-rows:auto 32px;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;min-width:0}.smart-quick-build-creative-control .generation-value-control>span{white-space:normal;font-size:10px;line-height:1.2;overflow:visible}.smart-quick-build-creative-control .generation-value-control .compact-value-control{width:100%;min-width:0;min-height:32px;padding:0}.selection-properties-panel .background-category-all .toolbar-field{grid-template-rows:auto}.selection-properties-panel .background-category-all .background-type-field{grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-context-content-background .toolbar-subgroup-source:has(.image-pattern-source-field){grid-template-rows:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-auto-rows:max-content;align-content:start;gap:2px 4px;display:grid}.selection-properties-panel .attribute-context-content-background .toolbar-subgroup-source>*{grid-column:1/-1}.selection-properties-panel .attribute-context-content-background .toolbar-subgroup-source>:is(.image-pattern-source-field,.image-pattern-repeat-field){grid-column:auto;gap:2px}.selection-properties-panel .attribute-context-content-background :is(.image-pattern-source-field,.image-pattern-repeat-field) select{background-position:right 4px center,50%,50%;padding-left:4px;padding-right:16px}.selection-properties-panel .attribute-context-content-background .toolbar-subgroup-geometry{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;display:grid}.selection-properties-panel .attribute-context-content-background .toolbar-subgroup-geometry>.toolbar-subgroup-label{grid-column:1/-1}.selection-properties-panel .attribute-context-content-background .toolbar-subgroup-geometry .toolbar-field{grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-context-content-background .toolbar-subgroup-geometry .shadow-direction-field{justify-items:start;height:auto}@container editor-attributes (max-width:980px){:is(.selection-properties-panel :is(.attribute-context-content-photo,.attribute-context-content-sticker,.attribute-context-content-text),.selection-properties-panel .attribute-context-content-sticker:has(.toolbar-subgroup-variant)){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@container editor-attributes (min-width:700px) and (max-width:980px){:is(.selection-properties-panel .attribute-context-content-photo,.selection-properties-panel .attribute-context-content-sticker,.selection-properties-panel .attribute-context-content-sticker:has(.toolbar-subgroup-variant)){grid-template-columns:minmax(150px,.85fr) minmax(150px,.85fr) minmax(365px,2fr)}.selection-properties-panel .attribute-context-content .toolbar-subgroup-border .toolbar-color-field{grid-template-columns:26px minmax(32px,1fr);gap:3px}.selection-properties-panel .attribute-context-content-photo .toolbar-subgroup-photo-create>.toolbar-field:not(.toolbar-frame-field){grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel :is(.attribute-context-content-photo,.attribute-context-content-sticker) .editor-generation-fields>*{grid-template-columns:39px minmax(0,1fr);gap:3px}.selection-properties-panel .attribute-context-content-photo .editor-generation-fields>:is(.editor-generation-density-control,.editor-generation-order-control){grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-context-content-sticker .editor-generation-preset button:not(.compact-value-control){padding-inline:2px}.selection-properties-panel :is(.attribute-context-content-photo,.attribute-context-content-sticker,.attribute-context-content-text) .toolbar-subgroup-shadow>:is(.toolbar-toggle,.toolbar-compact-field){grid-column:auto}.selection-properties-panel :is(.attribute-context-content-photo,.attribute-context-content-sticker,.attribute-context-content-text) .toolbar-subgroup-shadow>.toolbar-compact-field{grid-template-columns:minmax(0,1fr)}.selection-properties-panel :is(.attribute-context-content-photo,.attribute-context-content-sticker,.attribute-context-content-text) .toolbar-subgroup-shadow .shadow-direction-field{grid-template-columns:minmax(0,1fr);justify-items:start;gap:2px;height:auto;min-height:46px}.selection-properties-panel .attribute-context-content-text{grid-template-columns:minmax(140px,.8fr) minmax(140px,.8fr) minmax(245px,1.5fr) minmax(170px,1fr)}.selection-properties-panel .attribute-context-content-text>.editor-generation-controls{grid-column:auto}}.selection-properties-panel .attribute-context-content .editor-generation-controls button[aria-pressed=true],.selection-properties-panel .attribute-context-summary .background-workflow-mode-switch button.active,.selection-properties-panel .attribute-context-content .toolbar-segmented button.active{color:#fff;background:linear-gradient(135deg, var(--editor-orange), var(--editor-coral))}@container editor-attributes (max-width:560px){:is(.selection-properties-panel .attribute-context-content,.selection-properties-panel .attribute-context-content-sticker:has(.toolbar-subgroup-variant)){grid-template-columns:repeat(2,minmax(0,1fr))}.selection-properties-panel .attribute-context-target span{flex-basis:100%}.selection-properties-panel .attribute-context-summary{align-items:flex-start}}@container editor-attributes (max-width:350px){:is(.selection-properties-panel .attribute-context-content,.selection-properties-panel .attribute-context-content-sticker:has(.toolbar-subgroup-variant)){grid-template-columns:minmax(0,1fr)}}.selection-properties-panel .attribute-context-content>.shared-attributes-section{background:0 0;border:0;grid-column:span 2;grid-template-rows:max-content max-content;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:3px 5px;min-height:0;padding:0;display:grid}.selection-properties-panel .attribute-context-content .attribute-shared-style-actions{flex-direction:row;grid-area:auto/1/auto/-1;justify-content:flex-start;align-items:center;gap:5px;margin:0;display:flex}.selection-properties-panel .attribute-shared-style-actions .toolbar-toggle{height:30px;min-height:30px}.selection-properties-panel .attribute-context-style-target{flex:none}.selection-properties-panel .attribute-context-style-target .shared-attribute-scope{border:0;min-width:110px;padding:0}.selection-properties-panel .attribute-context-summary:has(.attribute-context-group-frame) .attribute-context-target>span{display:none}.selection-properties-panel .attribute-context-summary:has(.attribute-context-group-frame){gap:5px}.selection-properties-panel .attribute-context-group-frame{flex:none;align-items:center;gap:3px;min-width:0;display:flex}.selection-properties-panel .attribute-context-group-frame>.toolbar-field{flex:0 94px;grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr);gap:3px;width:94px;min-width:0;min-height:30px}.selection-properties-panel .attribute-context-group-frame>.toolbar-frame-field{flex-basis:120px;width:120px}.selection-properties-panel .attribute-context-group-frame>.toolbar-color-field{flex-basis:62px;width:62px}.selection-properties-panel .attribute-context-group-frame>.toolbar-value-field{flex:none;grid-template-columns:auto 64px;width:auto}.selection-properties-panel .attribute-context-group-frame .compact-value-control{grid-template-columns:12px minmax(0,1fr) 12px}.selection-properties-panel .attribute-context-content :is(.attribute-creation-workflow-photo,.attribute-creation-workflow-sticker){grid-template-rows:max-content minmax(0,1fr);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-content:start;gap:3px 8px;display:grid}.selection-properties-panel .attribute-context-content :is(.attribute-creation-workflow-photo,.attribute-creation-workflow-sticker)>.toolbar-subgroup-label{grid-column:1/-1}.selection-properties-panel .attribute-workflow-manual,.selection-properties-panel .attribute-workflow-generation{flex-direction:column;align-items:stretch;gap:3px;min-width:0;min-height:0;display:flex}.selection-properties-panel .attribute-workflow-manual>*{flex:none}.selection-properties-panel .attribute-workflow-generation{border-left:1px solid #bccbdc24;padding-left:7px}.selection-properties-panel .attribute-workflow-generation>.editor-workflow-box-title{display:none}.selection-properties-panel .attribute-workflow-generation .editor-generation-fields{flex-direction:column;gap:2px;display:flex}.selection-properties-panel .attribute-workflow-generation .editor-generation-fields>*{grid-area:auto;grid-template-columns:39px minmax(0,1fr)}.selection-properties-panel .attribute-workflow-generation>.editor-generation-action,.selection-properties-panel .attribute-workflow-manual>:is(.photo-creation-action,.sticker-creation-action){grid-area:auto/1/auto/-1;align-self:flex-start;margin-top:2px}.selection-properties-panel .attribute-creation-workflow-photo>.attribute-workflow-manual{grid-template-rows:none;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-auto-rows:max-content;align-content:start;gap:3px 5px;display:grid}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-manual>:is(.toolbar-frame-field,.photo-creation-fields,.property-helper-text,.photo-creation-action){grid-column:1/-1}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-manual>.toolbar-field{grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-manual:has(>.toolbar-color-field)>.toolbar-frame-field{grid-column:1}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-manual>.photo-creation-fields:has(.photo-strip-count-control){grid-column:2;display:block}.selection-properties-panel .attribute-creation-workflow-photo .photo-strip-count-control{grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-generation .editor-generation-fields{display:contents}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-generation .editor-generation-fields>*{grid-area:auto/1/auto/-1}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-generation .editor-generation-fields>:is(.editor-generation-density-control,.editor-generation-order-control){grid-area:3;grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-creation-workflow-sticker .attribute-workflow-manual>:is(.toolbar-field,.editor-generation-source-control){grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.selection-properties-panel .attribute-creation-workflow-sticker .attribute-workflow-manual>.sticker-layout-control{grid-template-columns:37px minmax(0,1fr)}.selection-properties-panel .attribute-creation-workflow-sticker .toolbar-subgroup-variant{background:0 0;border:0;padding:0}.selection-properties-panel .attribute-context-content .attribute-creation-workflow-text{background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #bccbdc2b;border-radius:7px;grid-area:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-content:start;gap:7px;height:auto;min-height:0;padding:4px;display:grid;overflow:visible}.selection-properties-panel .attribute-context-content .attribute-creation-workflow-text>.toolbar-subgroup{background:0 0;border:0;grid-area:auto;padding:0}.selection-properties-panel .attribute-creation-workflow-text .attribute-text-typography{border-left:1px solid #bccbdc24;padding-left:6px}.selection-properties-panel .attribute-creation-workflow-text .toolbar-segmented{gap:2px;padding:0}.selection-properties-panel .attribute-creation-workflow-text .toolbar-segmented button{padding-inline:3px}.selection-properties-panel .attribute-context-content .toolbar-subgroup-shadow>.toolbar-toggle{gap:4px;padding-inline:4px}.selection-properties-panel .attribute-context-content .editor-generation-fields>.quick-build-field:has(>.editor-generation-mode-control){grid-template-columns:minmax(0,1fr)}.selection-properties-panel .editor-generation-fields>.quick-build-field:has(>.editor-generation-mode-control)>span:first-child{display:none}.selection-properties-panel .attribute-creation-workflow-photo>.attribute-workflow-generation{grid-template-rows:repeat(4,max-content);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:3px 5px;display:grid}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-generation .editor-generation-fields>:has(>.editor-generation-scope-control){grid-row:1}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-generation .editor-generation-fields>:has(>.editor-generation-mode-control){grid-row:2;grid-template-columns:minmax(0,1fr)}.selection-properties-panel .attribute-creation-workflow-photo .attribute-workflow-generation .editor-generation-fields>.editor-generation-checkbox-control{grid-area:4/2;align-self:start;gap:3px;padding-inline:4px}.selection-properties-panel .attribute-creation-workflow-photo>.attribute-workflow-generation>.editor-generation-action{grid-area:4/1;align-self:start;margin-top:0;padding-inline:6px}.selection-properties-panel .attribute-workflow-generation .editor-generation-fields select{background-position:right 4px center,50%,50%;padding-left:4px;padding-right:16px}.selection-properties-panel .attribute-context-content-background{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.selection-properties-panel .attribute-context-content-background .background-color-finish-workflow{grid-template-rows:repeat(5,max-content);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:3px 5px;display:grid}.selection-properties-panel .background-color-finish-workflow>:is(.toolbar-subgroup-label,.background-type-field,.background-color-fields){grid-column:1/-1}.selection-properties-panel .background-color-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.selection-properties-panel .background-color-fields .toolbar-field,.selection-properties-panel .background-finish-fields .toolbar-field{grid-template-rows:12px 30px;grid-template-columns:minmax(0,1fr);align-content:start;align-self:start;gap:2px}.selection-properties-panel .background-finish-fields .toolbar-toggle{align-self:start;height:30px;min-height:30px}.selection-properties-panel .background-finish-fields{display:contents}.selection-properties-panel .background-finish-fields>.toolbar-value-field{grid-area:4/1}.selection-properties-panel .background-finish-fields>.background-harmony-toggle-field{grid-area:4/2}.selection-properties-panel .background-finish-fields>.background-harmony-status{grid-area:5/2;align-self:center;min-height:30px}.selection-properties-panel .background-color-finish-workflow>.background-color-randomize-button{grid-area:5/1;width:fit-content}.selection-properties-panel .attribute-context-content .background-generation-workflow{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:3px 5px;display:grid}.selection-properties-panel .background-generation-workflow>.editor-generation-controls{background:0 0;border:0;grid-column:1/-1;padding:0}.selection-properties-panel .background-generation-workflow>.background-action-strip{display:contents}.selection-properties-panel .background-generation-workflow .background-action-strip-label{display:none}.selection-properties-panel .background-generation-workflow .background-action-strip>.tool-button{grid-area:auto;width:fit-content}.selection-properties-panel .background-generation-workflow .background-action-strip>.tool-button:first-of-type{grid-column:1/-1}@container editor-attributes (min-width:700px) and (max-width:980px){.selection-properties-panel .attribute-workflow-manual .compact-value-control,.selection-properties-panel .attribute-context-content-text .compact-value-control{grid-template-columns:12px minmax(0,1fr) 12px}.selection-properties-panel .attribute-context-content-text>.editor-generation-controls .editor-generation-fields>*{grid-template-columns:37px minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-context-content-text>.editor-generation-controls :is(.editor-generation-scope-control,.editor-generation-mode-control) button{padding-inline:3px}.selection-properties-panel .toolbar-subgroup-shadow .toolbar-compact-field select{background-position:right 4px center,50%,50%;padding-left:4px;padding-right:16px}}.selection-properties-panel .attribute-context-content-text>.editor-generation-controls .editor-generation-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 5px;display:grid}.selection-properties-panel .attribute-context-content-text>.editor-generation-controls .editor-generation-fields>*{grid-column:1/-1}.selection-properties-panel .attribute-context-content-text>.editor-generation-controls .editor-generation-fields>.editor-generation-preset{grid-column:auto;grid-template-columns:minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-context-content .editor-generation-fields>.quick-build-field:has(>.editor-generation-scope-control){grid-template-columns:37px minmax(0,1fr);gap:2px}.selection-properties-panel .attribute-context-content .editor-generation-scope-control button{padding-inline:3px}