:root[data-phone],:root[data-phone] body{background:var(--ground)}:root[data-phone]{overscroll-behavior:none;--gutter:8px;--home-pad:env(safe-area-inset-bottom,0px);--bottom-lift:calc(env(safe-area-inset-bottom,0px) + 12px);--bottom-rows:96px}@media (orientation:landscape){:root[data-phone]{--bottom-lift:calc(env(safe-area-inset-bottom,0px) + 8px);--bottom-rows:44px}}@media (width>=375px){:root[data-phone]{--gutter:16px}}:root[data-phone] body,:root[data-phone] #root,:root[data-phone] .app,:root[data-phone] .editor{background:var(--ground);height:auto;max-height:none;position:fixed;inset:0;overflow:hidden}:root[data-phone] .editor{gap:0;padding:0;display:block}:root[data-phone] .viewport{pointer-events:auto;position:absolute;inset:0}:root[data-phone] :is(input,select,textarea){font-size:16px}:root[data-phone] .phone-chrome{z-index:12;pointer-events:none;touch-action:none;position:absolute;inset:0}:root[data-phone] .phone-chrome :is(button,a,input,select,textarea,[role=listbox],[role=menu],.phone-tray,.phone-sheet,.phone-catcher,.phone-start-bar,.phone-pill,.phone-action,.phone-export-bar,.phone-export-view,.phone-scrim,.sel-bar){pointer-events:auto}:root[data-phone] .phone-safe{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);pointer-events:none;position:absolute}:root[data-phone] .phone-top{top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + var(--gutter));right:calc(env(safe-area-inset-right,0px) + var(--gutter));z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}:root[data-phone] .phone-bottom{bottom:var(--bottom-lift);left:calc(env(safe-area-inset-left,0px) + var(--gutter));right:calc(env(safe-area-inset-right,0px) + var(--gutter));z-index:2;pointer-events:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"strip strip""dock history";gap:8px;display:grid;position:absolute}@media (orientation:landscape){:root[data-phone] .phone-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"dock strip history"}}:root[data-phone] .phone-pill,:root[data-phone] .phone-tray,:root[data-phone] .phone-sheet-head,:root[data-phone] .phone-export-bar{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:root[data-phone] :is(.phone-pill,.phone-tray,.phone-sheet-head,.phone-export-bar) :is(input,select,textarea){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}:root[data-phone] .phone-pill{background:var(--panel);height:44px;min-height:44px;box-shadow:var(--shadow-bar), var(--highlight), var(--hairline);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);pointer-events:auto;border-radius:22px;align-items:center;gap:2px;padding:0 4px;display:flex}:root[data-phone] .phone-pill button,:root[data-phone] .phone-hit{min-width:44px;min-height:44px;color:var(--fg);font:inherit;font-size:var(--type-body);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}:root[data-phone] .phone-pill button:disabled{color:var(--mute)}:root[data-phone] .phone-pill .tool,:root[data-phone] .phone-pill .rail-history .tool{width:44px;min-width:44px;height:44px;min-height:44px}:root[data-phone] .phone-pill-history{flex-direction:row;grid-area:history;align-items:center;height:44px;min-height:44px}:root[data-phone] .phone-pill-history .tool:disabled{color:color-mix(in srgb, var(--fg) 40%, var(--solid));opacity:1}:root[data-phone] .phone-pill-history .rail-history{box-shadow:none;background:0 0;border-radius:0;flex-direction:row;align-items:center;gap:0;padding:0;display:flex}:root[data-phone] .phone-pill button.on,:root[data-phone] .phone-pill button.primary{background:var(--primary);color:var(--primary-fg);border-radius:18px}:root[data-phone] .phone-pill-menu{flex:none;max-width:100%}:root[data-phone] .phone-top[data-name-clip=on] .phone-pill-menu{flex:auto;min-width:0}:root[data-phone] .phone-pill .phone-pill-name{flex:none;gap:6px;padding:0 12px 0 2px;font-size:15px;font-weight:500}:root[data-phone] .phone-top[data-name-clip=on] .phone-pill-name{flex:auto;min-width:112px;overflow:hidden}:root[data-phone] .phone-name{display:inline-grid}:root[data-phone] .phone-name>span{white-space:nowrap;grid-area:1/1}:root[data-phone] .phone-top[data-name-clip=on] .phone-name{flex:1 1 0;width:0;min-width:56px;display:block;overflow:hidden}:root[data-phone] .phone-top[data-name-clip=on] .phone-name-full{visibility:hidden;width:max-content;position:absolute}:root[data-phone] .phone-name-full{visibility:hidden}:root[data-phone] .phone-chevron{opacity:.5;flex:none}:root[data-phone] .phone-menu-button{position:relative}:root[data-phone] .phone-dot{background:var(--on);width:8px;height:8px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;position:absolute;top:9px;right:9px}:root[data-phone] .phone-top-end{flex:none;gap:8px;display:flex;position:relative}:root[data-phone] .phone-pill-views{color:var(--fg);font:inherit;border:none;padding:0 14px;font-size:14px;font-weight:500}:root[data-phone] .phone-pill-export{--export-pad-left:12px;--export-pad-right:16px;--export-gap:6px;--export-icon-box:44px;gap:var(--export-gap);padding:0 var(--export-pad-right) 0 var(--export-pad-left);color:var(--mute);font:inherit;border:none;font-size:15px;font-weight:600;position:relative}:root[data-phone] .phone-top[data-export-word=off] .phone-export-label{visibility:hidden;pointer-events:none;width:max-content;position:absolute}:root[data-phone] .phone-top[data-export-word=off] .phone-pill-export{width:var(--export-icon-box);min-width:var(--export-icon-box);justify-content:center;gap:0;padding:0}@media (width<=389px){:root[data-phone] .phone-top,:root[data-phone] .phone-top-end{gap:6px}:root[data-phone] .phone-pill .phone-pill-name{padding-right:8px}:root[data-phone] .phone-pill-export{--export-pad-right:12px}}:root[data-phone] .phone-pill-export[aria-disabled=true]{cursor:default}:root[data-phone] .phone-export-tip{z-index:5;background:var(--fg);width:max-content;max-width:240px;color:var(--solid);pointer-events:none;border-radius:16px;padding:8px 12px;font-size:13px;font-weight:500;position:absolute;top:calc(100% + 8px);right:0}:root[data-phone] .phone-pill-export.ready{background:var(--primary);color:var(--primary-fg)}:root[data-phone] .phone-scroller{border-radius:22px;flex:auto;min-width:0;height:44px;position:relative;overflow:hidden}:root[data-phone] .phone-scroller-track{height:100%;padding:0 4px 0 max(4px, calc(20px - var(--gutter)));overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;align-items:center;display:flex;overflow:auto hidden}:root[data-phone] .phone-scroller-track::-webkit-scrollbar{display:none}:root[data-phone] .phone-scroller:before,:root[data-phone] .phone-scroller:after{content:"";z-index:1;opacity:0;pointer-events:none;width:28px;transition:opacity .15s;position:absolute;top:0;bottom:0}:root[data-phone] .phone-scroller:before{background:linear-gradient(270deg, transparent, var(--solid) 85%);left:0}:root[data-phone] .phone-scroller:after{background:linear-gradient(90deg, transparent, var(--solid) 85%);right:0}:root[data-phone] .phone-scroller[data-fade-left]:before,:root[data-phone] .phone-scroller[data-fade-right]:after{opacity:1}:root[data-phone] .phone-pill.phone-strip{grid-area:strip;gap:0;min-width:0;padding:0;position:relative}:root[data-phone] .phone-strip[data-hidden]{visibility:hidden}:root[data-phone] .phone-pill .phone-thread{flex:none;width:44px;height:44px}:root[data-phone] .phone-thread-swatch{pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #00000047}:root[data-phone] .phone-thread[data-in-hand] .phone-thread-swatch{box-shadow:inset 0 0 0 1px #00000047, 0 0 0 2px var(--solid), 0 0 0 4px var(--on)}:root[data-phone] .phone-strip-pin{flex:none;align-items:center;height:100%;padding-right:4px;display:flex}:root[data-phone] .phone-strip-divider{background:var(--divider);width:1px;height:24px;margin-right:2px}:root[data-phone] .phone-pill .phone-strip-add{gap:8px}:root[data-phone] .phone-strip-plus{width:32px;height:32px;box-shadow:inset 0 0 0 1.5px var(--fg);border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}:root[data-phone] .phone-strip-empty .phone-strip-pin{padding-left:max(4px, calc(20px - var(--gutter)))}:root[data-phone] .phone-strip-add-word{padding-right:12px;font-size:15px;font-weight:500}:root[data-phone] .phone-thread-name{z-index:4;background:var(--fg);color:var(--solid);white-space:nowrap;pointer-events:none;border-radius:16px;padding:8px 12px;font-size:13px;font-weight:500;position:absolute;bottom:calc(100% + 8px)}:root[data-phone] .phone-pill.phone-dock{grid-area:dock;gap:0;min-width:0;padding:0}:root[data-phone] .phone-pill .phone-dock-tool{flex:none;min-width:44px;height:44px}:root[data-phone] .phone-dock-tool svg{flex:none;width:20px;height:20px}:root[data-phone] .phone-dock-held{background:var(--on);height:36px;color:var(--on-fg);border-radius:18px;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex}:root[data-phone] .phone-dock-held .phone-dock-chevron{width:14px;height:14px}:root[data-phone] .phone-tool-tip{left:calc(env(safe-area-inset-left,0px) + var(--gutter));bottom:calc(var(--bottom-lift) + var(--bottom-rows) + 10px);z-index:5;background:var(--fg);color:var(--solid);pointer-events:none;border-radius:16px;padding:8px 12px;font-size:13px;font-weight:500;position:absolute}:root[data-phone] .phone-catcher{z-index:1;background:0 0;position:absolute;inset:0}:root[data-phone] .phone-tray{left:calc(env(safe-area-inset-left,0px) + var(--gutter));right:calc(env(safe-area-inset-right,0px) + var(--gutter));z-index:3;overscroll-behavior:contain;touch-action:pan-y;background:var(--solid);max-height:52dvh;box-shadow:var(--shadow-card), var(--hairline);border-radius:16px;padding:12px;position:absolute;overflow:auto}:root[data-phone] .phone-tray-view{top:calc(env(safe-area-inset-top,0px) + 8px + 44px + 8px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--bottom-lift) - 76px)}:root[data-phone] .phone-card{bottom:calc(var(--bottom-lift) + 44px + 12px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--bottom-lift) - 128px);padding:4px 14px}:root[data-phone] .phone-card:has(.opt-text:focus){bottom:max(8px, calc(var(--keyboard,0px) + 8px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--keyboard,0px) - 16px)}:root[data-phone] .strip-close{display:none}@media (orientation:landscape){:root[data-phone] .phone-tray{box-sizing:border-box;width:min(360px, calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 16px));left:auto}:root[data-phone] .phone-card{width:min(480px, calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 16px));left:calc(env(safe-area-inset-left,0px) + var(--gutter));max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--bottom-lift) - 64px);right:auto}}:root[data-phone] .phone-card .tool-strip.tool-strip{min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex}:root[data-phone] .phone-card .tool-strip .strip-name{display:none}:root[data-phone] .phone-card .tool-strip :is(.opt-row,.opt-note){background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;min-height:48px;padding:4px 0;display:flex}:root[data-phone] .phone-card .tool-strip>*+*{border-top:.5px solid var(--divider)}:root[data-phone] .phone-card .tool-strip>.strip-name+*{border-top:none}:root[data-phone] .phone-card .tool-strip .opt-label.opt-label{color:var(--fg);flex:none;font-size:14px;font-weight:500;display:inline}:root[data-phone] .phone-card .tool-strip .opt-buttons{background:var(--seg);border-radius:999px;flex-wrap:nowrap;gap:0;padding:3px}:root[data-phone] .phone-card .tool-strip .opt-buttons .tool{width:auto;min-width:0;height:36px;min-height:36px;box-shadow:none;color:var(--fg);background:0 0;border-radius:999px;padding:0 12px;font-size:13px}:root[data-phone] .phone-card .tool-strip .opt-buttons .tool:has(svg){white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:4px;padding:0 10px;display:inline-flex}:root[data-phone] .phone-card .tool-strip .opt-buttons .tool svg{flex:none;width:16px;height:16px}:root[data-phone] .phone-card .tool-strip .opt-buttons .tool.on{background:var(--solid);font-weight:600;box-shadow:0 1px 2px #0000001a}:root[data-phone] .phone-card .tool-strip .opt-list{padding:8px 0}:root[data-phone] .phone-view-foot{border-top:.5px solid var(--divider);flex-direction:column;display:flex}:root[data-phone] .phone-view-card{flex-direction:column;gap:8px;display:flex}:root[data-phone] .phone-view-card button{width:100%;min-height:44px;color:var(--fg);font:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;display:flex}:root[data-phone] .phone-action,:root[data-phone] .phone-toast-lane,:root[data-phone] .phone-lane-top{left:calc(env(safe-area-inset-left,0px) + var(--gutter));right:calc(env(safe-area-inset-right,0px) + var(--gutter));z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}:root[data-phone] .phone-action{bottom:calc(var(--bottom-lift) + var(--bottom-rows) + 8px)}:root[data-phone] .phone-lane-top{top:calc(env(safe-area-inset-top,0px) + 8px + 44px + 8px)}:root[data-phone] .phone-toast-lane{z-index:5;bottom:calc(var(--bottom-lift) + var(--bottom-rows) + 8px)}:root[data-phone]:has(.updated-bar) .phone-toast-lane{translate:0 -52px}:root[data-phone] .phone-chrome:has(.phone-action) .phone-toast-lane{bottom:calc(var(--bottom-lift) + var(--bottom-rows) + 8px + 56px)}:is(:root[data-phone] .phone-chrome:has(.phone-sheet) .phone-toast-lane,:root[data-phone] .phone-chrome:has(.phone-sheet-export) .phone-toast-lane){top:calc(env(safe-area-inset-top,0px) + 8px + 44px + 8px);bottom:auto}:root[data-phone] :is(.phone-action,.phone-lane-top,.phone-toast-lane)>*{pointer-events:auto;max-width:100%;position:relative;inset:auto;transform:none}:root[data-phone] .phone-lane-top .saved-line,:root[data-phone] .phone-lane-top .hover-chip,:root[data-phone] .phone-toast-lane .toast{pointer-events:none}:root[data-phone] .phone-toast-lane .toast{-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root[data-phone] .phone-action .sel-bar,:root[data-phone] .phone-action .fix-bar,:root[data-phone] .phone-action-row,:root[data-phone] .phone-hl-bar{background:var(--panel);min-height:48px;box-shadow:var(--shadow-bar), var(--highlight), var(--hairline);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:2px 6px;display:flex}:root[data-phone] .phone-action .fix-bar{border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:2px 6px;padding:6px 6px 6px 14px;display:grid}:root[data-phone] .phone-action .fix-bar>span{white-space:normal;align-self:start;min-width:0}:root[data-phone] .phone-action .fix-bar>.hl-what,:root[data-phone] .phone-action .fix-bar .fix-line{grid-area:1/1/2/3}:root[data-phone] .phone-action .fix-bar .fix-line>span{white-space:normal;margin-right:4px;display:inline}:root[data-phone] .phone-action .fix-bar .fix-hint{grid-area:2/1/3/3}:root[data-phone] .phone-action .fix-bar>button{grid-row:1/span 2}:root[data-phone] :is(.phone-action,.phone-hl) .tool{min-width:44px;height:44px;min-height:44px}:root[data-phone] .phone-action-row{gap:6px;padding:2px 4px}:root[data-phone] .phone-action-row .tool.wide{padding:0 16px;font-size:15px}:root[data-phone] .phone-more{display:inline-flex;position:relative}:root[data-phone] .phone-more .tool svg{width:20px;height:20px}:root[data-phone] .phone-more-menu{min-width:220px;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 160px);overscroll-behavior:contain;touch-action:pan-y;background:var(--solid);box-shadow:var(--shadow-card), var(--hairline);border-radius:16px;flex-direction:column;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto}:root[data-phone] .phone-more-menu button{min-height:44px;color:var(--fg);font:inherit;text-align:left;background:0 0;border:none;border-radius:10px;padding:0 12px;font-size:15px}:root[data-phone] .phone-more-menu button:disabled{color:var(--mute)}:root[data-phone] .phone-hl{flex-direction:column;align-items:stretch;gap:6px;display:flex}:root[data-phone] .phone-hl-bar{font-size:var(--type-small);flex-wrap:nowrap;justify-content:flex-start;padding:2px 4px 2px 14px}:root[data-phone] .phone-hl-summary{flex-direction:column;min-width:0;margin-right:auto;line-height:1.2;display:flex}:root[data-phone] .phone-hl-summary>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root[data-phone] .phone-hl-bar .hl-guard{white-space:nowrap;align-items:center;gap:4px;min-height:44px;display:inline-flex}:root[data-phone] .phone-hl .long-text{display:none}:root[data-phone] .phone-hl-card{background:var(--solid);box-shadow:var(--shadow-card), var(--hairline);border-radius:16px;flex-direction:column;padding:6px 14px;display:flex}:root[data-phone] .phone-hl-card label{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}:root[data-phone] .phone-hl-card label:not(.hl-slider){flex-direction:row-reverse}:root[data-phone] .phone-hl-card .hl-slider input{flex:auto}:root[data-phone] .phone-switch-row{width:100%;min-height:44px;color:var(--fg);font:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}:root[data-phone] .phone-switch{background:var(--seg);width:40px;height:24px;box-shadow:inset 0 0 0 1px var(--divider);border-radius:12px;flex:none;transition:background .15s;position:relative}:root[data-phone] .phone-switch:after{content:"";background:var(--solid);width:20px;height:20px;box-shadow:var(--shadow-bar);border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}:root[data-phone] .phone-switch-row[aria-checked=true] .phone-switch{background:var(--on)}:root[data-phone] .phone-switch-row[aria-checked=true] .phone-switch:after{transform:translate(16px)}:root[data-phone] .phone-show{border-left:2px solid var(--divider);flex-direction:column;padding-left:12px;display:flex}:root[data-phone] .phone-view-card .seg{display:flex}:root[data-phone] .phone-view-card .seg-item{flex:1 1 0;justify-content:center;gap:6px;min-height:44px}:root[data-phone] .phone-view-card .views-zoom{grid-template-columns:1fr 1.4fr 1fr 1fr;gap:6px;display:grid}:root[data-phone] .phone-view-card .views-zoom .tool{justify-content:center}:root[data-phone] .opt-list{flex-direction:column;gap:2px;display:flex}:root[data-phone] .opt-list-row{background:var(--seg);min-height:44px;color:var(--fg);font:inherit;text-align:left;border:none;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}:root[data-phone] .opt-list-row.on{background:var(--on);color:var(--on-fg)}:root[data-phone] .opt-list-note{color:var(--mute);font-size:var(--type-small)}:root[data-phone] .opt-list-row.on .opt-list-note{color:inherit;opacity:.8}:root[data-phone] .phone-sheet .colors-head,:root[data-phone] .phone-sheet .setup-head{display:none}:root[data-phone] .phone-sheet .slot-panel-head .panel-chevron{width:44px;min-width:44px;height:44px}:root[data-phone] .phone-export-bar{background:var(--panel);height:44px;min-height:44px;box-shadow:var(--shadow-bar), var(--highlight), var(--hairline);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);pointer-events:auto;border-radius:22px;align-items:center;gap:8px;padding:0 4px 0 0;display:flex}:root[data-phone] .phone-sheet{left:0;right:0;bottom:var(--keyboard,0px);z-index:4;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 8px - var(--keyboard,0px));padding-bottom:var(--home-pad);background:var(--solid);box-shadow:var(--shadow-card);touch-action:pan-y;overscroll-behavior:contain;border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:absolute;overflow:hidden}:root[data-phone] .phone-sheet-half{height:50dvh}:root[data-phone] .phone-sheet-full{top:calc(env(safe-area-inset-top,0px) + 8px);height:auto}:root[data-phone] .phone-scrim{z-index:3;background:var(--scrim);pointer-events:auto;position:absolute;inset:0}:root[data-phone] .phone-sheet-head{min-height:48px;padding:4px 4px 0 var(--gutter);align-items:center;gap:8px;display:flex}:root[data-phone] :is(.phone-sheet-head strong,.phone-sheet .slot-panel-title,.start-screen.morphed .slot-panel-title,.modal-head>strong,.thread-card-title>strong){font-size:17px;font-weight:600}:root[data-phone] :is(.phone-sheet-head,.phone-sheet .slot-panel-head,.start-screen.morphed .slot-panel-head,.modal-head) :is(.ui-dialog-close,[aria-label^=Close]){width:44px;min-width:44px;height:44px;box-shadow:none;background:0 0;border-radius:0}:root[data-phone] .modal-head{padding:4px 4px 0 var(--gutter)}:root[data-phone] .modal-head>.dim{padding-right:calc(var(--gutter) - 4px);white-space:normal}:root[data-phone] :is(.phone-sheet,.modal,.thread-card) input:is([type=text],[type=search],[type=number],[type=email],[type=password],:not([type])){box-sizing:border-box;background:var(--field);height:44px;box-shadow:inset 0 0 0 1px var(--field-edge);border:none;border-radius:10px}:root[data-phone] .phone-sheet-body{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:0 var(--gutter) 16px;flex:auto;overflow:auto}:root[data-phone] .phone-menu-section{flex-direction:column;margin-bottom:16px;display:flex}:root[data-phone] .phone-menu-label{font-size:var(--type-small);color:var(--fg-soft);padding:4px 12px 6px;font-weight:600}:root[data-phone] .phone-menu-row{width:100%;min-height:44px;color:var(--fg);font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 8px;display:flex}:root[data-phone] .phone-menu-row:disabled{color:var(--mute)}:root[data-phone] .phone-sheet-menu{background:var(--ground)}:root[data-phone] .phone-sheet-menu .phone-sheet-foot{background:var(--solid)}:root[data-phone] .phone-menu-card{--rule-inset:48px;background:var(--solid);box-shadow:var(--hairline);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}:root[data-phone] .phone-menu-card>*{position:relative}:root[data-phone] .phone-menu-card>*+:before{content:"";top:0;left:var(--rule-inset);background:var(--line);pointer-events:none;height:1px;position:absolute;right:0}:root[data-phone] .phone-menu-card .phone-menu-row{border-radius:0;gap:12px;min-height:48px;padding:6px 12px}:root[data-phone] .phone-menu-icon{box-sizing:content-box;color:var(--fg-soft);flex:none;padding:2px}:root[data-phone] :is(.phone-menu-row:disabled,.phone-menu-row[aria-disabled=true]) :is(.phone-menu-icon,.phone-menu-text){color:var(--mute)}:root[data-phone] .phone-menu-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}:root[data-phone] .phone-menu-note{font-size:var(--type-small);color:var(--fg-soft)}:root[data-phone] .phone-menu-opens{color:var(--mute);flex:none}:root[data-phone] .phone-switch{background:var(--faint);border-radius:13px;flex:none;width:44px;height:26px;transition:background-color .16s;position:relative}:root[data-phone] .phone-switch:after{content:"";border-radius:var(--radius-round);background:var(--thumb);width:20px;height:20px;box-shadow:var(--shadow-chip);transition:transform .16s;position:absolute;top:3px;left:3px}:root[data-phone] [role=switch][aria-checked=true] .phone-switch{background:var(--on)}:root[data-phone] [role=switch][aria-checked=true] .phone-switch:after{transform:translate(18px)}:root[data-phone] .phone-menu-row:disabled .phone-switch{opacity:.5}:root[data-phone] .phone-segments{background:var(--seg);border-radius:9px;flex:none;padding:2px;display:flex}:root[data-phone] .phone-segments>button{min-height:40px;color:var(--fg-soft);font:inherit;font-size:var(--type-small);background:0 0;border:none;border-radius:7px;padding:0 10px}:root[data-phone] .phone-segments>button[aria-checked=true]{background:var(--seg-on);color:var(--fg);box-shadow:var(--shadow-chip);font-weight:600}:root[data-phone] .phone-segments>button:disabled{color:var(--mute)}:root[data-phone] .phone-start-bar{align-items:center;gap:8px;width:100%;min-height:44px;display:flex}:root[data-phone] .phone-start-bar>*{pointer-events:auto}:root[data-phone] .phone-start-menu{background:var(--panel);width:44px;height:44px;box-shadow:var(--shadow-bar), var(--highlight), var(--hairline);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:var(--fg);border:none;border-radius:50%;flex:none;place-items:center;margin-right:auto;padding:0;display:grid}:root[data-phone] .start{padding-top:calc(env(safe-area-inset-top,0px) + 56px);padding-right:calc(env(safe-area-inset-right,0px) + var(--gutter));padding-left:calc(env(safe-area-inset-left,0px) + var(--gutter));padding-bottom:max(calc(env(safe-area-inset-bottom,0px) + 10px), var(--keyboard,0px));overscroll-behavior:contain;box-sizing:border-box;height:100%;inset:0;overflow:auto}:root[data-phone] .start-screen,:root[data-phone] .morph-grid,:root[data-phone] .morph-panel{flex-direction:column;width:100%;max-width:560px;margin:0 auto;display:flex}:root[data-phone] .morph-grid{grid-template-columns:100%;grid-template-areas:"panel"}:root[data-phone] .start-bar,:root[data-phone] .start-prompt,:root[data-phone] .start-ways button,:root[data-phone] .start-way{width:100%}:root[data-phone] .start-screen h1{text-wrap:balance;max-width:10em;margin-inline:auto;line-height:1.2}:root[data-phone] .morph-head p span{display:block}:root[data-phone] .start-screen:not(.morphed) .morph-panel{flex:1 0 auto}:root[data-phone] .start-screen:not(.morphed) h1{margin-bottom:10px}:root[data-phone] .start-screen:not(.morphed) :is(.morph-head,.morph-tail){flex:none;order:-1}:root[data-phone] .start-screen:not(.morphed) .morph-head{margin-top:auto}:root[data-phone] .start-screen:not(.morphed) .morph-head p{margin-bottom:4px}:root[data-phone] .start-screen:not(.morphed) .morph-tail{margin-bottom:auto;padding-bottom:24px}:root[data-phone] .start-screen:not(.morphed) .start-bar.docked{position:sticky}:root[data-phone] .start-bar.docked{margin-bottom:0;padding:16px 8px 8px;bottom:0}:root[data-phone] .gen-settings{background:color-mix(in srgb, var(--solid) 80%, transparent)}:root[data-phone] .prompt-add.prompt-add-rise{background:color-mix(in srgb, var(--solid) 74%, transparent)}:root[data-phone] .start-bar.docked .start-dock-row{margin-top:10px}:root[data-phone] .start-bar.docked .prompt-pic{width:56px;height:56px}:root[data-phone] .prompt-plus.docked{width:36px;height:36px}@media (orientation:portrait){:root[data-phone][data-keyboard] .start-screen:not(.morphed) :is(.morph-head,.morph-tail){display:none}:root[data-phone][data-keyboard] .start-screen:not(.morphed) .start-bar.docked{margin-top:auto}:root[data-phone] .start-screen:not(.morphed) .start-without-ai{text-align:left;margin:28px 0 10px;padding-left:6px;font-size:12.5px}:root[data-phone] .start-screen:not(.morphed) .start-cards{border-radius:var(--radius-panel);background:var(--solid);box-shadow:var(--shadow-bar), var(--hairline);grid-template-columns:minmax(0,1fr);gap:0;padding:0;overflow:hidden}:root[data-phone] .start-screen:not(.morphed) .start-card{min-height:60px;box-shadow:none;border-radius:0;grid-template-columns:64px minmax(0,1fr) 14px;align-items:center;gap:0 14px;padding:8px 14px 8px 10px;position:relative}:root[data-phone] .start-screen:not(.morphed) .start-card+.start-card:before{content:"";background:var(--divider);height:.5px;position:absolute;top:0;left:88px;right:0}:root[data-phone] .start-screen:not(.morphed) .start-card-art{border-radius:8px;width:64px;height:44px}:root[data-phone] .start-screen:not(.morphed) .start-card-title{font-size:15px;font-weight:500}:root[data-phone] .start-screen:not(.morphed) .start-card-line{display:none}:root[data-phone] .start-screen:not(.morphed) .start-card-chevron{fill:none;width:14px;height:14px;stroke:var(--mute);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;display:block}}:root[data-phone] .gen-chip{height:40px;font-size:15px}:root[data-phone] .ui-popover.gen-picker{padding:16px var(--gutter) max(16px, var(--home-pad));position:absolute}:root[data-phone] .gen-picker{--example-side:72px}:root[data-phone] .gen-pick{min-height:72px}:root[data-phone] .gen-picker-shape .gen-pick{min-height:56px}:root[data-phone] .gen-picker-split{grid-template-columns:minmax(0,1fr)}:root[data-phone] .gen-shape-preview{order:-1;min-height:0;padding:12px 0 10px}:root[data-phone] .gen-shape-stage{width:120px;height:120px}:root[data-phone] .gen-pick-strip{white-space:normal}:root[data-phone] .gen-option-track{border-radius:13px;width:42px;height:26px}:root[data-phone] .gen-option-track:after{width:22px;height:22px}:root[data-phone] .modal-back{justify-content:stretch;align-items:flex-end;padding:0}:root[data-phone] .modal{width:100%;max-width:none;max-height:min(92dvh, calc(100dvh - env(safe-area-inset-top,0px) - 8px));padding-bottom:max(env(safe-area-inset-bottom,0px), var(--keyboard,0px));border-radius:16px 16px 0 0}:root[data-phone] :is(.row-menu,.ui-popover,.shade-panel)[data-placement=sheet]{width:100%;max-width:none;max-height:min(92dvh, calc(100dvh - env(safe-area-inset-top,0px) - 8px));padding-bottom:max(env(safe-area-inset-bottom,0px), var(--keyboard,0px));overscroll-behavior:contain;touch-action:pan-y;border-radius:16px 16px 0 0;inset:auto 0 0;overflow:auto;transform:none}:root[data-phone] .app:has(>.editor[data-touch]) .row-menu{max-height:min(92dvh, calc(100dvh - env(safe-area-inset-top,0px) - 8px))}:root[data-phone] .phone-export-view{left:calc(env(safe-area-inset-left,0px) + var(--gutter));right:calc(env(safe-area-inset-right,0px) + var(--gutter));z-index:4;pointer-events:auto;justify-content:center;display:flex;position:absolute;bottom:calc(60dvh + 8px)}:root[data-phone] .thread-card{top:auto;left:0;right:0;bottom:var(--keyboard,0px);width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 8px - var(--keyboard,0px));padding-bottom:var(--home-pad);border-radius:16px 16px 0 0}:root[data-phone] .phone-sheet-export{height:60dvh}:root[data-phone] .phone-export-body{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:0 var(--gutter) 16px;flex:auto;overflow:auto}:root[data-phone] .phone-waiting{color:var(--mute);font-size:var(--type-small);padding:8px}:root[data-phone] .phone-export-view .export-views{flex-direction:column;align-items:center;max-width:100%;display:flex}:root[data-phone] .phone-export-view .export-readout{background:var(--panel);max-width:100%;box-shadow:var(--shadow-bar), var(--hairline);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:var(--fg);white-space:normal;border-radius:12px;padding:6px 12px}@media (orientation:landscape){:root[data-phone] .phone-sheet-half,:root[data-phone] .phone-sheet-export{width:min(50vw,440px);height:auto;max-height:none;padding-right:env(safe-area-inset-right,0px);border-radius:16px 0 0 16px;top:0;left:auto;right:0}:root[data-phone] .phone-sheet-half.phone-sheet-left{padding-right:0;padding-left:env(safe-area-inset-left,0px);border-radius:0 16px 16px 0;left:0;right:auto}:root[data-phone] .phone-chrome:has(.phone-sheet-half:not(.phone-sheet-left)) :is(.phone-top,.phone-bottom,.phone-lane-top){right:calc(min(50vw, 440px) + var(--gutter))}:root[data-phone] .phone-chrome:has(.phone-sheet-left) :is(.phone-top,.phone-bottom,.phone-lane-top){left:calc(min(50vw, 440px) + var(--gutter))}:is(:root[data-phone] .phone-chrome:has(.phone-sheet-half:not(.phone-sheet-left)) .phone-toast-lane,:root[data-phone] .phone-chrome:has(.phone-sheet-export) .phone-toast-lane){top:calc(env(safe-area-inset-top,0px) + 8px + 44px + 8px);right:calc(min(50vw, 440px) + var(--gutter));bottom:auto}:root[data-phone] .phone-export-view{right:calc(min(50vw, 440px) + var(--gutter));bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}:root[data-phone] .phone-sheet-full{top:calc(env(safe-area-inset-top,0px) + 8px);left:max(calc(env(safe-area-inset-left,0px) + 8px), calc(50% - 280px));right:max(calc(env(safe-area-inset-right,0px) + 8px), calc(50% - 280px));bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;max-height:none}:root[data-phone] .modal-back{justify-content:center}:root[data-phone] .modal{width:min(560px, calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 16px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 8px);margin-bottom:env(safe-area-inset-bottom,0px);padding-bottom:var(--keyboard,0px)}}:root[data-phone] .phone-sheet[data-phone-height=tall]{height:60dvh}:root[data-phone] .phone-sheet[data-phone-height=full]{top:calc(env(safe-area-inset-top,0px) + 8px);height:auto}:root[data-phone] .phone-sheet[data-phone-height=collapsed]{height:auto}:root[data-phone] .phone-sheet-content[data-phone-height=half]:has(.new-pattern-panel,.setup-section.walking){height:auto}:root[data-phone] .phone-sheet[data-phone-height=collapsed] :is(.slot-panel-body,.slot-panel-rule,.setup-section){display:none}:root[data-phone] .phone-grip{z-index:1;touch-action:none;background:0 0;border:none;width:88px;height:44px;padding:0;position:absolute;top:0;left:calc(50% - 44px)}:root[data-phone] .phone-grip:before{content:"";background:var(--line);border-radius:3px;width:36px;height:5px;position:absolute;top:6px;left:26px}:root[data-phone] .phone-sheet-content .phone-sheet-body{flex-direction:column;padding-bottom:12px;display:flex;overflow:hidden}:root[data-phone] .phone-sheet-content .slot-panel{width:auto;min-height:0;max-height:100%;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);box-shadow:none;background:0 0;border-radius:0;flex:auto}:root[data-phone] .phone-sheet-content .slot-panel-head{margin-right:calc(4px - var(--gutter));padding-top:12px}:root[data-phone] .phone-sheet-content .slot-panel-body{margin:-4px calc(-1 * var(--gutter));padding:4px var(--gutter);flex-direction:column;flex:auto;display:flex;overflow:hidden}:root[data-phone] .phone-sheet-content .setup-section{flex:auto;min-height:0;overflow:hidden}:root[data-phone] .phone-sheet-content .setup-section:has(.size-note){flex-shrink:1}:root[data-phone] .phone-sheet-content .setup-fields{flex:auto;min-height:0;overflow-y:auto}:root[data-phone] .phone-sheet-content .setup-pinned{flex:none}:root[data-phone] .phone-sheet input.setup-size-number{box-sizing:content-box;width:3.2ch;height:auto;min-height:0;box-shadow:none;font-size:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:none;border-radius:0;margin:0;padding:0 2px}:root[data-phone] .gen-take-thumb,:root[data-phone] .gen-walk-button{flex:none;min-width:44px;height:44px}:root[data-phone] .phone-sheet-fit{border-radius:16px 16px 0 0;height:auto}:root[data-phone] .phone-sort{font:inherit;color:var(--fg);padding:0 12px}:root[data-phone] .phone-check{flex:none;width:20px}:root[data-phone] .phone-menu-row-apart{border-top:1px solid var(--line);border-radius:0;margin-top:8px}:root[data-phone] .row-menu-head{min-height:48px;color:var(--fg);font-size:var(--type-body);gap:10px;padding:4px 12px;font-weight:500}:root[data-phone] .row-menu-head .swatch.sm{width:24px;height:24px}:root[data-phone] .row-menu-head .dim{font-weight:400}:root[data-phone] .row-menu .danger{margin-top:8px}:root[data-phone] .thread-card{top:calc(env(safe-area-inset-top,0px) + 8px);height:auto}:root[data-phone] .thread-card-scrim{z-index:14}:root[data-phone] .thread-card .modal-head{padding:4px 4px 4px var(--gutter)}:root[data-phone] .thread-card>:is(.thread-picker,.thread-grid){flex:auto}:root[data-phone] .thread-card .modal-search{margin:4px var(--gutter);width:auto}:root[data-phone] .phone-thread-count{padding:0 var(--gutter);font-size:var(--type-label);align-items:center;gap:8px;display:flex}:root[data-phone] .phone-thread-icon{background:var(--solid);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--field-edge);color:var(--fg);border:none;border-radius:12px;place-items:center;padding:0;display:grid}:root[data-phone] .phone-family-wrap{padding-bottom:4px;position:relative}:root[data-phone] .phone-family-wrap[data-fade]:after{content:"";pointer-events:none;width:48px;position:absolute;top:0;bottom:8px}:root[data-phone] .phone-family-wrap[data-fade=right]:after{background:linear-gradient(90deg, transparent, var(--solid) 80%);right:0}:root[data-phone] .phone-family-wrap[data-fade=left]:after{background:linear-gradient(270deg, transparent, var(--solid) 80%);left:0}:root[data-phone] .phone-family-row{padding:0 var(--gutter);overscroll-behavior:contain;touch-action:pan-x;scroll-padding:0 var(--gutter);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}:root[data-phone] .phone-family-row::-webkit-scrollbar{display:none}:root[data-phone] .phone-family{z-index:0;height:44px;color:var(--fg);font:inherit;font-size:var(--type-label);white-space:nowrap;background:0 0;border:none;flex:none;align-items:center;gap:6px;padding:0 12px 0 6px;display:flex;position:relative}:root[data-phone] .phone-family:after{content:"";z-index:-1;box-shadow:inset 0 0 0 1px var(--field-edge);border-radius:16px;position:absolute;inset:6px 0}:root[data-phone] .phone-family[aria-pressed=true]{color:var(--solid)}:root[data-phone] .phone-family[aria-pressed=true]:after{background:var(--fg);box-shadow:none}:root[data-phone] .phone-family i{width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--swatch-edge);border-radius:50%}:root[data-phone] .phone-family-track{background:var(--line);border-radius:2px;width:64px;height:3px;margin:1px auto 0;position:relative}:root[data-phone] .phone-family-track>span{background:var(--fg);border-radius:2px;position:absolute;top:0;bottom:0}:root[data-phone] .thread-card>:is(.phone-thread-grid,.phone-thread-list){overscroll-behavior:contain;touch-action:pan-y;border-top:1px solid var(--divider);min-height:0;position:relative}:root[data-phone] .phone-thread-grid{padding:0 var(--gutter) 16px;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));align-content:start;gap:8px}:root[data-phone] .thread-family-head{font-size:var(--type-label);color:var(--mute);cursor:default;border:none;grid-column:1/-1;padding:8px 0 0;font-weight:700}:root[data-phone] .thread-family-head>span{font-weight:500}:root[data-phone] .phone-thread-list .thread-family-head{padding:10px var(--gutter) 4px;display:block}:root[data-phone] .phone-thread-grid li,:root[data-phone] .phone-thread-list li:not(.thread-family-head){opacity:1;padding:0;display:block}:root[data-phone] .phone-thread-grid li>button{width:100%;color:inherit;font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}:root[data-phone] .phone-thread-grid .tile{box-shadow:inset 0 0 0 1px var(--swatch-edge);border:none;border-radius:12px}:root[data-phone] .phone-thread-grid .tile-code{color:var(--fg-soft);font-size:11px;font-weight:600}:root[data-phone] .phone-thread-list li>button{width:100%;height:56px;padding:0 var(--gutter);color:inherit;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:12px;display:flex}:root[data-phone] .phone-thread-list .swatch{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--swatch-edge);border:none;border-radius:10px;flex:none;position:relative}:root[data-phone] .phone-thread-list .dmc-code{min-width:48px;font-weight:600}:root[data-phone] .phone-thread-list .dmc-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--mute);flex:1;overflow:hidden}:root[data-phone] :is(.phone-thread-grid,.phone-thread-list) li[data-state] :is(.tile,.swatch){box-shadow:inset 0 0 0 1px var(--swatch-edge), 0 0 0 2px var(--solid), 0 0 0 3.5px var(--faint)}:root[data-phone] .phone-thread-grid li:hover .tile{outline:none}:root[data-phone] :is(.phone-thread-grid,.phone-thread-list) li[data-state=ticked] :is(.tile,.swatch):after{content:"✓";color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root[data-phone] .phone-thread-foot{padding:10px var(--gutter) 12px;border-top:1px solid var(--divider);gap:10px}:root[data-phone] .phone-thread-chips{overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;min-height:36px;display:flex;overflow-x:auto}:root[data-phone] .phone-thread-chips .added-chip{background:var(--seg);height:32px;box-shadow:none;font-size:var(--type-label);border-radius:16px;flex:none;gap:4px;padding:0 2px 0 4px;font-weight:600}:root[data-phone] .phone-thread-chips .chip-swatch{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--swatch-edge);border:none;border-radius:50%}:root[data-phone] .phone-thread-chips .chip-remove{width:28px;height:28px;box-shadow:none;background:0 0;border-radius:50%;margin:0}:root[data-phone] .phone-thread-foot>.tool{border-radius:12px;flex:none;height:44px;padding:0 20px}:root[data-phone] .phone-thread-notice{left:50%;bottom:calc(var(--home-pad) + 76px);max-width:calc(100% - 2 * var(--gutter));background:var(--fg);color:var(--solid);font-size:var(--type-label);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:18px;padding:8px 14px;position:absolute;overflow:hidden;transform:translate(-50%)}:root[data-phone] .thread-card .phone-thread-action{z-index:6;bottom:0}:root[data-phone] .thread-card .phone-scrim{z-index:5;border-radius:16px 16px 0 0}:root[data-phone] .modal.symbols .symbol-cell{aspect-ratio:auto;height:48px}:root[data-phone] .modal-foot{flex:none}:root[data-phone] .modal:is(.symbols,.strands,.recents){height:calc(100dvh - env(safe-area-inset-top,0px) - 8px);max-height:none}:root[data-phone] .modal:is(.symbols,.strands,.recents) :is(.symbol-grid,.strand-list,.recent-list){overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;max-height:none;overflow-y:auto}:root[data-phone] .modal.symbols .symbol-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}:root[data-phone] .modal.strands .strand-defaults{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}:root[data-phone] .modal.strands .strand-defaults>strong{grid-column:1/-1}:root[data-phone] .modal.strands .strand-defaults label{flex-direction:column;align-items:stretch;gap:4px}:root[data-phone] .modal.strands .strand-row{grid-template-columns:20px minmax(0,1fr) auto auto;min-height:52px}:root[data-phone] .modal.strands .strand-name{white-space:normal;flex-direction:column;display:flex}:root[data-phone] .modal.strands .strand-name .dim{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root[data-phone] .modal.strands .strand-sel{min-width:0;min-height:44px}:root[data-phone] .modal.open-where .modal-foot{flex-direction:column-reverse;align-items:stretch}:root[data-phone] .modal.open-where .modal-foot button{width:100%;min-height:44px}:root[data-phone] .recent-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name""meta when";align-items:baseline;min-height:56px;display:grid}:root[data-phone] .recent-name{grid-area:name}:root[data-phone] .recent-meta{text-overflow:ellipsis;white-space:nowrap;grid-area:meta;min-width:0;overflow:hidden}:root[data-phone] .recent-when{grid-area:when;min-width:0}@media (orientation:landscape){:root[data-phone] .phone-sheet-half[data-phone-height]{height:auto;top:0}:root[data-phone] .phone-sheet-half[data-phone-height=collapsed]{top:auto}:root[data-phone] .thread-card{height:auto}:root[data-phone] .modal:is(.symbols,.strands,.recents){height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 8px)}}:root[data-phone] .start:has(>.start-screen.morphed){height:auto;padding:calc(env(safe-area-inset-top,0px) + 64px) 0 var(--keyboard,0px);inset:0;overflow:hidden}:root[data-phone] .start-screen.morphed,:root[data-phone] .start-screen.morphed .morph-grid{max-width:none}:root[data-phone] .start-screen.morphed .morph-grid{flex-direction:column;height:100%;display:flex}:root[data-phone] .start-screen.morphed .morph-head,:root[data-phone] .start-screen.morphed .morph-tail,:root[data-phone] .start-screen.morphed .start-bar-refused{display:none}:root[data-phone] .start-screen.morphed .morph-stage{min-height:0;padding:0 calc(env(safe-area-inset-right,0px) + var(--gutter)) 8px calc(env(safe-area-inset-left,0px) + var(--gutter));flex:auto;order:1}:root[data-phone] .start-screen.morphed .morph-panel{overscroll-behavior:contain;touch-action:pan-y;flex:none;order:2;max-width:none;max-height:75dvh;margin:0;overflow:auto}:root[data-phone] .start-screen.morphed .start-bar{--bar-pad:calc(env(safe-area-inset-left,0px) + var(--gutter));padding:12px calc(env(safe-area-inset-right,0px) + var(--gutter)) max(12px, var(--home-pad)) var(--bar-pad);border-radius:16px 16px 0 0;gap:10px}:root[data-phone] .start-screen.morphed .start-bar:before{content:"";background:var(--line);border-radius:3px;width:36px;height:5px;position:absolute;top:6px;left:calc(50% - 18px)}:root[data-phone] .start-screen.morphed .start-bar .slot-panel-head{min-height:44px;margin-right:calc(4px - var(--gutter));cursor:pointer}:root[data-phone] .start-sheet-words{color:var(--mute);font-size:var(--type-body);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}:root[data-phone] .start-screen.morphed .stage-body{padding:8px 0}:root[data-phone] .start-screen.morphed .stage-takes-block{width:100%}:root[data-phone] .start-screen.morphed .takes-grid{gap:8px}:root[data-phone] .start-screen.morphed .stage-failed .tool{align-self:stretch;min-height:44px}:root[data-phone] .start-screen.morphed .stage-body.stage-ask{--ask-side:max(96px, min(300px, 100cqw - 24px, 100cqh - 226px));align-items:stretch;padding:8px 0}:root[data-phone] .start-screen.morphed .stage-ask-card{gap:8px;padding:12px}:root[data-phone] .start-screen.morphed .stage-ask-card .tool,:root[data-phone] .start-screen.morphed .stage-failed .tool+.tool{height:44px;min-height:44px}:root[data-phone] .start-screen.morphed .stage-ask-link{min-height:44px}:root[data-phone] .start-screen.morphed .morph-panel>.slot-panel{max-height:none;padding:12px calc(env(safe-area-inset-right,0px) + var(--gutter)) max(12px, var(--home-pad)) calc(env(safe-area-inset-left,0px) + var(--gutter));border-radius:16px 16px 0 0}:root[data-phone] .start-screen.morphed .morph-panel>.slot-panel .slot-panel-head{min-height:44px;margin-right:calc(4px - var(--gutter))}:root[data-phone] .start-screen.morphed .morph-panel[data-start-sheet=collapsed]>.slot-panel .slot-panel-body{display:none}:root[data-phone] .start-screen.morphed .stage-cloth{grid-template-columns:repeat(var(--cloth-cols,13), minmax(0, 22px));grid-template-rows:none;max-width:100%}@media (orientation:landscape){:root[data-phone] .start-screen.morphed .morph-grid{flex-direction:row}:root[data-phone] .start-screen.morphed .morph-panel{order:2;align-self:flex-end;width:min(50vw,400px);max-height:100%}:root[data-phone] .start-screen.morphed :is(.start-bar,.morph-panel>.slot-panel){border-radius:16px 0 0}:root[data-phone] .start-screen.morphed .takes-grid{align-self:center;width:min(100%,300px)}:root[data-phone] .start-screen.morphed .stage-ask-card{grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:12px;display:grid}:root[data-phone] .start-screen.morphed .stage-ask-picture{--ask-side:max(72px, min(180px, 100cqh - 40px, 45cqw));grid-row:span 4;align-self:center}:root[data-phone] .start-screen.morphed .stage-ask-card>:not(.stage-ask-picture){grid-column:2}}:root[data-phone] .phone-sheet-export:has(.export-ask){top:calc(env(safe-area-inset-top,0px) + 8px);height:auto}:root[data-phone] .phone-sheet-export .export-panel:has(.export-ask){height:100%}:root[data-phone] .phone-sheet-export .export-panel:has(.export-ask) .slot-panel-body{flex:1 1 0}:root[data-phone] .phone-sheet-export .slot-panel-foot:has(.export-ask){flex:0 auto;align-items:stretch;min-height:0;max-height:75dvh}:root[data-phone] .phone-sheet-export .export-foot:has(.export-ask){overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow:auto}:root[data-phone] .phone-chrome .auth-trigger,:root[data-phone] .phone-chrome .invite-pill,:root[data-phone] .phone-account-view .plan-card .ui-pill{min-height:44px}:root[data-phone] .phone-chrome .auth-trigger,:root[data-phone] .phone-chrome .invite-pill{height:44px}:root[data-phone] .phone-chrome .auth-trigger{border-radius:var(--radius-control);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0 12px}:root[data-phone] .phone-chrome .auth-trigger.auth-avatar{border-radius:var(--radius-round);width:44px;padding:0}:root[data-phone] .phone-sheet-foot{padding:8px var(--gutter);border-top:1px solid var(--line);flex:none}:root[data-phone] .account-row{width:100%;min-height:52px;color:var(--fg);font:inherit;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:4px;display:flex;position:relative}:root[data-phone] .account-row .ui-avatar{--pip:14px;width:36px;height:36px}:root[data-phone] .account-row-who{flex-direction:column;flex:auto;min-width:0;display:flex}:root[data-phone] .account-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}:root[data-phone] .account-row-plan{font-size:var(--type-small);color:var(--fg-soft)}:root[data-phone] .account-row-credits{background:var(--seg);border-radius:16px;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;display:inline-flex;position:relative}:root[data-phone] .account-row .credit-delta{top:-16px;left:auto;right:12px}:root[data-phone] .account-row.credit-landed .account-row-credits{animation:1.4s ease-out credit-pulse}:root[data-phone] .account-row.credit-landed :is(.credit-coin,.credit-count){animation:1.4s ease-out credit-ink}:root[data-phone] .account-row.auth-signin .account-row-who{padding-left:4px;font-weight:500}:root[data-phone] .account-row-arrow{fill:none;width:20px;height:20px;stroke:var(--fg-soft);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}:root[data-phone] #phone-patterns .phone-menu-card{--rule-inset:76px}:root[data-phone] .phone-pattern{align-items:center;display:flex}:root[data-phone] .phone-pattern.on{background:var(--focus-halo);box-shadow:inset 3px 0 0 var(--on)}:root[data-phone] .phone-pattern-card{min-width:0;min-height:64px;color:var(--fg);font:inherit;text-align:left;background:0 0;border:none;flex:auto;align-items:center;gap:12px;padding:6px 0 6px 12px;display:flex}:root[data-phone] .phone-pattern-frame{box-sizing:border-box;background:var(--field);width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;flex:none;justify-content:center;align-items:center;padding:4px;display:flex}:root[data-phone] .phone-preview{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;border-radius:3px;display:block}:root[data-phone] canvas.phone-preview{width:100%;height:100%}:root[data-phone] .phone-pattern-name{align-items:center;gap:6px;min-width:0;display:flex}:root[data-phone] .phone-pattern.on .phone-pattern-name{font-weight:600}:root[data-phone] .phone-pattern-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root[data-phone] .phone-pattern-close{width:44px;height:44px;color:var(--fg-soft);background:0 0;border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;margin-right:4px;padding:0;display:flex}:root[data-phone] #phone-patterns .phone-pattern-add{--rule-inset:48px}:root[data-phone] .export-names{grid-template-columns:minmax(0,1fr)}:root[data-phone] .phone-sheet-export .phone-sheet-body{flex-direction:column;padding-bottom:12px;display:flex;overflow:hidden}:root[data-phone] .phone-sheet-export .export-panel{width:auto;min-height:0;max-height:100%;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 0;box-shadow:none;background:0 0;border-radius:0;flex:auto}:root[data-phone] .phone-sheet-export .slot-panel-head{margin-right:calc(4px - var(--gutter));padding-top:0}:root[data-phone] .phone-sheet-export .slot-panel-body{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}:root[data-phone] .phone-sheet-export .export-foot:has(.export-ask) .export-also{display:none}:root[data-phone] .export-ask-row{gap:8px;display:flex}:root[data-phone] .export-ask-row>:is(.tool,.export-save-wrap),:root[data-phone] .export-ask-row .export-save{flex:1 1 0;min-height:44px;margin-left:0}:root[data-phone] .short-note-plan{flex-wrap:wrap}:root[data-phone] .short-note-plan-text{flex:calc(100% - 40px)}:root[data-phone] .short-note-plan .tool.primary{flex:100%;min-height:44px}:root[data-phone] .short-note-reveal{justify-content:space-between;width:100%;min-height:44px;display:flex}:root[data-phone] .short-note-foot{flex-direction:column;align-items:stretch}:root[data-phone] .short-note-foot .tool{min-height:44px}:root[data-phone] :is(.short-note-fine,.signin-fine) a{margin-block:-14px;padding-block:14px;display:inline-block}:root[data-phone] .modal.plan-picker{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:8px;padding-inline:16px;display:grid}:root[data-phone] .plan-picker-head{display:contents}:root[data-phone] .plan-picker-head>div:first-child{grid-area:1/1/2/3;align-self:center;padding:12px 0}:root[data-phone] .plan-picker-head .ui-dialog-close{grid-area:1/3/2/4;align-self:center;width:44px;height:44px}:root[data-phone] .modal.plan-picker .seg{min-height:44px;margin-bottom:8px;display:flex}:root[data-phone] .modal.plan-picker .seg-item{flex:1 1 0;gap:6px;min-width:0;min-height:44px;line-height:1.1}:root[data-phone] .modal.plan-picker .seg-note{background:var(--seg-on);box-shadow:var(--hairline)}:root[data-phone] .plan-picker-error{grid-area:2/1/3/4;padding:0 0 8px}:root[data-phone] .plan-picker-body{overscroll-behavior:contain;touch-action:pan-y;grid-area:3/1/4/4;min-height:0;padding:2px;overflow:auto}:root[data-phone] .plan-pin{grid-area:4/1/5/4;margin-inline:-16px}:root[data-phone] .plan-pick-card{overflow:clip}:root[data-phone] .plan-foot{background:inherit;padding-top:12px;position:sticky;bottom:0}:root[data-phone] .plan-cta{min-height:44px}:root[data-phone] .checkout-card{top:calc(env(safe-area-inset-top,0px) + 8px + 44px + 8px);right:calc(env(safe-area-inset-right,0px) + var(--gutter));width:min(360px, calc(100% - 2 * var(--gutter) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));z-index:6;max-width:none;position:fixed}:root[data-phone] .phone-dot{animation:.9s ease-out phone-dot-pulse}@keyframes phone-dot-pulse{0%{box-shadow:0 0 0 0 var(--on);transform:scale(1)}40%{transform:scale(1.6)}to{transform:scale(1);box-shadow:0 0 0 8px #0000}}:root[data-phone] .phone-back-disc{background:var(--seg);width:44px;height:44px;color:var(--fg);border:none;border-radius:50%;place-items:center;display:grid}:root[data-phone] .phone-account-view .ui-menu-item{min-height:44px;font-size:var(--type-body)}:root[data-phone] .invite-row{color:#fff;width:100%;min-height:48px;font:inherit;text-align:left;background:#1a1a1a;border:none;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:0 12px;font-weight:500;display:flex}@media (prefers-reduced-motion:reduce){:root[data-phone] .phone-dot{animation:none}}:root[data-phone] .phone-account-view .topup-foot,:root[data-phone] .account-confirm-foot{background:var(--solid);padding-bottom:8px;position:sticky;bottom:0}:root[data-phone] .phone-account-view .topup-cta,:root[data-phone] .account-confirm-foot .ui-pill{min-height:44px}:root[data-phone] .phone-account-view .topup-fine a{margin-block:-14px;padding-block:14px;display:inline-block}:root[data-phone] .modal.licence-modal{height:calc(100dvh - env(safe-area-inset-top,0px) - 8px);flex-direction:column;display:flex}:root[data-phone] .licence-body{overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;max-height:none;font-size:14px}:root[data-phone] .signin-turnstile{width:100%}:root[data-phone] .phone-sheet:has(.phone-account-view .ui-sub-head) .phone-back-disc{display:none}:root[data-phone] .phone-account-view .ui-sub-back{width:44px;height:44px}:root[data-phone] .phone-start-bar .invite-pill{flex:0 auto;min-width:44px;overflow:hidden}:root[data-phone] .phone-start-bar .invite-arrow{display:none}@media (orientation:landscape){:root[data-phone] .start-screen:not(.morphed),:root[data-phone] .start-screen:not(.morphed) .morph-grid,:root[data-phone] .start-screen:not(.morphed) .morph-panel{max-width:none;height:100%}:root[data-phone] .start-screen:not(.morphed) .morph-panel{grid-template-columns:minmax(0,1fr) minmax(200px,280px);grid-template-areas:"head ways""bar ways";align-content:center;gap:8px 20px;display:grid}:root[data-phone] .start-screen:not(.morphed) .morph-head{grid-area:head;padding-top:0}:root[data-phone] .start-screen:not(.morphed) .morph-head p{display:none}:root[data-phone] .start-screen:not(.morphed) h1{text-align:left;white-space:nowrap;max-width:none;margin:0;font-size:20px;line-height:1.2}:root[data-phone] .start-screen:not(.morphed) .start-bar{grid-area:bar;width:auto}:root[data-phone] .start-screen:not(.morphed) .start-prompt{min-height:64px}:root[data-phone] .start-screen:not(.morphed) .morph-tail{grid-area:ways;align-self:center}:root[data-phone] .start-screen:not(.morphed) .start-without-ai{display:none}:root[data-phone] .start-screen:not(.morphed) .start-cards{grid-template-columns:minmax(0,1fr);gap:8px}:root[data-phone] .start-screen:not(.morphed) .start-card{grid-template-columns:123px minmax(0,1fr);grid-template-areas:"art title""art line";align-items:center;gap:0 10px;padding:8px 10px}:root[data-phone] .start-screen:not(.morphed) .start-card-art{grid-area:art;width:123px}:root[data-phone] .start-screen:not(.morphed) .start-card-title{grid-area:title}:root[data-phone] .start-screen:not(.morphed) .start-card-line{grid-area:line}}:root[data-phone] .prompt-pic-remove{opacity:1}:root[data-phone] .prompt-text{min-height:56px;font-size:16px}:root[data-phone] .prompt-pic{width:60px;height:60px}:root[data-phone] .prompt-tip{flex-wrap:wrap}:root[data-phone] .prompt-tip-copy{flex:calc(100% - 64px)}:root[data-phone] .prompt-tip-fix{height:34px;margin-left:27px}:root[data-phone] .prompt-plus{width:40px;height:40px}:root[data-phone] .start-bar-row .prompt-plus{width:48px;height:48px;margin:0}:root[data-phone] .start-bar-row:has(.prompt-plus){flex-wrap:nowrap}:root[data-phone] .start-bar-row:has(.prompt-plus) .start-generate{flex:auto}:root[data-phone] .modal.draw-modal{width:100%;max-width:none}:root[data-phone] .draw-body{padding:0 var(--gutter) 14px;flex-direction:column-reverse;align-items:center;gap:10px}:root[data-phone] .draw-stage{width:calc(min(100vw - 2 * var(--gutter), 52dvh) * var(--pad-w,1))}:root[data-phone] .draw-tools{flex-direction:row}:root[data-phone] .draw-sep{width:1px;height:22px;margin:0 4px}:root[data-phone] .draw-tools .tool{width:44px;height:44px}.slot-panel{z-index:10;pointer-events:auto;box-sizing:border-box;border-radius:var(--radius-panel);background:var(--solid);width:330px;min-height:0;max-height:100%;color:var(--fg);box-shadow:var(--shadow-bar), var(--hairline);flex-direction:column;gap:12px;padding:14px 14px 12px;display:flex;position:relative;overflow:hidden}.slot-panel-head,.slot-panel-rule,.slot-panel-foot{flex:none}.slot-panel-body{align-content:start;gap:12px;min-height:0;margin:-4px -14px;padding:4px 14px;display:grid;overflow-y:auto}.slot-panel-head{align-items:center;gap:8px;display:flex}.slot-panel-title{font-size:var(--type-body);font-weight:500}.slot-panel-head.with-back{gap:6px}.slot-panel-crumb{font-size:var(--type-label);color:var(--mute);white-space:nowrap;font-weight:500}.slot-panel-head .panel-chevron:disabled{cursor:default;opacity:.35;color:var(--mute);background:0 0}.slot-panel-rule{background:var(--divider);height:1px}.slot-panel-foot{align-items:center;gap:10px;display:flex}.slot-panel-foot .tool{margin-left:auto}.modal.draw-modal{width:fit-content;max-width:94vw;max-height:none}.draw-modal .modal-head{padding:18px 14px 12px 20px}.draw-body{align-items:flex-start;gap:12px;padding:0 20px 20px;display:flex}.draw-stage{width:calc(min(480px, 62vh, 94vw - 100px) * var(--pad-w,1));aspect-ratio:var(--pad-w,1) / var(--pad-h,1);background:var(--paper);box-shadow:var(--hairline), 0 1px 3px #0000000d;touch-action:none;border-radius:12px;flex:0 auto;position:relative;overflow:hidden}.draw-canvas{cursor:none;touch-action:none;width:100%;height:100%;display:block}.draw-cursor{z-index:2;pointer-events:none;opacity:0;background:#1a1a1ad9;border-radius:50%;transition:opacity .1s,width .1s,height .1s;position:absolute;transform:translate(-50%,-50%)}.draw-cursor.erasing{background:#fff9;box-shadow:0 0 0 1px #1a1a1a8c}.draw-cursor.on{opacity:1}.draw-tools{border-radius:var(--radius-bar);background:var(--panel);box-shadow:var(--shadow-bar), var(--highlight), var(--hairline);flex-direction:column;align-items:center;gap:2px;padding:6px;display:flex}.draw-tools .tool{place-items:center;width:36px;height:36px;padding:0;display:grid}.draw-tools .tool svg{width:19px;height:19px;display:block}.draw-sep{background:var(--divider);flex:none;width:22px;height:1px;margin:4px 0}.prompt-field{background:var(--field);box-shadow:inset 0 0 0 1px var(--field-edge);border-radius:12px;flex-direction:column;padding:12px 14px;transition:box-shadow .18s,background-color .18s;display:flex}.prompt-field:focus-within{background:var(--solid);box-shadow:inset 0 0 0 1px var(--on), 0 0 0 3px var(--focus-halo)}.prompt-field.dropping{box-shadow:inset 0 0 0 2px var(--on), 0 0 0 4px var(--focus-halo);background:#2e7b6c0d}.start-screen:not(.morphed) .start-bar>.prompt-field:first-child{margin-top:12px}.prompt-text{min-height:72px;font-size:var(--type-title);color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;outline:none;line-height:1.6}.morphed .prompt-text{min-height:50px;font-size:var(--type-body)}.prompt-text[data-empty]:before{content:attr(data-placeholder);color:var(--mute);pointer-events:none}.prompt-tag{color:#1d5f52;vertical-align:1px;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:#2e7b6c1f;border-radius:6px;align-items:center;gap:4px;height:22px;margin:0 1px;padding:0 7px 0 3px;font-size:.9em;font-weight:600;line-height:1;transition:background-color .15s,box-shadow .15s;display:inline-flex}.prompt-tag>span{-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000;text-decoration-thickness:1px}.prompt-tag img{object-fit:cover;background:var(--paper);width:16px;height:16px;box-shadow:var(--hairline);border-radius:4px}.prompt-tag img:not([src]){visibility:hidden}.prompt-tag:hover,.prompt-tag.lit{background:#2e7b6c38}.prompt-tag.broken{color:#8f8a84;background:#0000000d;padding-left:7px;font-weight:500;transition:background-color .6s,color .6s,padding .4s .2s,font-weight 0s .3s}.prompt-tag.broken img{opacity:0;width:0;margin-right:-4px;transition:opacity .3s,width .4s .2s,margin .4s .2s}.prompt-tag.broken>span{text-decoration-color:#8f8a84;transition:text-decoration-color .5s .3s}::highlight(prompt-must){color:#6e4306;text-underline-offset:4px;background-color:#f3a83b52;-webkit-text-decoration:underline dotted #d08a1c;text-decoration:underline dotted #d08a1c;text-decoration-thickness:2px}::highlight(prompt-advice){color:#1d5a4f;-webkit-text-decoration:underline dotted var(--on);text-decoration:underline dotted var(--on);text-underline-offset:4px;background-color:#2e7b6c38;text-decoration-thickness:2px}.prompt-pics{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:-2px;padding-top:14px;display:flex}.morphed .prompt-pics{padding-top:0}.prompt-pic{flex:none;width:56px;height:56px;margin-bottom:8px;position:relative}.prompt-pic-img{background:var(--paper);width:100%;height:100%;box-shadow:var(--hairline);border:none;border-radius:10px;padding:0;transition:box-shadow .15s;display:block;overflow:hidden}button.prompt-pic-img{cursor:pointer}.prompt-pic-img img{object-fit:cover;width:100%;height:100%;display:block}.prompt-pic-sketch .prompt-pic-img img{object-fit:contain}.prompt-pic.lit .prompt-pic-img{box-shadow:0 0 0 2px var(--on)}.prompt-pic-name{background:var(--solid);box-shadow:var(--hairline), 0 1px 2px #0000000f;font:inherit;color:#1d5f52;white-space:nowrap;cursor:pointer;border:none;border-radius:6px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:17px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.prompt-pic-name:hover:not(:disabled){text-underline-offset:2px;text-decoration:underline}.prompt-pic.lit .prompt-pic-name{background:#e3efec}.prompt-pic-remove{background:var(--photo-scrim);width:18px;height:18px;color:var(--photo-fg);opacity:0;cursor:pointer;border:none;border-radius:9px;place-items:center;padding:0;transition:opacity .12s;display:grid;position:absolute;top:3px;right:3px}.prompt-pic-remove svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:10px;height:10px}.prompt-pic:hover .prompt-pic-remove,.prompt-pic:focus-within .prompt-pic-remove{opacity:1}.prompt-peek{z-index:60;background:var(--solid);width:168px;box-shadow:var(--shadow-card), var(--hairline);pointer-events:none;border-radius:12px;padding:6px;animation:.12s cubic-bezier(.2,0,0,1) prompt-rise;position:fixed;transform:translate(-50%,calc(-100% - 8px))}.prompt-peek img{object-fit:cover;background:var(--paper);border-radius:8px;width:156px;height:156px;display:block}.prompt-peek-sketch img{object-fit:contain;box-shadow:var(--hairline)}.prompt-peek span{font-size:var(--type-label);color:var(--mute);justify-content:space-between;padding:6px 2px 1px;display:flex}.prompt-peek b{color:var(--fg);font-weight:600}.prompt-peek em{font-style:normal}.prompt-at{z-index:55;border-radius:var(--radius-panel);background:var(--solid);box-shadow:var(--shadow-card), var(--hairline);padding:4px;position:fixed}.prompt-at-option{border-radius:var(--radius-control);width:100%;font:inherit;text-align:left;color:var(--fg);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:5px 8px;display:flex}.prompt-at-option.on{background:var(--seg)}.prompt-at-option img,.prompt-at-blank{object-fit:cover;background:var(--paper);width:26px;height:26px;box-shadow:var(--hairline);border-radius:5px;flex:none}.prompt-at-sketch img{object-fit:contain}.prompt-at-option b{font-size:var(--type-small);color:#1d5f52;font-weight:600}.prompt-at-option small{font-size:var(--type-label);color:var(--mute);margin-left:auto}.prompt-at-none{font-size:var(--type-small);color:var(--mute);padding:8px 10px;display:block}.prompt-tip{font-size:var(--type-small);color:var(--fg-soft);--tip-glow:#2e7b6cb3;animation:prompt-tip-fade .24s ease 80ms backwards, prompt-tip-drop .7s linear(0, .26 7%, .6 16%, .9 28%, 1.04 40%, 1.06 48%, 1.02 62%, .995 78%, 1) 80ms backwards;background:#2e7b6c12;border-radius:10px;align-items:center;gap:9px;padding:10px 8px 10px 12px;line-height:1.4;display:flex}.prompt-tip-must{--tip-glow:#b7791fb3;background:#f3a83b21}.prompt-tip-slot{margin-top:calc(-1 * var(--bar-gap));grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1) 60ms;display:grid}.prompt-tip-slot.open{grid-template-rows:1fr;transition:none}.prompt-tip-space{grid-template-rows:1fr;min-height:0;animation:.42s cubic-bezier(.22,1,.36,1) prompt-tip-space;display:grid}.prompt-tip-holder{min-height:0;overflow:hidden}.prompt-tip-holder>.prompt-tip{margin-top:var(--bar-gap)}.prompt-tip-slot:not(.open) .prompt-tip{opacity:0;transition:opacity .22s,transform .26s;transform:translateY(-14px)}.prompt-tip-icon{animation:prompt-tip-bulb .9s linear(0, .3 6%, .72 14%, 1.02 24%, 1.12 32%, 1.08 42%, .98 56%, 1.01 72%, 1) .3s both;flex:none;align-self:flex-start;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.prompt-tip-icon svg{fill:none;width:18px;height:18px;stroke:var(--on);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.prompt-tip-must .prompt-tip-icon svg{stroke:#b7791f}.prompt-tip-copy{flex:auto;min-width:0;animation:.48s .2s both prompt-tip-rise}.prompt-tip-copy b{color:var(--fg);margin-bottom:1px;font-weight:600;display:block}.prompt-tip-copy span{display:block}.prompt-tip-fix{background:var(--solid);height:28px;box-shadow:inset 0 0 0 1px var(--field-edge), 0 1px 1px #0000000a;font:inherit;font-size:var(--type-small);color:var(--fg);white-space:nowrap;cursor:pointer;border:none;border-radius:14px;flex:none;padding:0 11px;font-weight:600;animation:.48s .2s both prompt-tip-rise}.prompt-tip-fix:hover{box-shadow:inset 0 0 0 1px var(--fg-soft)}.prompt-tip-more{font-size:var(--type-label);color:var(--mute);white-space:nowrap;flex:none}.prompt-tip-hide{width:26px;height:26px;color:var(--mute);cursor:pointer;background:0 0;border:none;border-radius:13px;flex:none;place-items:center;padding:0;display:grid}.prompt-tip-hide:hover{background:var(--seg);color:var(--fg)}.prompt-tip-hide svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.prompt-plus{background:var(--fg);width:32px;height:32px;color:var(--solid);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;margin-right:4px;padding:0;transition:background-color .15s;display:grid}.prompt-plus svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px}.prompt-plus:not(.docked):hover:not(:disabled),.prompt-plus:not(.docked)[aria-expanded=true]{background:#000}.prompt-plus:disabled{opacity:.4;cursor:default}.prompt-plus.under{visibility:hidden}.prompt-add{box-sizing:border-box;background:var(--solid);box-shadow:var(--shadow-card), var(--hairline);color:var(--fg);opacity:0;will-change:transform, opacity;border-radius:14px;padding:0 6px 6px;transition:opacity .16s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1);position:fixed;transform:scale(.92)}.prompt-add.open{opacity:1;transform:none}.prompt-add.closing{opacity:0;transition-duration:.1s;transition-timing-function:ease-in;transform:scale(.96)}.prompt-plus-x{left:var(--plus-left);top:var(--plus-top);width:var(--plus-size);height:var(--plus-size);margin:0;position:absolute}.prompt-plus-x svg{transition:transform .2s cubic-bezier(.2,0,0,1)}.prompt-add.open .prompt-plus-x svg{transform:rotate(45deg)}.prompt-add.closing .prompt-plus-x svg{transition-duration:.1s;transform:rotate(0)}.prompt-add-option{border-radius:var(--radius-control);width:100%;font:inherit;text-align:left;color:var(--fg);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:6px 8px;display:flex}.prompt-add-option:hover,.prompt-add-option:focus-visible{background:var(--seg);outline:none}.prompt-add-icon{width:36px;height:36px;color:var(--on);background:#2e7b6c1a;border-radius:6px;flex:none;place-items:center;display:grid}.prompt-add-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.prompt-add-option b{font-size:var(--type-body);font-weight:600;display:block}.prompt-plus.docked{width:36px;height:36px;color:var(--fg);-webkit-tap-highlight-color:transparent;background:0 0;margin:0 2px 0 0}.prompt-plus.docked svg{stroke-width:1.7px;width:24px;height:24px}@media (hover:hover){.prompt-plus.docked:hover:not(:disabled){background:var(--seg)}}.prompt-plus.docked:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.prompt-add.prompt-add-rise{background:color-mix(in srgb, var(--solid) 94%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border-radius:28px;width:236px;padding:8px}.prompt-add-rise .prompt-add-option{border-radius:18px;gap:14px;height:56px;padding:0 8px}.prompt-add-rise .prompt-add-option b{letter-spacing:-.01em;font-size:17px;font-weight:400}.prompt-add-rise .prompt-add-icon{background:var(--seg);width:40px;height:40px;color:var(--fg);border-radius:50%}.prompt-add-rise .prompt-add-option:hover .prompt-add-icon,.prompt-add-rise .prompt-add-option:focus-visible .prompt-add-icon{background:var(--solid)}.prompt-add-rise .prompt-add-icon svg{stroke-width:1.8px}.prompt-add-rise .prompt-plus-x{top:calc(100% + var(--plus-gap))}.dock-rise{box-sizing:border-box;opacity:0;will-change:transform, opacity;transition:opacity .16s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1);position:fixed;transform:scale(.92)}.dock-rise.open{opacity:1;transform:none}.dock-rise.closing{opacity:0;transition-duration:.1s;transition-timing-function:ease-in;transform:scale(.96)}.prompt-add-option small{font-size:var(--type-label);color:var(--mute);display:block}@keyframes prompt-tip-space{0%{grid-template-rows:0fr}}@keyframes prompt-tip-fade{0%{opacity:0}}@keyframes prompt-tip-drop{0%{transform:translateY(-14px)}}@keyframes prompt-tip-bulb{0%{opacity:.3;transform:scale(.6)}60%{opacity:1;filter:drop-shadow(0 0 6px var(--tip-glow))}to{opacity:1;transform:none}}@keyframes prompt-tip-rise{0%{opacity:0;transform:translateY(3px)}}@keyframes prompt-rise{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}}@media (prefers-reduced-motion:reduce){.prompt-add,.prompt-add.open,.prompt-add.closing,.dock-rise,.dock-rise.open,.dock-rise.closing{transition:opacity .12s;transform:none}.prompt-plus-x svg,.prompt-add.open .prompt-plus-x svg{transition:none}.prompt-tip,.prompt-tip-space,.prompt-tip-icon,.prompt-tip-copy,.prompt-tip-fix,.prompt-peek{animation:none}.prompt-tip-slot,.prompt-tip-slot .prompt-tip,.prompt-tag.broken,.prompt-tag.broken img,.prompt-tag.broken>span{transition:none}}.photo-crop{outline:none;flex-direction:column;gap:10px;display:flex}.photo-crop-area{border-radius:var(--radius-control);background:var(--seg);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative}.photo-crop-photo{position:absolute;overflow:hidden}.photo-crop-photo img{pointer-events:none;width:100%;height:100%;display:block}.photo-crop-shade{box-shadow:0 0 0 100vmax var(--photo-scrim);pointer-events:none;position:absolute}.photo-crop-frame{--crop-line:#ffffff8c;box-sizing:border-box;border:2px solid var(--photo-fg);cursor:move;touch-action:none;background:linear-gradient(to right, transparent calc(100% / 3 - .5px), var(--crop-line) calc(100% / 3 - .5px), var(--crop-line) calc(100% / 3 + .5px), transparent calc(100% / 3 + .5px), transparent calc(200% / 3 - .5px), var(--crop-line) calc(200% / 3 - .5px), var(--crop-line) calc(200% / 3 + .5px), transparent calc(200% / 3 + .5px)), linear-gradient(to bottom, transparent calc(100% / 3 - .5px), var(--crop-line) calc(100% / 3 - .5px), var(--crop-line) calc(100% / 3 + .5px), transparent calc(100% / 3 + .5px), transparent calc(200% / 3 - .5px), var(--crop-line) calc(200% / 3 - .5px), var(--crop-line) calc(200% / 3 + .5px), transparent calc(200% / 3 + .5px));position:absolute}.photo-crop-corner{--hit:32px;width:var(--hit);height:var(--hit);touch-action:none;position:absolute}.photo-crop-corner:after{content:"";border:0 solid var(--photo-fg);filter:drop-shadow(0 0 1px #0009);width:14px;height:14px;position:absolute;top:calc(50% - 2px);left:calc(50% - 2px)}.photo-crop-nw{left:calc(var(--hit) / -2);top:calc(var(--hit) / -2);cursor:nwse-resize}.photo-crop-nw:after{border-top-width:4px;border-left-width:4px}.photo-crop-ne{right:calc(var(--hit) / -2);top:calc(var(--hit) / -2);cursor:nesw-resize}.photo-crop-ne:after{border-top-width:4px;border-right-width:4px;left:auto;right:calc(50% - 2px)}.photo-crop-sw{left:calc(var(--hit) / -2);bottom:calc(var(--hit) / -2);cursor:nesw-resize}.photo-crop-sw:after{border-bottom-width:4px;border-left-width:4px;top:auto;bottom:calc(50% - 2px)}.photo-crop-se{right:calc(var(--hit) / -2);bottom:calc(var(--hit) / -2);cursor:nwse-resize}.photo-crop-se:after{border-bottom-width:4px;border-right-width:4px;inset:auto calc(50% - 2px) calc(50% - 2px) auto}@media (pointer:coarse){.photo-crop-corner{--hit:44px}}.photo-crop-tools{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.photo-crop-hint{min-width:12em;font-size:var(--type-small);color:var(--mute);flex:1}.photo-crop-actions{justify-content:flex-end;gap:8px;display:flex}.photo-crop-remove{margin-right:auto}.start-photo-crop-link{font:inherit;color:var(--fg);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.start-photo-crop-link:disabled{color:var(--mute);cursor:default}.upgrade-band{color:#fff;background:radial-gradient(circle at 1px 1px,#ffffff12 1px,#0000 1.4px) 0 0/12px 12px,radial-gradient(120% 140% at 100% 0,#2b2a24,#141310 60%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 26px 22px;display:grid;position:relative}.upgrade-band .ui-dialog-close{color:#fff;background:#ffffff1f;position:absolute;top:12px;right:12px}.band-text{flex-direction:column;gap:8px;min-width:0;display:flex}.band-chip{font-size:var(--type-label);background:#ffffff1f;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.band-lock{fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:13px;height:13px}.band-headline{letter-spacing:-.022em;overflow-wrap:anywhere;margin:2px 0 0;font-size:25px;font-weight:650;line-height:1.15}.band-line{color:#ffffffb8;font-size:var(--type-body);margin:0;line-height:1.5}.band-col{flex-direction:column;align-items:center;gap:10px;display:flex}.band-pics{align-items:center;gap:8px;display:flex}.upgrade-band>.band-pics,.upgrade-band>.band-col{margin-right:18px}.band-between{background:#ffffff24;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;display:grid}.band-between svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.band-lens{background:#24231e;border-radius:18px;width:112px;height:112px;margin:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff26,0 10px 24px #00000080}.banded:not(.wide) .band-lens{width:100px;height:100px}.band-lens figcaption{color:#fff;font-size:var(--type-tiny);background:#0009;border-radius:999px;padding:2px 7px;font-weight:600;position:absolute;bottom:6px;left:6px}.band-lens figcaption.gold{color:#141310;background:#d9c9a3}.band-raster,.band-full{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.band-ring{box-sizing:border-box;border:2.5px solid #d62828;border-radius:50%;width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.band-pane{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.band-dims{color:#fff;font-size:var(--type-tiny);background:#000000a6;border-radius:99px;padding:2px 6px;font-weight:700;position:absolute;top:6px;right:6px}.band-symbols{background:#f3f1ea;place-items:center;display:grid}.band-symbols span{letter-spacing:4px;color:#141310;font-size:22px;font-weight:700}.band-tabs{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:3px;padding:7px}.band-tab{color:#141310;background:#efebe1;border-radius:6px;align-items:center;gap:6px;min-height:16px;padding:0 6px 0 3px;font-size:9.5px;display:flex;overflow:hidden}.band-tab img,.band-tab i{object-fit:cover;background:#d8d3c6;border-radius:3px;flex:none;width:13px;height:13px}.band-tab b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.band-tab.locked{color:#d9c9a3;background:0 0;border:1.3px dashed #d9c9a3b3;justify-content:center}.band-tab.locked .band-lock{width:10px;height:10px}.band-tab.room{background:#efebe159}.band-credits{box-sizing:border-box;flex-direction:column;gap:6px;padding-bottom:24px}.band-fan{width:70px;height:52px;position:relative}.band-fan>*{box-sizing:border-box;object-fit:cover;width:36px;height:44px;image-rendering:pixelated;border:2px solid #fff;border-radius:5px;position:absolute;top:4px;left:17px;box-shadow:0 3px 8px #00000080}.band-fan>:first-child{transform:rotate(-14deg)translate(-16px)}.band-fan>:nth-child(2){z-index:1}.band-fan>:nth-child(3){transform:rotate(14deg)translate(16px)}.band-fan.empty>*{box-shadow:none;background:0 0;border:1.5px dashed #ffffff4d}.band-count{color:#fff9;font-size:var(--type-tiny);background:#ffffff14;border-radius:999px;padding:2px 7px;font-weight:700}.band-count.gold{color:#141310;background:#d9c9a3}.band-cloud{box-sizing:border-box;flex-direction:column;gap:2px;padding-bottom:16px}.band-laptop{width:56px;height:38px;position:relative}.band-laptop svg{width:56px;height:38px;display:block}.band-laptop rect{fill:#2d2c27;stroke:#e9e5da;stroke-width:2px}.band-laptop path{fill:#e9e5da}.band-laptop img{object-fit:cover;width:38px;height:27px;image-rendering:pixelated;position:absolute;top:3px;left:9px}.band-note{color:#ffffffa6;font-size:var(--type-tiny);margin-top:4px}.band-cloud-mark{width:30px;height:30px}.band-cloud-mark path{fill:#d9c9a3}.band-cloud-mark .tick{fill:none;stroke:#141310;stroke-width:1.8px}.band-devices{align-items:flex-end;gap:5px;display:flex}.band-phone{background:#2d2c27;border:2px solid #d9c9a3;border-radius:4px;width:17px;height:30px;position:relative;overflow:hidden}.band-phone img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.band-pdf{background:#3a3832}.band-page{background:#fff;flex-direction:column;gap:3px;padding:6px 7px;display:flex;position:absolute;inset:8px 14px 0;overflow:hidden}.band-page-title{background:#222;border-radius:1px;width:55%;height:4px;display:block}.band-page-chart{box-sizing:border-box;object-fit:contain;width:100%;height:46px;image-rendering:pixelated;border:1px solid #ddd;display:block}.band-page-key{background:#cfcac0;border-radius:1px;width:80%;height:3px;display:block}.band-page-key.short{width:60%}.band-watermark{text-align:center;color:#c8282899;letter-spacing:.08em;font-size:9px;font-weight:800;position:absolute;top:38px;left:-10px;right:-10px;transform:rotate(-28deg)}.band-page-foot{text-align:center;color:#888;font-size:5.5px;position:absolute;bottom:22px;left:0;right:0}.band-seal{color:#141310;background:#d9c9a3;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;bottom:24px;right:5px}.band-prompt{color:#141310;font-size:var(--type-label);background:#d9c9a3;border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 9px;font-weight:600;display:inline-flex}.band-prompt svg{fill:none;stroke:#141310;stroke-width:2px;stroke-linejoin:round;width:12px;height:12px}@media (width<=599px){.upgrade-band{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 16px 18px}.band-headline{padding-right:32px;font-size:21px}.upgrade-band .band-pics,.upgrade-band .band-col{justify-self:center;margin-right:0}.band-lens{width:96px;height:96px}}.modal.plan-picker{width:min(760px,94vw);max-height:90vh}.plan-picker-head{align-items:flex-start;gap:12px;padding:18px 20px 12px;display:flex}.plan-picker-head>div:first-child{flex:1;min-width:0}.plan-picker-head h2{font-size:var(--type-title);margin:0;font-weight:600}.plan-picker-head p{color:var(--fg-soft);font-size:var(--type-body);margin:4px 0 0}.seg-note{z-index:1;font-size:var(--type-tiny);background:var(--seg);color:var(--fg);white-space:nowrap;border-radius:999px;padding:1px 6px;font-weight:600;position:relative}.plan-picker-body{min-height:0;padding:4px 20px 20px;overflow-y:auto}.plan-picker-interval{align-self:center}.plan-sheet-cards{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.plan-sheet-cards.two,.plan-sheet-cards.all{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-pick-card{--plan-pad:16px;border-radius:var(--radius-panel);background:var(--solid);box-shadow:var(--hairline), var(--shadow-chip);flex-direction:column;display:flex;overflow:hidden}.plan-pick-card>*{padding-inline:var(--plan-pad)}.plan-pick-card.pick{box-shadow:0 0 0 2px var(--fg), var(--shadow-card)}.plan-pick-top{padding-top:var(--plan-pad);justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.plan-pick-top h3{margin:0;font-size:17px;font-weight:600}.plan-chip{font-size:var(--type-label);white-space:nowrap;background:var(--seg);color:var(--fg);border-radius:999px;padding:3px 8px;font-weight:600}.plan-pick-card.pick .plan-chip{background:var(--primary);color:var(--primary-fg)}.plan-price{flex-wrap:wrap;align-items:baseline;column-gap:6px;min-height:28px;margin:0;display:flex}.plan-amount{letter-spacing:-.03em;white-space:nowrap;font-size:28px;font-weight:600;line-height:1}.plan-per,.plan-alt{font-size:var(--type-body);color:var(--fg-soft)}.plan-alt{margin:4px 0 0}.plan-offer-note{font-size:var(--type-body);color:var(--fg);margin:6px 0 0;font-weight:600}.plan-price,.plan-alt,.gains strong,.gains small{font-variant-numeric:tabular-nums}.plan-pick-card .gain-wrap{flex:1;margin-top:10px;padding-inline:8px}.gain-title{border-top:.5px solid var(--line);font-size:var(--type-tiny);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.04em;margin:4px 0;padding:10px 8px 0;font-weight:600}.gains{gap:2px;margin:0;padding:0;list-style:none;display:grid}.gains.gains-cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.gains.gains-cols li.wall{grid-column:1/-1}.gains li{border-radius:var(--radius-tool);grid-template-columns:18px 1fr;align-items:start;gap:9px;padding:4px 8px;display:grid}.gains li.wall{background:var(--rowon)}.gains strong{font-size:var(--type-body);font-weight:600;line-height:1.4;display:block}.gains li.wall strong,.gains li.every strong{font-weight:700}.gains small{font-size:var(--type-body);color:var(--fg-soft);line-height:1.4;display:block}.gain-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;margin-top:1px}.plan-foot{padding-top:14px;padding-bottom:var(--plan-pad);margin-top:auto}.plan-cta{border-radius:var(--radius-tool);width:100%;min-height:38px;font-size:var(--type-body);color:var(--fg);background:var(--solid);box-shadow:var(--hairline), var(--shadow-chip);cursor:pointer;border:none;font-weight:600}.plan-cta.dark{color:var(--primary-fg);background:var(--primary);box-shadow:none}.plan-cta.plan-cta-small{white-space:nowrap;width:auto;min-height:32px;padding:0 14px}.plan-cta:disabled{opacity:.55;cursor:default}@media (hover:hover) and (pointer:fine){.plan-cta:not(:disabled):hover{background:var(--seg)}.plan-cta.dark:not(:disabled):hover{background:var(--primary-hover)}}.plan-picker-error{color:var(--danger);font-size:var(--type-small);padding:0 20px 10px}.modal.upgrade-sheet{width:min(460px,94vw)}.modal.upgrade-sheet.wide{width:min(720px,94vw)}.upgrade-wall{white-space:normal;margin-bottom:10px;display:inline-block}.upgrade-body{flex-direction:column;gap:16px;display:flex}.upgrade-timeline{padding-inline:var(--plan-pad);margin:10px 0 0;list-style:none}.upgrade-timeline li{border-top:1px solid var(--line);font-size:var(--type-small);gap:12px;padding-block:8px;display:flex}.upgrade-timeline strong{min-width:54px}.plan-soon{border-radius:var(--radius-panel);background:var(--field);box-shadow:0 0 0 1px var(--field-edge);font-size:var(--type-body);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:600;display:flex}.plan-trust{text-align:center;font-size:var(--type-body);color:var(--fg-soft);margin:0}.plan-links{justify-content:center;gap:24px;margin-top:-10px;display:flex}.plan-dismiss{flex-direction:column;align-items:center;margin-top:-10px;display:flex}.plan-dismiss p{font-size:var(--type-body);color:var(--fg-soft);margin:0}.upgrade-link{min-height:32px;color:var(--fg);font-size:var(--type-body);cursor:pointer;background:0 0;border:0;align-self:center;align-items:center;margin:0;text-decoration:underline;display:inline-flex}.plan-solo-link{margin-top:-10px}.upgrade-unavailable{margin:0;font-weight:600}.upgrade-unavailable+.plan-cta{align-self:flex-start}.plan-fold{border-radius:var(--radius-panel);background:var(--solid);width:100%;box-shadow:var(--hairline), var(--shadow-chip);font:inherit;font-size:var(--type-body);color:var(--fg);text-align:left;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:none}.plan-fold strong{font-weight:600}.plan-fold-chevron{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.plan-pin{border-top:1px solid var(--line);background:var(--solid);padding:12px 16px 20px;display:none}@media (width<=599px){.modal-back:has(>.modal.plan-picker){align-items:flex-end;padding:0}.modal.plan-picker,.modal.upgrade-sheet.wide{border-radius:16px 16px 0 0;width:100%;max-height:94dvh}.plan-picker-head{padding:16px 16px 10px}.plan-picker-body{padding:4px 16px 12px}.plan-sheet-cards.two,.plan-sheet-cards.all,.gains.gains-cols{grid-template-columns:minmax(0,1fr)}.plan-sheet-cards.two:not(.unfolded) .plan-second{display:none}.plan-sheet-cards.two:not(.unfolded) .plan-fold{display:flex}.plan-sheet-cards:not(.all) .plan-pick-card.pick .plan-foot{display:none}.plan-pin{display:block}}.modal.upgrade-sheet.banded{border-radius:20px;width:min(580px,94vw);max-height:94vh}.modal.upgrade-sheet.banded.wide{width:min(860px,94vw)}.banded .upgrade-band{flex:none}.banded .plan-picker-body{gap:12px;padding:18px 26px 14px}.banded .plan-sheet-cards.two .gains.gains-cols{grid-template-columns:minmax(0,1fr)}.banded .upgrade-timeline{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;margin-top:8px;display:grid}.banded .upgrade-timeline li{flex-direction:column;gap:2px;min-width:0;padding-block:8px 0}.banded .upgrade-timeline li>*{white-space:normal}.banded .plan-picker-error{padding:12px 26px 0}.plan-pick-card.brand{--plan-pad:16px;background:linear-gradient(var(--solid), var(--solid)) padding-box, linear-gradient(135deg, #d9c9a3, #ece6d6 40%, #c9b98f) border-box;border:1px solid #0000;border-radius:16px;box-shadow:0 6px 18px #3c301412}.plan-pick-card.brand.pick{box-shadow:0 6px 18px #3c301412}.plan-pick-card.brand .plan-pick-top{padding-top:14px;padding-bottom:0}.plan-brand{align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.plan-brand-mark{fill:none;stroke:currentColor;stroke-width:1.6px;width:14px;height:14px}.plan-tier{color:#8a7442;letter-spacing:.28em;text-transform:uppercase;margin-left:2px;font-size:10.5px;font-weight:700}.plan-pick-card.brand .plan-picker-interval{margin-left:auto}.plan-pick-card.brand .plan-price{align-items:center;column-gap:10px;margin:8px 0 0}.plan-pick-card.brand .plan-amount{letter-spacing:-.02em;font-size:30px;font-weight:700}.plan-pick-card.brand .plan-per{line-height:1.25}.plan-pick-card.brand .gain-wrap{padding:10px var(--plan-pad) 0;border-top:1px solid var(--line);margin-top:10px;margin-inline:var(--plan-pad);padding-inline:0}.plan-pick-card.brand .gains{gap:4px 14px}.plan-pick-card.brand .gains li{grid-template-columns:15px 1fr;gap:8px;padding:0}.plan-pick-card.brand .gain-icon{width:15px;height:15px}.plan-pick-card.brand .gains li.wall{color:#141310;background:linear-gradient(90deg,#f6f1e4,#faf8f2);border-radius:10px;margin-bottom:2px;padding:8px 10px}.plan-pick-card.brand .gains li.wall .gain-icon{stroke:#8a7442}.plan-pick-card.brand .gains li.wall small{color:#5c574c}.plan-pick-card.brand .plan-foot{padding-top:12px;padding-bottom:14px}.plan-pick-card.brand .plan-cta,.banded .plan-pin .plan-cta{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:14.5px;display:flex}.plan-pick-card.brand .plan-cta.dark,.banded .plan-pin .plan-cta.dark{background:#111;box-shadow:0 6px 16px #0000002e}.plan-cta-arrow{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.band-trust{flex-wrap:wrap;justify-content:center;column-gap:20px;display:flex}.band-trust span+span:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 8px 3px -11px;display:inline-block}.banded .plan-links{margin-top:-6px}@media (width<=599px){.modal.upgrade-sheet.banded,.modal.upgrade-sheet.banded.wide{border-radius:16px 16px 0 0;width:100%}.banded .plan-picker-body{padding:14px 16px 12px}.plan-pick-card.brand .gains.gains-cols{grid-template-columns:minmax(0,1fr)}.plan-pick-card.brand .plan-pick-top{flex-wrap:wrap}}.change-panel .start-photo{min-height:60px}.change-draw-again{white-space:nowrap;flex:none;height:30px;padding:0 11px}.short-note{border-radius:var(--radius-control);background:var(--seg);grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:12px;display:grid}.short-note-title{font-size:var(--type-body);color:var(--fg);font-weight:500}.short-note-line{font-size:var(--type-body);color:var(--mute);line-height:1.45}.short-note-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.short-note-row>*{white-space:nowrap}.short-note-end{justify-content:flex-end}.short-note-link{font:inherit;font-size:var(--type-small);color:var(--mute);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.short-note-link:disabled{cursor:default}.short-note-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.short-note-lead{align-items:flex-start;gap:8px;display:flex}.short-note-lead .short-note-icon{color:var(--fg-soft);margin-top:2px}.short-note-plan{border-radius:var(--radius-control);background:var(--seg);align-items:center;gap:10px;padding:10px 10px 10px 12px;display:flex}.short-note-plan .short-note-icon{color:var(--fg-soft)}.short-note-plan-text{min-width:0;font-size:var(--type-small);color:var(--mute);flex:1;line-height:1.35;display:grid}.short-note-plan-text b{font-size:var(--type-body);color:var(--fg);font-weight:600}.short-note-reveal{align-items:center;gap:4px;display:inline-flex}.short-note-reveal .short-note-icon{width:14px;height:14px;transition-property:rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}.short-note-reveal[aria-expanded=true] .short-note-icon{rotate:180deg}.short-note-packs-open{gap:10px;display:grid}.short-note-packs-open>*{animation:.22s cubic-bezier(.2,0,0,1) both short-note-rise}.short-note-packs-open>:nth-child(2){animation-delay:50ms}@keyframes short-note-rise{0%{opacity:0;translate:0 4px}}@keyframes short-note-fade{0%{opacity:0}}.short-note-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:9px;display:grid}.short-note-pack{background:var(--solid);min-width:0;box-shadow:var(--hairline);color:var(--fg-soft);font:inherit;cursor:pointer;border:none;border-radius:10px;justify-items:center;gap:2px;padding:12px 4px 10px;transition-property:box-shadow,color,transform;transition-duration:.15s;transition-timing-function:ease-out;display:grid;position:relative}.short-note-pack[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--on);color:var(--fg)}.short-note-pack svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:52px;height:34px;margin-bottom:6px}.short-note-pack svg *{vector-effect:non-scaling-stroke}.short-note-pack svg .face{transition-property:fill;transition-duration:.15s}.short-note-pack[aria-pressed=true] svg{color:var(--on)}.short-note-pack[aria-pressed=true] svg .face{fill:color-mix(in srgb, var(--on) 14%, transparent)}.short-note-best{z-index:1;background:var(--on);color:var(--on-fg);letter-spacing:.02em;white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-9px;left:50%;translate:-50%}.short-note-pack-credits{letter-spacing:-.015em;color:var(--fg);font-size:17px;font-weight:650;line-height:1.1}.short-note-pack-unit{color:var(--mute);font-size:11px}.short-note-pack-price{font-size:var(--type-small);color:var(--fg);margin-top:6px;font-weight:500}.short-note-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.short-note-foot small{font-size:var(--type-small);color:var(--mute)}.short-note-fine{color:var(--mute);font-size:var(--type-tiny)}.short-note-fine a{color:inherit;text-decoration:underline}.short-note .tool:not(.primary){transition-property:transform;transition-duration:.12s;transition-timing-function:ease}.short-note .tool:active:not(:disabled),.short-note .tool.primary:active:not(:disabled),.short-note-pack:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.short-note-packs-open>*{animation-name:short-note-fade}.short-note .tool,.short-note-pack,.short-note-reveal .short-note-icon{transition-property:none}.short-note .tool:active:not(:disabled),.short-note .tool.primary:active:not(:disabled),.short-note-pack:active{transform:none}.short-note-pack svg .face{transition-property:none}}.change-words-label{font-size:var(--type-label);color:var(--mute);justify-content:space-between;align-items:center;margin-bottom:-6px;font-weight:500;display:flex}.change-panel .start-prompt:read-only{cursor:default;opacity:.7}.slot-panel-foot>.short-note{flex:1;min-width:0}.gen-walk{gap:12px;display:grid}.gen-walk-row{gap:8px;display:grid}.gen-walk-line{font-size:var(--type-label);color:var(--fg);font-weight:500}.gen-walk-hint{font-size:var(--type-label);color:var(--mute);font-weight:500}.gen-walk-takes{gap:8px;display:flex}.gen-take-thumb{border-radius:var(--radius-control);background:var(--paper);width:40px;height:40px;box-shadow:var(--hairline);cursor:pointer;border:none;flex:none;padding:0;overflow:hidden}.gen-take-thumb:hover{box-shadow:0 0 0 1.5px var(--fg-soft)}.gen-take-thumb:focus-visible,.gen-walk-button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.gen-take-thumb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.gen-walk-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gen-walk-button{border-radius:var(--radius-control);background:var(--paper);height:36px;color:var(--fg);font:inherit;font-size:var(--type-body);white-space:nowrap;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 24%, transparent);border:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;transition:background .12s,box-shadow .12s;display:inline-flex}.gen-walk-button:hover{background:var(--seg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 40%, transparent)}.gen-walk-button:active{transform:scale(.98)}.plus-lock{color:var(--mute);align-items:center;gap:4px;display:inline-flex}.plus-lock svg{width:14px;height:14px}.gen-walk-plus{background:var(--on);color:var(--on-fg);letter-spacing:.02em;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:600}.start{inset:var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left);flex-direction:column;padding:24px 16px;display:flex;position:absolute;overflow-y:auto;transform:none;container-type:inline-size}.start:has(>.start-screen.morphed){padding:10px 16px 16px}.start-screen{flex:auto;width:100%;min-height:0;display:flex}.morph-grid{flex:1;grid-template-columns:0% 100%;grid-template-areas:"stage panel";gap:0;min-height:0;transition:grid-template-columns .62s cubic-bezier(.7,0,.2,1),gap .62s cubic-bezier(.7,0,.2,1);display:grid}.morphed .morph-grid{grid-template-columns:calc(100% - min(330px,45%) - 16px) min(330px,45%);gap:16px}.morph-stage{opacity:0;grid-area:stage;min-width:0;min-height:0;transition:opacity .62s cubic-bezier(.7,0,.2,1),transform .62s cubic-bezier(.7,0,.2,1);overflow:hidden;transform:scale(.96)}.morphed .morph-stage{opacity:1;transform:none}.stage-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:24px;animation:.32s .32s both stage-in;display:flex;overflow-y:auto}@keyframes stage-in{0%{opacity:0}to{opacity:1}}.stage-body strong{font-size:var(--type-title);color:var(--fg);font-weight:500}.stage-body>span{font-size:var(--type-body);color:var(--mute)}.stage-cloth{grid-template-columns:repeat(var(--cloth-cols,13), 22px);grid-template-rows:repeat(var(--cloth-rows,13), 22px);gap:4px;margin-bottom:18px;display:grid}.stage-takes-block{flex-direction:column;align-items:flex-start;gap:8px;width:min(514px,100%);display:flex}.stage-label{font-size:var(--type-label);color:var(--mute);text-align:left;font-weight:500}.stage-cloth-cell{border-radius:var(--radius-small);background:var(--seg);width:22px;height:22px;animation:4.2s ease-in-out infinite cloth-fill}.stage-cloth-cell:nth-child(2n){--stitch:var(--divider)}@keyframes cloth-fill{0%{background-color:var(--seg);transform:scale(.85)}8%{background-color:var(--stitch,var(--faint));transform:scale(1)}72%{background-color:var(--stitch,var(--faint));transform:scale(1)}86%,to{background-color:var(--seg);transform:scale(.85)}}.stage-result,.stage-takes{justify-content:flex-start;padding-top:10px}.takes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.takes-grid.one{grid-template-columns:minmax(0,1fr);width:calc(50% - 7px)}.take{border-radius:var(--radius-bar);background:var(--paper);cursor:pointer;aspect-ratio:1;box-shadow:var(--hairline);border:none;padding:0;position:relative;overflow:hidden}.take:hover{box-shadow:0 0 0 1.5px var(--fg-soft)}.take-number{border-radius:var(--radius-small);background:var(--solid);color:var(--mute);font-size:var(--type-tiny);padding:2px 6px;line-height:1.3;position:absolute;bottom:8px;left:8px}.take:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.take img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.stage-body.stage-ask{--ask-side:max(120px, min(400px, 100cqw - 60px, 100cqh - 220px));animation:none;overflow:visible;container-type:size}.stage-ask-line{margin-bottom:8px}.stage-ask-card{border-radius:var(--radius-panel);background:var(--solid);box-shadow:var(--shadow-bar), var(--hairline);flex-direction:column;align-items:stretch;gap:10px;padding:16px;display:flex}.stage-ask-picture{width:calc(var(--ask-side) * var(--frame-w,1));height:calc(var(--ask-side) * var(--frame-h,1));border-radius:var(--radius-bar);background:var(--paper);box-shadow:var(--hairline);align-self:center;position:relative;overflow:hidden}.stage-ask-picture>img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transition:opacity .32s;display:block}.stage-size-line{font-size:var(--type-small);color:var(--mute);text-align:center;display:grid}.stage-ask-card .stage-size-line{contain:inline-size}.stage-size-text,.stage-size-skeleton{grid-area:1/1}.stage-size-rest{transition:color .2s}.stage-size-line:not(.landed) .stage-size-rest{color:#0000}.stage-size-skeleton{color:#0000;transition:opacity .2s}.stage-size-line:not(.measuring) .stage-size-skeleton{opacity:0}.stage-size-bar{--bar-h:1ex;--bar-cap:calc(var(--bar-h) / 2);background:linear-gradient(90deg, transparent, var(--seg), transparent) 0 50% / 40% var(--bar-h) no-repeat, radial-gradient(circle at 100% 50%, var(--seg) calc(var(--bar-cap) - .5px), transparent var(--bar-cap)) 0 50% / var(--bar-cap) var(--bar-h) no-repeat, radial-gradient(circle at 0 50%, var(--seg) calc(var(--bar-cap) - .5px), transparent var(--bar-cap)) 100% 50% / var(--bar-cap) var(--bar-h) no-repeat, linear-gradient(var(--seg), var(--seg)) 50% 50% / calc(100% - var(--bar-h)) var(--bar-h) no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:1.4s ease-in-out infinite size-shimmer}@keyframes size-shimmer{0%{background-position:0,0,100%,50%}to{background-position:100%,0,100%,50%}}.stage-ask-card.working .stage-ask-picture>img{opacity:.35}.stage-ask-last{white-space:nowrap;border-radius:var(--radius-control);background:var(--solid);width:min(74px,40%);box-shadow:var(--shadow-bar), var(--hairline);color:var(--mute);font-size:var(--type-tiny);cursor:pointer;border:none;gap:2px;padding:4px 4px 3px;display:grid;position:absolute;bottom:10px;right:10px}.stage-ask-last:hover{box-shadow:var(--shadow-bar), 0 0 0 1.5px var(--fg-soft)}.stage-ask-last:focus-visible,.stage-ask-link:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.stage-ask-last-tile{aspect-ratio:1;border-radius:var(--radius-small);background:var(--paper);place-items:center;width:100%;display:grid;overflow:hidden}.stage-ask-last-frame{width:calc(100% * var(--frame-w,1));height:calc(100% * var(--frame-h,1));display:block;position:relative;overflow:hidden}.stage-ask-last-frame img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.stage-ask-card .stage-ask-question{text-align:center;margin-top:4px}.stage-ask-card .stage-line{font-size:var(--type-body);color:var(--mute);text-align:center}.stage-ask-card .tool{justify-content:center;width:100%;height:36px}.stage-ask-link{color:var(--mute);font:inherit;font-size:var(--type-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:center;padding:4px;text-decoration:underline}.stage-ask-link:hover{color:var(--fg)}.morph-panel>.slot-panel{width:100%}@container (height<=300px){.stage-ask-card.writing{--ask-side:max(48px, 100cqh - 48px)}.stage-ask-card.writing>:not(.stage-ask-picture){display:none}}.stage-announce{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.morph-panel{border-radius:var(--radius-panel);background:0 0;flex-direction:column;grid-area:panel;width:100%;min-width:0;max-width:640px;min-height:0;margin:0 auto;transition:background-color .62s cubic-bezier(.7,0,.2,1),max-width .62s cubic-bezier(.7,0,.2,1);display:flex}.morphed .morph-panel{max-width:100%}.morph-head{flex-direction:column;flex:1;justify-content:flex-end;width:100%;max-width:640px;min-height:0;margin:0 auto;transition:flex-grow .62s cubic-bezier(.7,0,.2,1),opacity .2s;display:flex;overflow:hidden}.morphed .morph-head{opacity:0;flex-grow:0}.start-screen h1{font-size:var(--type-display);letter-spacing:-.02em;text-align:center;color:var(--fg);margin:0 0 5px;font-weight:500}.morph-head p{font-size:var(--type-body);text-align:center;color:var(--mute);margin:0 0 18px}.start-bar{--bar-gap:12px;--bar-pad:12px;gap:var(--bar-gap);padding:0 var(--bar-pad) 16px;background:var(--solid);border-radius:var(--radius-panel);box-shadow:var(--shadow-card), var(--hairline);border:none;flex-direction:column;transition:box-shadow .5s,border-radius .62s cubic-bezier(.7,0,.2,1),padding .5s;display:flex;position:relative}.morphed .start-bar{--bar-gap:12px;--bar-pad:14px;gap:var(--bar-gap);padding:14px var(--bar-pad) 12px;box-shadow:var(--shadow-bar), var(--hairline)}.change-panel .start-generate{white-space:nowrap;flex:1 0 100%;height:48px;margin:0;padding:0 12px}.gen-foot.stacked .start-generate:not(.primary):disabled,.change-panel .start-generate:not(.primary):disabled{opacity:1;color:var(--mute)}.morph-tail{flex-direction:column;flex:1;justify-content:flex-start;width:100%;max-width:640px;min-height:0;margin:0 auto;transition:flex-grow .62s cubic-bezier(.7,0,.2,1),opacity .2s;display:flex;overflow:hidden}.morphed .morph-tail{opacity:0;flex-grow:0}.start-screen:not(.morphed) .morph-panel{max-width:680px}.start-screen:not(.morphed) .morph-head,.start-screen:not(.morphed) .morph-tail{flex:none;max-width:680px;overflow:visible}.start-screen:not(.morphed) .morph-head{margin-top:auto}.start-screen:not(.morphed) .morph-head p{margin-bottom:4px}.start-screen:not(.morphed) .morph-tail{margin-bottom:auto}.start-screen:not(.morphed) :is(.morph-head,.morph-tail){order:-1}@media (height>=780px){.start-screen:not(.morphed) :is(.morph-head,.morph-tail){flex:1 0;order:0;min-height:auto;margin-block:0}.start-screen:not(.morphed) .morph-head p{margin-bottom:24px}.start-screen:not(.morphed) .start-bar.docked{margin-bottom:0;position:relative;bottom:auto}}.start-mark{color:var(--fg);place-items:center;margin:0 auto 14px;display:grid}.start-mark svg{width:30px;height:30px}.morphed .start-mark{display:none}.start-bar.docked{--bar-gap:10px;z-index:1;gap:var(--bar-gap);box-shadow:var(--shadow-card), var(--hairline);border-radius:28px;flex:none;margin-bottom:4px;padding:18px 12px 10px;transition:none;position:sticky;bottom:4px}.start-bar.docked.dropping{box-shadow:var(--shadow-card), inset 0 0 0 2px var(--on), 0 0 0 4px var(--focus-halo)}.start-bar.docked .prompt-pics{gap:10px;margin-bottom:-6px;padding:0 6px}.start-bar.docked .prompt-pic{width:56px;height:56px}.start-bar.docked .prompt-text{min-height:24px;max-height:96px;padding:0 12px;font-size:16px;line-height:24px;overflow-y:auto}.start-dock-row{align-items:center;min-width:0;margin-top:8px;display:flex}.gen-summary{min-width:0;height:34px;font:inherit;color:var(--fg);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:17px;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.gen-summary[aria-expanded=true]{background:var(--seg)}@media (hover:hover){.gen-summary:hover{background:var(--seg)}}.gen-summary:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.gen-summary svg{fill:none;width:18px;height:18px;stroke:var(--fg-soft);stroke-width:1.6px;stroke-linecap:round;flex:none}.gen-summary-values{text-overflow:ellipsis;min-width:0;overflow:hidden}.gen-summary-dot{color:var(--faint)}.start-cost{color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:2px;margin-left:auto;padding:0 6px 0 4px;font-size:13px;font-weight:500;display:inline-flex}.start-cost svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.start-send{background:var(--fg);width:36px;height:36px;color:var(--solid);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;margin-left:auto;padding:0;transition:background-color .15s;display:grid}.start-cost+.start-send{margin-left:0}.start-send:disabled{background:var(--faint);cursor:default}.start-send:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.start-send svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (pointer:coarse){.start-dock-row>:is(.prompt-plus,.gen-summary,.start-send){position:relative}.start-dock-row>:is(.prompt-plus,.start-send):after,.start-dock-row>.gen-summary:after{content:"";position:absolute;inset:-4px}.start-dock-row>.gen-summary:after{inset:-5px 0}}.gen-settings{background:color-mix(in srgb, var(--solid) 94%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);box-shadow:var(--shadow-card), var(--hairline);color:var(--fg);transform-origin:0 100%;border-radius:28px;padding:14px 14px 16px}.gen-settings.desk{border-radius:24px;grid-template-columns:minmax(0,1fr) 236px;gap:14px;padding:16px;display:grid}.gen-settings-row+.gen-settings-row{margin-top:10px}.gen-settings-label{color:var(--mute);margin:0 4px 6px;font-size:12.5px;font-weight:500;display:block}.gen-settings .seg.gen-settings-seg{box-sizing:border-box;background:var(--seg);border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;width:100%;height:auto;padding:3px;display:grid}.gen-settings-seg .seg-item,.gen-settings-seg .seg-item.on{border-radius:11px;flex-direction:column;gap:2px;min-width:0;height:auto;min-height:44px;padding:4px 2px;font-size:13.5px}.gen-settings-seg .seg-pill{background:var(--solid);box-shadow:var(--shadow-chip);border-radius:11px}.gen-settings-seg .seg-item svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;width:18px;height:18px}.gen-settings-seg .seg-item svg .fill{fill:currentColor;stroke:none}.gen-settings-seg small{z-index:1;color:var(--mute);white-space:nowrap;font-size:11px;font-weight:500;position:relative}.gen-settings-seg small em{color:var(--on);font-style:normal;font-weight:600}.gen-settings-seg .seg-item:disabled{color:var(--faint);cursor:default}.gen-settings.desk .gen-settings-seg .seg-item{gap:3px;min-height:52px;padding:6px 4px}.gen-settings.desk .gen-settings-seg .seg-item svg{stroke-width:1.5px;width:20px;height:20px}.gen-settings.desk .gen-settings-seg small{font-size:11.5px}.gen-settings.desk .gen-settings-seg .seg-item.on .seg-label{font-weight:600}.gen-settings.desk .gen-settings-seg .seg-item:not(.on,:disabled):is(:hover,:focus-visible){background:color-mix(in srgb, var(--solid) 60%, transparent);box-shadow:inset 0 0 0 1px var(--divider);color:var(--fg)}.gen-settings .gen-chips-note{margin:8px 4px 0}.gen-settings .gen-picker-foot{margin:10px 4px 0;font-size:11.5px;font-weight:400;line-height:1.4}.gen-settings-preview{background:var(--seg);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 14px;display:flex}.gen-settings-stage{place-items:center;width:168px;height:168px;margin-bottom:6px;display:grid}.gen-settings-name{font-size:14px;font-weight:600}.gen-settings-line{color:var(--mute);font-size:12.5px;line-height:1.4}.gen-settings-preview .gen-pick-strip{text-align:left;white-space:normal;flex:none;margin-top:6px}.start-photo{align-items:center;gap:12px;min-height:60px;display:flex}.start-photo-line{min-width:0;font-size:var(--type-body);color:var(--mute);flex:1;line-height:1.45}.start-thumb{border-radius:var(--radius-control);background:var(--solid);width:60px;height:60px;box-shadow:var(--hairline);border:none;flex:none;padding:0;position:relative;overflow:hidden}.start-thumb img{object-fit:cover;width:100%;height:100%;display:block}.start-thumb-remove{border-radius:var(--radius-round);background:var(--photo-scrim);width:18px;height:18px;color:var(--photo-fg);font-size:var(--type-label);cursor:pointer;border:0;line-height:1;position:absolute;top:3px;right:3px}.start-thumb-remove:focus-visible,.start-thumb-empty:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.start-thumb-empty{color:var(--mute);cursor:pointer;place-items:center;display:grid;overflow:visible}.start-thumb-empty svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:40%;height:40%}.start-thumb-sketch{background:var(--paper)}.start-thumb-sketch img{object-fit:contain}.start-bar-refused{font-size:var(--type-small);color:var(--danger);font-weight:400}.gen-paused-note{border-top:1px solid var(--divider);font-size:var(--type-small);color:var(--fg);text-align:left;gap:8px;padding-top:10px;line-height:1.45;display:flex}.gen-paused-note svg{fill:none;width:14px;height:14px;stroke:var(--warn);stroke-width:2.2px;stroke-linecap:round;flex:none;margin-top:2px}.change-panel .slot-panel-foot{flex-wrap:wrap}.change-panel .slot-panel-foot .gen-paused-note{flex-basis:100%}.start-prompt{box-sizing:border-box;resize:none;background:var(--field);min-height:84px;box-shadow:inset 0 0 0 1px var(--field-edge);font-size:var(--type-title);color:var(--fg);border:none;border-radius:12px;padding:12px 14px;line-height:1.45;transition:font-size .5s,background-color .18s,box-shadow .18s}.morphed .start-prompt,.change-panel .start-prompt{min-height:58px;font-size:var(--type-body);padding:8px 10px}.start-prompt::placeholder{color:var(--mute)}.start-prompt:focus,.start-prompt:focus-visible{outline:none}.start-prompt:focus{background:var(--solid);box-shadow:inset 0 0 0 1.5px var(--fg), 0 0 0 4px var(--focus-halo)}.start-bar-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fold{opacity:0;transition:grid-template-rows .26s cubic-bezier(.2,.7,.2,1),grid-template-columns .26s cubic-bezier(.2,.7,.2,1),opacity .26s,margin .26s cubic-bezier(.2,.7,.2,1);display:grid}.fold.open{opacity:1}.fold-rows{margin-top:calc(-1 * var(--bar-gap));grid-template-rows:0fr}.fold-rows.open{grid-template-rows:1fr;margin-top:0}.fold-columns{grid-template-columns:0fr;margin-left:-10px}.fold-columns.open{grid-template-columns:1fr;margin-left:0}.fold-inner{min-width:0;min-height:0}.fold:not(.open) .fold-inner{overflow:hidden}.gen-foot{--bar-gap:0px;flex-wrap:wrap;align-items:center;row-gap:8px;padding:0 4px;display:flex}.gen-foot>.fold{margin:0}.gen-foot .start-bar-row{margin-left:auto}.gen-chips{flex-wrap:wrap;align-items:center;gap:2px;margin-left:-4px;padding-right:12px;display:flex}.gen-chip,.gen-chip-tag{height:32px;font-size:var(--type-small);color:var(--fg);white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex}.gen-chip{border-radius:var(--radius-tool);height:30px;color:var(--mute);font:inherit;font-size:var(--type-body);cursor:pointer;background:0 0;border:none;gap:7px;padding:0 8px;font-weight:500}.gen-chip:hover,.gen-chip[aria-expanded=true]{background:var(--seg);color:var(--fg)}.gen-chip:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.gen-chip svg{stroke-width:1.6px;width:16px;height:16px}.gen-chip svg.gen-chip-chevron{stroke-width:1.8px;stroke-linecap:round;opacity:.8;width:12px;height:12px;margin-left:-2px}.gen-chip.flash{animation:1.2s ease-out chip-flash}@keyframes chip-flash{0%,40%{background:var(--focus-halo);box-shadow:inset 0 0 0 1.5px var(--on)}}.gen-chip-tag{height:26px;color:var(--mute);background:var(--seg);padding:0 8px 0 6px}.gen-chip-tag svg{width:18px;height:18px}.gen-chip svg,.gen-chip-tag svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;flex:none}.gen-chip svg .fill,.gen-chip-tag svg .fill{fill:currentColor;stroke:none}.gen-chips-read{padding:0}.gen-chips-note{font-size:var(--type-small);color:var(--mute);white-space:normal;flex-basis:100%;margin:2px 0 0}.gen-picker{width:340px;padding:10px;position:fixed}.gen-picker-title{font-size:var(--type-small);color:var(--mute);padding:2px 6px 8px;font-weight:600;display:block}.gen-picks{flex-direction:column;gap:2px;display:flex}.gen-pick{border-radius:var(--radius-tool);width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:8px;display:flex}.gen-pick:hover:not(:disabled){background:var(--seg)}.gen-pick[aria-checked=true]{background:var(--focus-halo)}.gen-pick:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.gen-pick:disabled{cursor:default;opacity:.5}.gen-picker{--example-side:60px}.gen-example-slot{width:var(--example-side);height:var(--example-side);flex:none;place-items:center;display:grid}.gen-example{background:var(--seg);box-shadow:inset 0 0 0 1px var(--divider);border-radius:4px;display:block;overflow:hidden}.gen-example img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.gen-pick-text{flex-direction:column;gap:2px;min-width:0;display:flex}.gen-pick-name{font-size:var(--type-body);align-items:center;gap:6px;font-weight:600;display:inline-flex}.gen-pick-line{font-size:var(--type-small);color:var(--mute);line-height:1.35}.gen-pick-mark{border-radius:var(--radius-control);background:var(--seg);color:var(--mute);font-size:var(--type-tiny);padding:1px 6px;font-weight:600}.gen-picker-foot{font-size:var(--type-small);color:var(--mute);margin:8px 6px 2px}.gen-picker-shape{width:516px}.gen-picker-ideas{width:380px}.gen-picker-split{grid-template-columns:252px minmax(0,1fr);gap:10px;display:grid}.gen-picker-shape .gen-pick{gap:10px;padding:7px 10px 7px 8px}.gen-shape-well{border-radius:var(--radius-control);background:var(--solid);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--divider);flex:none;place-items:center;display:grid}.gen-shape-well svg{fill:none;width:28px;height:28px;stroke:var(--fg);stroke-width:1.6px}.gen-pick[aria-checked=true] .gen-shape-well{box-shadow:inset 0 0 0 1.5px var(--on)}.gen-pick[aria-checked=true] .gen-shape-well svg{stroke:var(--on)}.gen-pick-check{fill:none;width:18px;height:18px;stroke:var(--on);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-left:auto}.gen-shape-preview{border-radius:var(--radius-tool);background:var(--seg);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:230px;display:flex}.gen-shape-stage{place-items:center;width:146px;height:146px;display:grid}.gen-shape-plain{background:var(--solid);box-shadow:0 0 0 1px var(--divider);border-radius:3px;transition:width .22s cubic-bezier(.2,.7,.2,1),height .22s cubic-bezier(.2,.7,.2,1);display:block;overflow:hidden}.gen-shape-plain img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.gen-shape-name{font-size:var(--type-body);font-weight:600}.gen-picker-ideas .gen-pick-text{flex:auto}.gen-pick-price{flex-direction:column;flex:none;align-self:center;align-items:flex-end;min-width:56px;padding-right:4px;line-height:1.1;display:flex}.gen-pick-price b{color:var(--fg);letter-spacing:-.01em;font-size:17px;font-weight:650}.gen-pick-price small{font-size:var(--type-tiny);color:var(--mute)}.gen-pick-was{align-items:center;gap:5px;margin-bottom:3px;display:flex}.gen-pick-was s{font-size:var(--type-small);color:var(--mute)}.gen-pick-stripped{flex-wrap:wrap;row-gap:8px}.gen-pick-stripped .gen-pick-text{flex:1 1 0}.gen-pick-strip{box-sizing:border-box;border-radius:var(--radius-control);background:var(--focus-halo);color:var(--fg-soft);font-size:var(--type-small);white-space:nowrap;flex:1 0 100%;align-items:center;gap:7px;margin-top:2px;padding:8px 12px 8px 10px;line-height:1.35;display:flex}.gen-pick-strip b{color:var(--on);font-weight:600}.gen-pick-strip svg{width:15px;height:15px;fill:var(--on);flex:none}.gen-option-switch{cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:0;display:grid;position:relative}.gen-option-switch:disabled{cursor:default;opacity:.5}.gen-option-track{background:var(--seg);width:38px;height:22px;box-shadow:inset 0 0 0 1px var(--divider);border-radius:11px;transition:background-color .18s;position:relative}.gen-option-track:after{content:"";border-radius:var(--radius-round);background:var(--thumb);width:18px;height:18px;box-shadow:var(--shadow-chip);transition:transform .18s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;left:2px}.gen-option-switch[aria-checked=true] .gen-option-track{background:var(--on);box-shadow:none}.gen-option-switch[aria-checked=true] .gen-option-track:after{transform:translate(16px)}.gen-option-switch:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:14px}.gen-option-tag{border-radius:var(--radius-control);background:var(--focus-halo);color:var(--on);font-size:var(--type-tiny);padding:1px 6px;font-weight:600}.gen-foot.stacked{margin:0 calc(-1 * var(--bar-pad));flex-flow:column;align-items:stretch;row-gap:0;padding:0;display:flex}.gen-foot.stacked .gen-chips{padding:0 16px 4px}.change-panel .gen-chips{padding:0}.gen-foot.stacked .start-bar-row{flex-wrap:wrap;margin:8px 0 0;padding:0 16px}.gen-foot.stacked>.slot-panel-rule{margin-top:8px}.gen-foot.stacked .start-generate{flex:1 0 100%;height:48px;margin:0}@media (pointer:coarse){.gen-option-switch{min-width:44px;min-height:44px}}.start-generate{justify-content:center;align-items:center;gap:10px;height:34px;margin-left:auto;padding:0 18px;display:inline-flex}.start-generate[data-cost]{padding-right:14px}.start-generate[data-cost]:before{content:attr(data-cost);border-left:1px solid color-mix(in srgb, currentColor 40%, transparent);opacity:.72;white-space:nowrap;order:1;align-self:stretch;align-items:center;margin:8px 0;padding-left:10px;font-weight:400;display:flex}:is(.gen-foot.stacked,.change-panel) .start-generate[data-cost]{justify-content:space-between;padding:0 18px}:is(.gen-foot.stacked,.change-panel) .start-generate[data-cost]:before{margin:12px 0;padding-left:14px}.start-without-ai{font-size:var(--type-label);text-align:center;color:var(--mute);margin:28px 0 12px;font-weight:500;display:block}.start-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:2px;display:grid}.start-card{border-radius:var(--radius-panel);background:var(--solid);color:var(--fg);text-align:left;cursor:pointer;box-shadow:var(--shadow-bar), var(--hairline);border:none;align-content:start;gap:8px;padding:12px;display:grid}.start-card:hover{box-shadow:var(--shadow-bar), 0 0 0 1px var(--fg-soft)}.start-card:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.start-card-art{border-radius:var(--radius-tool);background:var(--seg);display:block;overflow:hidden}.start-card-art-blank{background:var(--solid);box-shadow:var(--hairline)}.start-card-art svg{width:100%;height:100%;display:block}.card-art-grid line{stroke:var(--divider);stroke-width:1px}.card-art-chart-grid{stroke:#00000038}.card-art-drop{fill:var(--focus-halo);stroke:var(--on)}.card-art-text,.card-art-file{font-family:var(--font-ui);fill:var(--fg)}.card-art-file{fill:#1a1a1a}.card-art-file tspan{fill:#8a8a86}.start-card-title{font-size:var(--type-body);font-weight:500}.start-card-line{font-size:var(--type-small);color:var(--mute);line-height:1.35}.start-card-chevron{display:none}.stage-body.stage-failed{animation:none}.stage-failed .stage-cloth-cell{animation:.15s ease-in-out backwards cloth-empty}@keyframes cloth-empty{0%{background-color:var(--stitch,var(--faint));transform:scale(1)}to{background-color:var(--seg);transform:scale(.85)}}.stage-face-cell{position:relative}.stage-face-cell svg{width:100%;height:100%;position:absolute;inset:0}.stage-face-cell line{stroke:var(--warn);stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:11.4;animation:.16s ease-in-out backwards stitch-draw}@keyframes stitch-draw{0%{stroke-dashoffset:11.4px}to{stroke-dashoffset:0}}.stage-failed strong{font-size:17px;font-weight:600}.stage-failed .stage-failed-reason{color:var(--fg-soft)}.stage-failed .stage-failed-charge{color:var(--fg);font-weight:600}.stage-failed-exits{text-align:left;width:100%;max-width:640px;margin-top:6px}.stage-failed-copy{animation:.25s backwards failed-copy-in}@keyframes failed-copy-in{0%{opacity:0}to{opacity:1}}.stage-failed .stage-cloth-cell,.stage-failed .stage-face-cell line,.stage-failed .stage-failed-copy{animation-play-state:paused}.stage-failed.sewing .stage-cloth-cell,.stage-failed.sewing .stage-face-cell line,.stage-failed.sewing .stage-failed-copy{animation-play-state:running}@media (prefers-reduced-motion:reduce){.stage-size-bar{background:radial-gradient(circle at 100% 50%, var(--seg) calc(var(--bar-cap) - .5px), transparent var(--bar-cap)) 0 50% / var(--bar-cap) var(--bar-h) no-repeat, radial-gradient(circle at 0 50%, var(--seg) calc(var(--bar-cap) - .5px), transparent var(--bar-cap)) 100% 50% / var(--bar-cap) var(--bar-h) no-repeat, linear-gradient(var(--seg), var(--seg)) 50% 50% / calc(100% - var(--bar-h)) var(--bar-h) no-repeat;animation:none}.stage-size-rest,.stage-size-skeleton,.morph-grid,.morph-stage,.morph-panel,.morph-head,.morph-tail,.start-bar,.start-prompt,.prompt-field,.gen-option-track,.gen-option-track:after,.fold{transition:none}.stage-body{opacity:1;animation:none}.gen-chip.flash{animation:none}.gen-shape-plain,.stage-ask-picture>img{transition:none}.stage-cloth-cell{background:var(--stitch,var(--faint));animation:none;transform:none}.stage-failed .stage-cloth-cell{background:var(--seg);animation:none;transform:none}.stage-face-cell line,.stage-failed-copy{animation:none}}.chart-preview{z-index:4;pointer-events:auto;position:absolute}.chart-preview canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.chart-preview-tag{border-radius:var(--radius-bar);background:var(--fg);color:var(--solid);font-size:var(--type-small);white-space:nowrap;pointer-events:none;align-items:center;gap:5px;padding:3px 10px;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.chart-preview-dots{gap:3px;display:inline-flex}.chart-preview-dots i{border-radius:var(--radius-round);opacity:.3;background:currentColor;width:4px;height:4px;animation:1.2s ease-in-out infinite chart-preview-dot}.chart-preview-dots i:nth-child(2){animation-delay:.2s}.chart-preview-dots i:nth-child(3){animation-delay:.4s}@keyframes chart-preview-dot{0%,80%,to{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.chart-preview-dots i{opacity:.7;animation:none}}.plan-lock{flex:none;width:13px;height:13px}.paywall-card{text-align:center;align-items:center;gap:12px;width:360px;max-width:calc(100vw - 32px);max-height:none;padding:28px 28px 22px;position:relative}.paywall-card .ui-dialog-close{position:absolute;top:14px;right:14px}.paywall-title{font-size:var(--type-title);margin:0;font-weight:500}.paywall-go{justify-content:center;align-items:center;gap:8px;padding:9px 18px;display:inline-flex}.paywall-arrow{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.paywall-fine{color:var(--fg-soft);font-size:var(--type-small);margin:0}.tabs-card .paywall-go{align-self:stretch}.tabs-card-list{text-align:left;flex-direction:column;align-self:stretch;gap:6px;margin:4px 0;padding:0;list-style:none;display:flex}.tabs-card-row{border:1px solid var(--divider);border-radius:var(--radius-control);align-items:center;gap:10px;min-height:40px;padding:6px 6px 6px 8px;display:flex}.tabs-card-row.slot{border-style:dashed;border-color:var(--fg-soft);color:var(--fg-soft);font-size:var(--type-small);padding-left:12px}.tabs-card-thumb{border-radius:var(--radius-small);background:var(--divider);object-fit:cover;width:28px;height:28px;image-rendering:pixelated;flex:none}.tabs-card-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.tabs-card-x{border-radius:var(--radius-control);width:28px;height:28px;color:var(--fg-soft);font:inherit;cursor:pointer;background:0 0;border:none;flex:none;font-size:18px;line-height:1}.tabs-card-x:hover{background:var(--divider);color:var(--fg)}.paywall-card.sign-in-print{max-height:calc(100dvh - 32px);overflow-y:auto}.sign-in-print .signin-body{width:100%}.sign-in-print .paywall-title{margin-bottom:6px}.sign-in-print-page{width:100px;box-shadow:var(--shadow-card), var(--hairline);background:#fff;border-radius:4px;flex:none;overflow:hidden}.sign-in-print-frame{pointer-events:none;border:none;width:100%;height:100%}.sign-in-print-wait{height:100%;color:var(--fg-soft);font-size:var(--type-small);place-items:center;margin:0;display:grid}.ptab-ghost{border:1px dashed var(--fg-soft);border-radius:var(--radius-control);height:28px;color:var(--fg-soft);font:inherit;font-size:var(--type-small);white-space:nowrap;cursor:pointer;background:0 0;align-self:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.ptab-ghost:hover{color:var(--fg);border-color:var(--fg)}.size-range{--inset:8px;flex:auto;min-width:0;display:flex;position:relative}.size-range input[type=range]{flex:auto;width:100%;min-width:0}.size-range input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--divider), var(--divider)) 0 0 / calc(var(--inset) + (100% - 2 * var(--inset)) * var(--cap)) 100% no-repeat, repeating-linear-gradient(90deg, var(--divider) 0 4px, transparent 4px 7px)}.size-range input[type=range]::-moz-range-track{background:linear-gradient(var(--divider), var(--divider)) 0 0 / calc(var(--inset) + (100% - 2 * var(--inset)) * var(--cap)) 100% no-repeat, repeating-linear-gradient(90deg, var(--divider) 0 4px, transparent 4px 7px)}.setup-line.size-locked{margin-bottom:16px}.size-pins{pointer-events:none;height:16px;position:absolute;top:100%;left:0;right:0}.size-pin{top:0;left:calc(var(--inset,0px) + (100% - 2 * var(--inset,0px)) * var(--at));color:var(--fg-soft);font-size:var(--type-tiny);white-space:nowrap;align-items:center;gap:3px;padding-top:2px;font-weight:500;display:inline-flex;position:absolute;transform:translate(-50%)}.size-pin.end{transform:translate(-100%)}.size-pin:before{content:"";background:var(--fg-soft);width:1px;height:8px;position:absolute;top:-9px;left:50%}.size-pin.end:before{left:auto;right:0}.size-range .size-pins{top:calc(50% + 10px)}.size-range .size-pin .plan-lock{top:-15px}.size-pin .plan-lock{width:10px;height:10px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.size-pin.end .plan-lock{left:auto;right:0;transform:translate(50%)}.size-pin-short{display:none}.size-pins.compact .size-pin-full{visibility:hidden;position:absolute}.size-pins.compact .size-pin-short{display:inline}.size-value{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:inline-flex}.size-value del,.setup-line-value del{color:var(--fg-soft)}.size-track-row{align-self:stretch;align-items:flex-start;gap:12px;min-width:0;display:flex}.size-track-row .size-track{flex:1;min-width:0}.size-track{height:4px;margin:8px 0 18px;position:relative}.size-track-bar{border-radius:var(--radius-small);background:linear-gradient(var(--divider), var(--divider)) 0 0 / calc(100% * var(--cap)) 100% no-repeat, repeating-linear-gradient(90deg, var(--divider) 0 4px, transparent 4px 7px);position:absolute;inset:0}.size-track-dot{top:50%;left:calc(100% * var(--at));border-radius:var(--radius-round);background:var(--fg);width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.size-track .size-pins{top:10px}.size-note{color:var(--fg-soft);font-size:var(--type-small);flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;line-height:1.4;display:flex}.size-note-link{color:var(--fg);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.chart-size-dialog .size-track-row{margin:8px 16px 0}.chart-size-dialog .size-note{padding:0 16px .6rem}.menu-lock{color:var(--mute);font-size:var(--type-small);align-items:center;gap:4px;margin-left:auto;padding-left:12px;display:inline-flex}.paywall-apply{white-space:nowrap;align-items:center;gap:6px;height:26px;padding:0 12px;display:inline-flex}.lock-after{vertical-align:-2px;margin-left:6px}.sym.would-change{box-shadow:0 0 0 2px #0f7bd8}.new-pattern-field{gap:6px;display:grid}.new-pattern-row{align-items:center;gap:8px;min-width:0;display:flex}.new-pattern-label,.new-pattern-note{font-size:var(--type-label);color:var(--mute);white-space:nowrap;font-weight:500}.new-pattern-aside{font-variant-numeric:tabular-nums;margin-left:auto}.new-pattern-num,.new-pattern-title{box-sizing:border-box;border-radius:var(--radius-control);background:var(--solid);height:32px;color:var(--fg);font-size:var(--type-small);box-shadow:var(--hairline), inset 0 0 0 .5px var(--line);border:none;font-weight:400}.new-pattern-num{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;width:72px;padding:0 6px}.new-pattern-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-pattern-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.new-pattern-title{width:100%;padding:0 10px}.new-pattern-title::placeholder{color:var(--mute)}.new-pattern-num:focus-visible,.new-pattern-title:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.new-pattern-swatch{border-radius:var(--radius-control);width:24px;height:24px;box-shadow:0 0 0 .5px var(--swatch-edge);cursor:pointer;border:none;flex:none;padding:0}.new-pattern-swatch.on{box-shadow:0 0 0 .5px var(--swatch-edge), 0 0 0 2px var(--solid), 0 0 0 3.5px var(--on)}.new-pattern-swatch:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.new-pattern-any{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;display:inline-flex;position:relative}.new-pattern-any:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:2px}.new-pattern-any input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.new-pattern-any-dot{border-radius:var(--radius-small);width:12px;height:12px;box-shadow:0 0 0 .5px var(--swatch-edge)}.export-panel,.export-panel .slot-panel-body{gap:9px}.export-names{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 10px;display:grid}.export-field{gap:5px;min-width:0;display:grid}.export-label{font-size:var(--type-label);color:var(--mute);white-space:nowrap;font-weight:500}.export-field-name{font-size:var(--type-small);color:var(--fg);font-weight:600}.export-input,.export-select{box-sizing:border-box;border-radius:var(--radius-control);background:var(--solid);min-width:0;height:30px;color:var(--fg);font:inherit;font-size:var(--type-small);box-shadow:var(--hairline), inset 0 0 0 .5px var(--line);border:none}.export-input{text-overflow:ellipsis;width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 28%, transparent);padding:0 8px}.export-input::placeholder{color:var(--mute)}.export-select{max-width:170px;padding:0 6px}.export-input:focus-visible,.export-select:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.export-group{gap:6px;display:grid}.export-row{min-width:0;min-height:20px;font-size:var(--type-small);align-items:center;gap:8px;display:flex}.export-aside{font-variant-numeric:tabular-nums;margin-left:auto}.export-tick{cursor:pointer}.export-tick.off{cursor:default;color:var(--mute)}.export-row input[type=checkbox],.export-edition input[type=checkbox]{width:14px;height:14px;accent-color:var(--fg);flex:none;margin:0}.export-edition-tick{display:contents}.export-editions{gap:2px;display:grid}.export-edition{border-radius:var(--radius-small);font-size:var(--type-small);align-items:center;gap:8px;margin:0 -6px;padding:2px 6px;display:flex}.export-edition.on{background:var(--rowon)}.export-edition-name{color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:2px 0}.export-edition-name:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.export-edition .export-aside{color:var(--mute);font-size:var(--type-label)}.export-seg.seg{height:24px;padding:2px}.export-seg .seg-item:disabled{cursor:default;color:var(--mute)}.export-seg .seg-item{font-size:var(--type-label);min-width:0;padding:0 8px}.export-slider{gap:4px;display:grid}.export-slider input[type=range]{width:100%;accent-color:var(--fg);margin:0}.export-look-chevron{width:22px;height:22px;margin-left:auto}.export-look-chevron.open svg{transform:rotate(180deg)}.export-look-shut{font-size:var(--type-small);color:var(--fg)}.export-look{gap:7px;display:grid}.export-note{font-size:var(--type-label);color:var(--mute);margin:0;line-height:1.4}.export-note.pdf-warn{color:var(--danger)}.export-warnings{gap:6px;display:grid}.slot-panel-foot>.export-foot{flex:1;gap:6px;min-width:0;display:grid}.slot-panel-foot .export-foot .tool{margin-left:0}.slot-panel-foot .export-foot .export-save-wrap{margin-left:auto}.export-also{flex-wrap:wrap;gap:5px}.slot-panel-foot .export-also .tool{height:26px;font-size:var(--type-label);padding:0 7px}.export-hold{font-size:var(--type-label);color:var(--danger);align-items:center;gap:8px;display:flex}.export-ask{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.export-ask-row{justify-content:flex-end}.export-save-wrap{flex-shrink:0;display:inline-flex;position:relative}.export-save-text{display:inline-grid}.export-free-count{min-width:0;font-size:var(--type-small);flex-direction:column;gap:4px;display:flex}.export-free-meter,.export-free-dots{align-items:center;gap:6px;display:inline-flex}.export-free-meter{gap:8px}.export-free-dot{border:1px solid;border-radius:50%;width:7px;height:7px}.export-free-dot.used{background:currentColor}.export-free-again{color:var(--fg-soft);font-size:var(--type-tiny)}.export-save-text:after,.export-save-text>span{text-align:center;grid-area:1/1}.export-save-text:after{content:attr(data-widest);visibility:hidden}.export-save-now{animation:.18s ease-out export-save-in}.export-save-gone{animation:.18s ease-out forwards export-save-out}@keyframes export-save-in{0%{opacity:0}}@keyframes export-save-out{to{opacity:0}}.export-save-badge{background:var(--solid);width:18px;height:18px;box-shadow:var(--hairline), var(--shadow-bar);color:var(--fg);opacity:0;pointer-events:none;border-radius:50%;place-items:center;transition:opacity .18s ease-out,transform .18s ease-out;display:grid;position:absolute;top:-7px;right:-7px;transform:scale(.6)}.export-save[data-state=working]+.export-save-badge,.export-save[data-state=done]+.export-save-badge{opacity:1;transform:none}.export-save-badge svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;grid-area:1/1;width:12px;height:12px;transition:opacity .18s ease-out}.export-save[data-state=working]+.export-save-badge .export-save-arc,.export-save[data-state=done]+.export-save-badge .export-save-tick{opacity:1}.export-save[data-state=working]+.export-save-badge .export-save-arc{animation:.8s linear infinite export-save-turn}@keyframes export-save-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.export-save-now,.export-save-gone,.export-save[data-state=working]+.export-save-badge .export-save-arc{animation:none}.export-save-gone{display:none}.export-save-badge,.export-save-badge svg{transition:none}}.export-offer-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.stitched-png-panel{gap:10px}.stitched-png-lede{font-size:var(--type-small);color:var(--mute);margin:0}.stitched-png-background.seg{justify-self:start}.slot-panel-foot>.stitched-png-foot{flex:1;align-items:center;min-width:0;display:flex}.slot-panel-foot .stitched-png-foot .tool{margin-left:0}.slot-panel-foot .stitched-png-foot .stitched-png-save{margin-left:auto}.page-map{z-index:2;pointer-events:none;position:absolute}.page-map-page{box-sizing:border-box;place-items:center;display:grid;position:absolute}.page-map-page.blank{background:repeating-linear-gradient(135deg,#1a1a1a14 0 6px,#0000 6px 12px)}.page-map-number{white-space:nowrap;color:#1a1a1a80;text-shadow:0 0 8px #fff,0 0 3px #fff,0 0 1px #fff;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.page-seam{background:#1a1a1a;position:absolute;box-shadow:0 0 0 1px #fffc}.page-seam.v{width:2px;margin-left:-1px;top:0;bottom:0}.page-seam.h{height:2px;margin-top:-1px;left:0;right:0}.pdf-stage{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute}.pdf-sheet{background:var(--paper);pointer-events:auto;place-items:center;display:grid;overflow:hidden;box-shadow:0 2px 6px #00000014,0 14px 36px #00000024,0 0 0 .5px #0000001a}.pdf-frame{border:none;width:100%;height:100%;display:block}.pdf-frame-note{text-align:center;font-size:var(--type-small);color:#6b6b68;margin:0;padding:0 24px}.pdf-frame-note.pdf-warn{color:#b3261e}.export-views{justify-self:center;justify-items:center;gap:8px;display:grid}.export-readout{z-index:10;font-size:var(--type-small);color:var(--mute);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;position:relative}.export-pager{text-align:center;min-width:52px;font-size:var(--type-small);font-variant-numeric:tabular-nums;font-weight:500}.setup-section{flex:0 auto;min-height:5rem}.setup-section.folded{flex-direction:row;flex:none;align-items:center;gap:8px;min-height:0;padding:10px 16px}.setup-head-button{min-width:0;font:inherit;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:8px;padding:0;display:flex}.setup-count{max-width:none}.setup-fields{gap:10px;min-height:0;padding:0 4px;display:grid;overflow-y:auto}.setup-fields-label{font-size:var(--type-label);color:var(--mute);white-space:nowrap;font-weight:500}.setup-hint{font-size:var(--type-small);color:var(--fg-soft);margin:0;line-height:1.4}.setup-line{align-items:center;gap:8px;min-width:0;display:flex}.setup-line-label{flex:none;align-items:center;gap:5px;width:64px;display:flex}.setup-line input[type=range]{width:auto;min-width:0;accent-color:var(--fg);flex:auto}.setup-line-value{min-width:30px;font-size:var(--type-body);font-variant-numeric:tabular-nums;flex:none;justify-content:flex-end;align-items:baseline;gap:4px;font-weight:500;display:flex}.setup-size-number{box-sizing:content-box;border-radius:var(--radius-small);width:3ch;color:var(--fg);font:inherit;text-align:right;appearance:textfield;cursor:text;background:0 0;border:none;padding:0 2px}.setup-size-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setup-size-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setup-size-number:hover:not(:disabled),.setup-size-number:focus{background:var(--solid);box-shadow:inset 0 0 0 .5px var(--line)}.setup-size-number:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.setup-reset{color:var(--fg-soft);font:inherit;font-size:var(--type-tiny);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:400;text-decoration:underline}.setup-auto{border-radius:var(--radius-control);background:var(--seg);color:var(--on);font-size:var(--type-tiny);padding:1px 5px;font-weight:500}.setup-cap-note{font-size:var(--type-small);color:var(--fg-soft);margin:-4px 0 0;line-height:1.4}.setup-pill{border-radius:var(--radius-control);background:var(--seg);color:var(--fg);font:inherit;font-size:var(--type-small);cursor:pointer;border:none;padding:4px 10px}.setup-cloth{border-top:1px solid var(--divider);padding-top:10px}.setup-notice{color:var(--fg-soft);font-size:var(--type-small);align-items:center;gap:6px;display:flex}.setup-notice-icon{flex:none;width:14px;height:14px}.setup-notice-undo{color:var(--fg);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.setup-notice-undo:disabled{color:var(--fg-soft);cursor:default}.setup-pinned{flex:none;gap:10px;margin-top:10px;padding:0 4px;display:grid}.setup-foot{justify-content:flex-end;display:flex}.setup-arriving{gap:10px;display:grid}.setup-fields-waiting{border-radius:var(--radius-small);background:var(--seg);height:12px;display:block}.setup-fields-waiting.track{flex:1;height:4px}.setup-section:has(.size-note){flex-shrink:0}.import-stage{z-index:4;pointer-events:none;position:absolute}.import-stage[data-part=reading]{flex-direction:column;align-items:center;gap:10px;padding:3px;display:flex}.import-reading{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.import-picture{object-fit:contain;opacity:.2;width:100%;height:100%;image-rendering:pixelated;animation:.5s ease-out backwards import-picture-dim;position:absolute;inset:0}@keyframes import-picture-dim{0%{opacity:1}}.import-stitches,.import-stitches canvas{width:100%;height:100%;position:absolute;inset:0}.import-ground{transition:opacity .2s ease-out}.import-stage[data-part=reading] .import-ground{opacity:.92;animation:.5s ease-out backwards import-ground-in}@keyframes import-ground-in{0%{opacity:0}}.import-light{position:absolute;overflow:hidden}.import-light:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:40%;animation:1.4s ease-in-out infinite import-light-pass;position:absolute;inset:0 auto 0 0}@keyframes import-light-pass{0%{transform:translate(-100%)}to{transform:translate(250%)}}.import-line{font-size:var(--type-small);color:var(--fg-soft);flex-direction:column;align-items:center;gap:2px;margin:0;font-weight:500;display:flex}.import-line-over{border-radius:var(--radius-bar);background:var(--panel);box-shadow:var(--shadow-bar), var(--hairline);white-space:nowrap;padding:4px 10px;position:absolute;transform:translate(-50%)}.import-count{font-size:var(--type-label);color:var(--mute);font-variant-numeric:tabular-nums;font-weight:400}@media (prefers-reduced-motion:reduce){.import-picture,.import-stage[data-part=reading] .import-ground{animation:none}.import-ground{transition:none}.import-light:after{display:none}}.confetti{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-fall{animation-name:confetti-fall;animation-timing-function:cubic-bezier(.4,.08,.75,.8);animation-fill-mode:both;position:absolute;top:0;transform:translateY(-24px)}.confetti-sway{animation-name:confetti-sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;display:block}.confetti-piece{--c0:#ff3b6b;--c1:#ff8a00;--c2:#ffd400;--c3:#2ecc71;--c4:#00c2d1;--c5:#2f7bff;--c6:#8b5cf6;--c7:#ff5ccf;backface-visibility:visible;animation-name:confetti-spin,confetti-flip;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-fill-mode:both,none;display:block}.confetti-piece.rect{background:var(--colour);border-radius:1px;width:8px;height:13px}.confetti-piece.dot{background:var(--colour);border-radius:50%;width:7px;height:7px}.confetti-piece.curl{border:2.5px solid #0000;border-top-color:var(--colour);border-radius:50%;width:15px;height:9px}.confetti-piece.c0{--colour:var(--c0)}.confetti-piece.c1{--colour:var(--c1)}.confetti-piece.c2{--colour:var(--c2)}.confetti-piece.c3{--colour:var(--c3)}.confetti-piece.c4{--colour:var(--c4)}.confetti-piece.c5{--colour:var(--c5)}.confetti-piece.c6{--colour:var(--c6)}.confetti-piece.c7{--colour:var(--c7)}@keyframes confetti-fall{0%{transform:translateY(-24px)}to{transform:translateY(calc(100vh + 24px))}}@keyframes confetti-sway{0%{transform:translateX(calc(var(--sway) * -1))}to{transform:translateX(var(--sway))}}@keyframes confetti-spin{0%{rotate:0deg}to{rotate:var(--spin)}}@keyframes confetti-flip{0%{transform:scale(var(--scale)) rotate3d(1, .4, 0, 0deg)}to{transform:scale(var(--scale)) rotate3d(1, .4, 0, 180deg)}}