.app-bar{height:48px;z-index:var(--z-header);background:0 0;align-items:center;padding:0;display:flex;position:fixed;top:0;left:0;right:0}.app-bar-inner{align-items:center;gap:var(--space-3);max-width:var(--layout-max-width);width:100%;height:100%;padding:0 var(--space-4);border:1px solid var(--color-separator);border-radius:0 0 var(--space-4) var(--space-4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:0 auto;display:flex}.app-bar-inner--sheet-open{background:var(--color-bg)}@media (display-mode:window-controls-overlay){.app-bar{top:env(titlebar-area-y,0);left:env(titlebar-area-x,0);width:env(titlebar-area-width,100%);height:env(titlebar-area-height,48px);-webkit-app-region:drag;padding:0;position:fixed}.app-bar-inner{padding:0}.app-bar-left{padding-inline-start:var(--space-4)}.app-bar-right{padding-inline-end:var(--space-4)}}.app-bar button,.app-bar img{-webkit-app-region:no-drag}.app-bar-left,.app-bar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.app-bar-right{justify-content:flex-end;min-width:44px}.app-bar-btn{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-label);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.app-bar-btn:hover{background:var(--color-fill-quaternary)}.app-bar-btn:active{background:var(--color-fill-tertiary)}.app-bar-logo{border-radius:var(--radius-sm);width:32px;height:32px;padding:2px}.app-bar-logo img{object-fit:contain;width:100%;height:100%}.app-bar-title{text-align:start;font-size:var(--text-headline);font-weight:var(--weight-semibold);color:var(--color-label);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;overflow:hidden}.app-bar-install{align-items:center;gap:var(--space-1);height:-webkit-fill-available;height:-moz-available;height:stretch;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-blue-tint);color:var(--color-blue);font-family:var(--font-family);font-size:var(--text-caption2);font-weight:var(--weight-semibold);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-out);white-space:nowrap;border:none;display:inline-flex}.app-bar-install:hover{background:var(--color-blue-tint-hover)}.app-bar-install:active{background:#1d4ed83d}.app-bar-icon-btn{border-radius:var(--radius-pill);background:var(--color-fill-tertiary);width:32px;height:32px;color:var(--color-label-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;display:flex}.app-bar-icon-btn:hover{opacity:.75}.app-bar-icon-btn:active{opacity:.6}.app-bar-login{height:32px;font-size:var(--text-footnote)!important}.app-bar-credits{font-size:var(--text-caption1);font-weight:var(--weight-semibold);color:var(--color-blue);background:var(--color-blue-tint);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);align-items:center;gap:2px;height:-webkit-fill-available;height:-moz-available;height:stretch;display:inline-flex}.app-bar-avatar-btn{border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;width:36px;height:36px;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.app-bar-avatar-btn:hover{background:var(--color-fill-quaternary)}.app-bar-avatar-btn:active{background:var(--color-fill-tertiary)}.app-bar-avatar{border-radius:var(--radius-pill);background:var(--color-blue);width:32px;height:32px;color:var(--color-label-inverted);font-size:var(--text-caption1);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:flex}.profile-header-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.profile-avatar-large{border-radius:var(--radius-pill);background:var(--color-blue);width:48px;height:48px;color:var(--color-label-inverted);font-size:var(--text-title3);font-weight:var(--weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-label)}.profile-email{font-size:var(--text-footnote);font-weight:var(--weight-regular);color:var(--color-label-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sheet-divider{background:var(--color-separator);height:1px;margin:var(--space-1) var(--space-4)}.sheet-row-icon-logout{background:var(--color-red-tint);color:var(--color-red)}.sheet-row-title-logout{color:var(--color-red)}.sheet-row-icon-google{color:#fff;background:#4285f4}.sheet-row-icon-apple,.sheet-row-icon-link{color:#fff;background:#000}.signin-overlay{z-index:calc(var(--z-modal) + 1);background:var(--color-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.signin-modal{background:var(--color-bg-elevated);border-radius:var(--radius-xl);width:100%;max-width:320px;padding:var(--space-6) var(--space-5);text-align:center;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-float);flex-direction:column;display:flex}.signin-modal-icon{border-radius:var(--radius-pill);color:#fff;background:#4285f4;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.signin-modal-title{font-size:var(--text-headline);font-weight:var(--weight-semibold);color:var(--color-label);margin:0}.signin-modal-text{font-size:var(--text-caption1);color:var(--color-label-secondary);line-height:var(--leading-normal);margin:0}.signin-modal-actions{gap:var(--space-2);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.file-upload{border-radius:var(--radius-md);border:1px dashed var(--color-separator);background:var(--color-fill-quaternary);cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:148px;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.file-upload:hover{border-color:var(--color-fill-primary);background:var(--color-fill-tertiary)}.file-upload.dragging{border-color:var(--color-label);background:var(--color-fill-tertiary)}.file-upload.has-image{border-style:solid;border-color:var(--color-separator);background:0 0}.file-upload-placeholder{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.file-upload-icon{color:var(--color-label-tertiary);justify-content:center;align-items:center;display:flex}.file-upload-title{font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--color-label-secondary)}.file-upload-hint{font-size:var(--text-caption2);color:var(--color-label-tertiary)}.uploaded-image{object-fit:contain;width:100%;height:100%}.file-upload-actions{top:var(--space-2);gap:var(--space-1);display:flex;position:absolute;inset-inline-end:var(--space-2)}.file-replace-btn{border-radius:var(--radius-pill);background:var(--color-fill-tertiary);width:32px;height:32px;color:var(--color-label);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);transition:background var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;display:flex}.file-replace-btn:hover{background:var(--color-fill-primary)}.file-replace-btn:active{background:var(--color-fill-secondary)}.file-remove-btn{border-radius:var(--radius-pill);background:var(--color-red-tint);width:32px;height:32px;color:var(--color-red);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);transition:background var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;display:flex}.file-remove-btn:hover,.file-remove-btn:active{background:var(--color-red-tint-hover)}.option-select{gap:var(--space-2);flex-direction:column;display:flex}.option-select-header{justify-content:space-between;align-items:center;display:flex}.option-select-label{font-size:var(--text-footnote);font-weight:var(--weight-medium);color:var(--color-label-secondary);padding:0 var(--space-1)}.option-search{align-items:center;display:flex;position:relative}.option-search-icon{color:var(--color-label-tertiary);pointer-events:none;position:absolute;inset-inline-start:var(--space-3)}.option-search-input{border:1px solid var(--color-separator);background:var(--color-fill-quaternary);width:100%;color:var(--color-label);font-family:inherit;font-size:var(--text-footnote);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-3) + 14px + var(--space-2));border-radius:var(--radius-sm);appearance:none;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);outline:none}.option-search-input::placeholder{color:var(--color-label-tertiary)}.option-search-input:focus{background:var(--color-bg-elevated);border-color:var(--color-fill-primary)}.option-chips{gap:var(--space-1);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;flex-direction:row;padding:2px 0;display:flex;overflow:auto hidden}.option-chips::-webkit-scrollbar{display:none}.option-chip{border-radius:var(--radius-pill);border:1px solid var(--color-separator);background:var(--color-fill-quaternary);color:var(--color-label-secondary);font-family:inherit;font-size:var(--text-caption2);font-weight:var(--weight-semibold);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;scroll-snap-align:start;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex:none;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.option-chip:hover{background:var(--color-fill-tertiary)}.option-chip.active{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.option-chip-count{font-size:10px;font-weight:var(--weight-medium);opacity:.7;font-variant-numeric:tabular-nums}.option-grid{gap:var(--space-2);cursor:grab;scrollbar-width:none;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));padding:2px 0;display:grid}.option-grid::-webkit-scrollbar{display:none}.option-grid-scrollable{scrollbar-width:thin;scrollbar-color:var(--color-separator) transparent;max-height:250px;overflow-y:auto}.option-grid-scrollable::-webkit-scrollbar{width:4px;display:block}.option-grid-scrollable::-webkit-scrollbar-thumb{background:var(--color-separator);border-radius:2px}.option-grid-horizontal{scrollbar-width:thin;scrollbar-color:var(--color-separator) transparent;grid-template-rows:repeat(2,auto);grid-auto-columns:72px;grid-auto-flow:column;overflow-x:auto}.option-grid-horizontal::-webkit-scrollbar{height:4px;display:block}.option-grid-horizontal::-webkit-scrollbar-thumb{background:var(--color-separator);border-radius:2px}.option-tile-wrap{align-items:center;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.option-tile{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-fill-quaternary);cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.option-tile:hover{background:var(--color-fill-tertiary)}.option-tile.active{border-color:var(--color-blue)}.option-image{object-fit:cover;width:100%;height:100%;display:block}.ratio-shape{background:var(--color-fill-primary);border:1px solid var(--color-separator);border-radius:var(--radius-xs)}.option-tile.active .ratio-shape{background:var(--color-blue-tint)}.ratio-auto-text{font-size:var(--text-caption1);font-weight:var(--weight-semibold);color:var(--color-label-secondary)}.option-tile.active .ratio-auto-text{color:var(--color-blue)}.option-label{font-size:var(--text-caption1);font-weight:var(--weight-medium);color:var(--color-label);text-align:center;word-break:break-word;padding:4px}.option-label-below{font-size:var(--text-caption2);font-weight:var(--weight-medium);color:var(--color-label-secondary);text-align:center;line-height:var(--leading-tight);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.option-check{top:4px;background:var(--color-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;inset-inline-end:4px}.option-play{bottom:4px;background:var(--color-blue);color:#fff;-webkit-tap-highlight-color:transparent;cursor:pointer;width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:4px}.option-play:hover{transform:scale(1.08)}.option-play.playing{animation:1.2s ease-in-out infinite pulse-preview}@keyframes pulse-preview{0%,to{box-shadow:0 0 #1d4ed866}50%{box-shadow:0 0 0 4px #1d4ed800}}.option-upload{color:var(--color-label-secondary);background:var(--color-fill-quaternary);border:1px dashed var(--color-separator);flex-direction:column;gap:4px}.option-upload-label{font-size:var(--text-caption2);font-weight:var(--weight-medium);text-align:center;padding:0 4px;line-height:1.1}.option-custom{border-color:var(--color-blue);position:relative}.option-remove{bottom:4px;background:var(--color-fill-quaternary);width:20px;height:20px;color:var(--color-red);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:4px}.option-remove:active{background:var(--color-fill-primary)}.option-empty{padding:var(--space-3) var(--space-2);text-align:center;font-size:var(--text-footnote);color:var(--color-label-tertiary)}.collapsed-input{gap:var(--space-1);z-index:0;flex-direction:column;width:100%;display:flex;position:relative}.collapsed-header{gap:var(--space-2);align-items:center;display:flex}.collapsed-header-credits{color:var(--color-blue);font-weight:var(--weight-medium);align-items:center;gap:2px;margin-inline-start:var(--space-1);display:inline-flex}.collapsed-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-fill-quaternary);color:var(--color-label-secondary);font-size:var(--text-caption2);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;border:none;display:inline-flex}.collapsed-row{gap:var(--space-2);align-items:center;display:flex}.collapsed-image{border-radius:var(--radius-sm);border:1px dashed var(--color-separator);cursor:pointer;-webkit-tap-highlight-color:transparent;width:40px;height:40px;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex-shrink:0;position:relative;overflow:hidden}.collapsed-image:hover{border-color:var(--color-fill-primary);background:var(--color-fill-tertiary)}.collapsed-image.has-value{border-style:solid;border-color:var(--color-separator);background:0 0}.collapsed-image-empty{width:100%;height:100%;color:var(--color-label-tertiary);justify-content:center;align-items:center;display:flex}.collapsed-image.has-value .collapsed-image-empty{display:none}.collapsed-thumb{object-fit:cover;width:100%;height:100%}.collapsed-image-actions{justify-content:center;align-items:center;gap:var(--space-1);background:var(--color-overlay);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);border-radius:var(--radius-sm);display:flex;position:absolute;inset:0}.collapsed-image:hover .collapsed-image-actions{opacity:1}.collapsed-img-btn{border-radius:var(--radius-pill);background:var(--overlay-btn-bg);width:28px;height:28px;color:var(--color-label-inverted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;display:flex}.collapsed-img-btn:hover,.collapsed-img-btn:active{background:var(--overlay-btn-bg-hover)}.collapsed-img-remove:hover{background:var(--color-red)}.collapsed-center{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;min-width:0}.collapsed-textarea{background:linear-gradient(180deg, var(--input-tint-top) 0%, var(--input-tint-bottom) 100%), var(--color-fill-tertiary);border-radius:var(--radius-md);padding:0 var(--space-4);box-shadow:var(--input-shadow);align-content:center;height:-webkit-fill-available;height:-moz-available;height:stretch}.collapsed-text{white-space:nowrap;text-overflow:ellipsis;color:var(--color-label);font-weight:var(--weight-medium);font-size:var(--text-footnote);line-height:var(--leading-tight);display:block;overflow:hidden}.collapsed-placeholder{color:var(--color-label-tertiary);font-weight:var(--weight-regular)}.collapsed-credits{font-size:var(--text-caption2);font-weight:var(--weight-semibold);color:var(--color-label-inverted);background:var(--color-blue);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);line-height:var(--leading-tight);flex-shrink:0}.collapsed-send{border-radius:var(--radius-pill);background:var(--btn-filled-bg);width:44px;height:44px;color:var(--btn-filled-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-out);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.collapsed-send:hover:not(:disabled){background:var(--btn-filled-bg-hover)}.collapsed-send:active:not(:disabled){background:var(--color-blue-active)}.collapsed-send:disabled{background:var(--btn-filled-bg-disabled);color:var(--btn-filled-text-disabled);cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel{pointer-events:none;transition:background var(--duration-slow) var(--ease-spring);background:0 0;flex-direction:column;justify-content:flex-end;padding:0 4px;display:flex;position:fixed;inset:0}.panel:not(.collapsed){background:var(--color-overlay);pointer-events:auto}.panel-container{background:var(--color-bg-elevated);pointer-events:all;width:100%;max-width:var(--layout-max-width);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--color-separator);padding:0 var(--space-4) var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-area-bottom));box-shadow:0 100vh 0 var(--color-bg-elevated), var(--shadow-float);max-height:80vh;transition:max-height var(--duration-slow) var(--ease-spring), padding var(--duration-slow) var(--ease-spring), box-shadow var(--duration-slow) var(--ease-spring);will-change:transform, max-height;margin:0 auto;position:relative;overflow-y:auto}.panel-drag-indicator{width:var(--drag-indicator-width);height:var(--drag-indicator-height);background:var(--color-fill-primary);border-radius:var(--radius-pill);margin:var(--space-2) auto var(--space-3);cursor:grab;touch-action:none;z-index:0;flex-shrink:0;position:relative}.panel.collapsed .panel-drag-indicator{margin-bottom:var(--space-1);background:linear-gradient(90deg,#8b5cf6,#3b82f6)}.panel.collapsed .panel-container{max-height:calc(96px + 20px + var(--safe-area-bottom));box-shadow:0 410px 0px 300px var(--color-bg-elevated), 0 4px 24px #8b5cf61f, 0 -2px 8px #3b82f61a, 0 -6px 20px #8b5cf60f;padding-bottom:calc(var(--space-2) + 20px + var(--safe-area-bottom));animation:3.5s ease-in-out infinite panel-glow;overflow:hidden}.panel.collapsed .panel-container:before{content:"";z-index:-1;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4,#8b5cf6,#3b82f6) 0 0/200% 100%;height:212px;animation:3s linear infinite ai-border-shift;position:absolute;top:0;left:0;right:0}.panel.collapsed .panel-container:after{content:"";z-index:-1;background:#fff 0 0/200% 100%;border-radius:24px;height:212px;animation:3s linear infinite ai-border-shift;position:absolute;top:2px;left:2px;right:2px}@keyframes panel-glow{0%,to{box-shadow:0 410px 0px 300px var(--color-bg-elevated), 0 4px 24px #8b5cf61f, 0 -2px 8px #3b82f61a, 0 -6px 20px #8b5cf60f}50%{box-shadow:0 410px 0px 300px var(--color-bg-elevated), 0 8px 36px #06b6d429, 0 -2px 14px #8b5cf62e, 0 -10px 36px #3b82f61f}}@keyframes ai-border-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.inputs-list{gap:var(--space-4);flex-direction:column;display:flex}.input-row{gap:var(--space-2);flex-direction:column;display:flex}.panel-selectors{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.selector{flex:1;position:relative}.selector-trigger{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-fill-quaternary);cursor:pointer;text-align:start;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-out);border:none;flex-direction:row;height:100%;display:flex;position:relative}.selector-trigger:hover{background:var(--color-fill-tertiary)}.selector-trigger:active{background:var(--color-fill-primary)}.selector-logo{object-fit:cover;border-radius:4px;flex-shrink:0;width:28px;height:37px}.selector-icon{width:28px;height:37px;color:var(--color-label-tertiary);flex-shrink:0}.selector-text{flex-direction:column;min-width:0;display:flex}.selector-value{font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--color-label);white-space:nowrap}.selector-credits{font-size:var(--text-caption2);font-weight:var(--weight-medium);background:var(--color-blue);color:var(--color-label-inverted);padding:2px var(--space-2);border-radius:var(--radius-pill);top:var(--space-2);right:var(--space-3);align-items:center;gap:2px;display:inline-flex;position:absolute}.selector-label{font-size:var(--text-caption2);font-weight:var(--weight-medium);color:var(--color-label-tertiary);align-items:center;gap:var(--space-1);display:flex}.sheet-backdrop{z-index:var(--z-modal);background:var(--color-overlay);justify-content:center;align-items:flex-end;padding:0 4px;display:flex;position:fixed;inset:0}.sheet{background:var(--color-bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:var(--layout-max-width);max-height:70vh;padding-bottom:var(--safe-area-bottom);will-change:transform;flex-direction:column;display:flex;overflow:hidden}.sheet-drag-indicator{width:var(--drag-indicator-width);height:var(--drag-indicator-height);background:var(--color-fill-primary);border-radius:var(--radius-pill);margin:var(--space-2) auto var(--space-1);flex-shrink:0}.sheet-header{padding:var(--space-1) var(--space-4);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sheet-title{font-size:var(--text-headline);font-weight:var(--weight-semibold);color:var(--color-label);text-align:center;margin:0}.sheet-done-btn{z-index:1;position:absolute;inset-inline-end:var(--space-4)}.sheet-list{padding:var(--space-2) 0;flex-direction:column;display:flex;overflow-y:auto}.sheet-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:start;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;display:flex}.sheet-row:hover,.sheet-row:active{background:var(--color-fill-quaternary)}.sheet-row-logo{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:36px;height:48px}.sheet-row-icon{border-radius:var(--radius-sm);background:var(--color-fill-quaternary);width:36px;height:36px;color:var(--color-label-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-row-icon.active{background:var(--color-blue-tint);color:var(--color-blue)}.sheet-row-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.sheet-row-main{align-items:center;gap:var(--space-2);display:flex}.sheet-row-title{font-size:var(--text-body);font-weight:var(--weight-regular);color:var(--color-label)}.sheet-row-desc{font-size:var(--text-footnote);font-weight:var(--weight-regular);color:var(--color-label-secondary);line-height:var(--leading-tight)}.sheet-row-tags{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.sheet-tag{font-size:var(--text-caption2);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);flex-shrink:0}.sheet-tag-credits{background:var(--color-blue);color:var(--color-label-inverted);align-items:center;gap:2px;display:inline-flex}.sheet-row-check{color:var(--color-blue);flex-shrink:0}.sheet-enter-active{transition:opacity var(--duration-base) var(--ease-out)}.sheet-enter-active .sheet{transition:transform var(--duration-base) var(--ease-spring)}.sheet-leave-active{transition:opacity var(--duration-fast) var(--ease-out)}.sheet-leave-active .sheet{transition:transform var(--duration-fast) var(--ease-out)}.sheet-enter-from{opacity:0}.sheet-enter-from .sheet{transform:translateY(100%)}.sheet-leave-to{opacity:0}.sheet-leave-to .sheet{transform:translateY(100%)}.submit-btn{background:linear-gradient(180deg, var(--color-blue) 0%, var(--color-blue-hover) 100%);width:100%;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);transform:scale(1);box-shadow:inset 0 1px #ffffff26,0 1px 2px #1d4ed82e}.submit-btn:hover{background:linear-gradient(180deg, var(--color-blue-hover) 0%, var(--color-blue) 100%)}.submit-btn:active{transform:scale(.985);box-shadow:inset 0 1px #ffffff1a,0 1px 1px #1d4ed81f}.submit-btn:disabled{background:var(--color-fill-primary);box-shadow:none;cursor:not-allowed;transform:none}.submit-credits{font-size:var(--text-caption1);opacity:.8;text-transform:capitalize;align-items:center;gap:4px;display:inline-flex}.btn-spin{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-slow) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.app-root{height:100dvh;padding-top:calc(var(--space-8) + var(--space-2));flex-direction:column;display:flex;overflow:hidden}@media (display-mode:window-controls-overlay){.app-root{padding-top:env(titlebar-area-height,48px)}}:root{--color-bg:#fff;--color-bg-elevated:#fff;--color-bg-grouped:#f2f2f7;--color-bg-secondary:#f2f2f7;--color-bg-tertiary:#fff;--color-overlay:#0006;--color-label:#000;--color-label-secondary:#3c3c4399;--color-label-tertiary:#3c3c434d;--color-label-quaternary:#3c3c432e;--color-label-inverted:#fff;--color-fill-primary:#78788033;--color-fill-secondary:#78788029;--color-fill-tertiary:#7878801f;--color-fill-quaternary:#78788014;--color-blue:#1d4ed8;--color-blue-hover:#1e40af;--color-blue-active:#1e3a8a;--color-blue-tint:#1d4ed81f;--color-blue-tint-hover:#1d4ed82e;--color-red:#ff3b30;--color-red-tint:#ff3b301f;--color-red-tint-hover:#ff3b3033;--color-green:#34c759;--color-green-tint:#34c7591f;--color-orange:#ff9500;--color-orange-tint:#ff95001f;--color-separator:#3c3c431f;--color-separator-opaque:#c6c6c8;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--font-family-display:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;--text-caption2:11px;--text-caption1:12px;--text-footnote:13px;--text-subhead:15px;--text-callout:16px;--text-body:17px;--text-headline:17px;--text-title3:20px;--text-title2:22px;--text-title1:28px;--text-large-title:34px;--leading-tight:1.2;--leading-normal:1.35;--leading-loose:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:590;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 14px #0000001a;--shadow-lg:0 10px 30px #00000026;--shadow-float:0 2px 8px #0000000f, 0 8px 24px #0000001a;--ease-out:cubic-bezier(.25, .1, .25, 1);--ease-in-out:cubic-bezier(.42, 0, .58, 1);--ease-spring:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--layout-max-width:480px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--z-header:10;--z-overlay:50;--z-modal:60;--z-toast:80;--btn-filled-bg:var(--color-blue);--btn-filled-bg-hover:var(--color-blue-hover);--btn-filled-bg-disabled:var(--color-fill-primary);--btn-filled-text:#fff;--btn-filled-text-disabled:var(--color-label-tertiary);--btn-tinted-bg:var(--color-blue-tint);--btn-tinted-bg-hover:var(--color-blue-tint-hover);--btn-tinted-text:var(--color-blue);--btn-gray-bg:var(--color-fill-primary);--btn-gray-bg-hover:var(--color-fill-secondary);--btn-gray-text:var(--color-label);--btn-plain-text:var(--color-blue);--btn-destructive-text:var(--color-red);--btn-destructive-bg:var(--color-red-tint);--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--btn-radius:var(--radius-pill);--input-bg:var(--color-fill-tertiary);--input-bg-focus:var(--color-fill-quaternary);--input-text:var(--color-label);--input-placeholder:var(--color-label-tertiary);--input-radius:var(--radius-sm);--input-height:44px;--input-tint-top:#0000;--input-tint-bottom:#0000;--input-tint-top-focus:#0000;--input-tint-bottom-focus:#0000;--input-shadow:inset 0 1px 0 #fff9, 0 1px 3px #0000000a;--input-shadow-focus:inset 0 1px 0 #fff9, 0 1px 3px #0000000a;--option-item-size:64px;--drag-indicator-width:36px;--drag-indicator-height:4px;--overlay-btn-bg:#fff3;--overlay-btn-bg-hover:#ffffff59}html[lang=ar]{--font-family:"IBM Plex Sans Arabic", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display:"IBM Plex Sans Arabic", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01", "ss03";font-variant-numeric:tabular-nums;margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}img,svg,video,canvas{max-width:100%;display:block}textarea{resize:none}*{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100%;max-width:var(--layout-max-width);background:var(--color-bg);margin:0 auto;position:relative}.safe-area-top{background:var(--color-label);height:var(--safe-area-top)}.safe-area-bottom{background:var(--color-label);height:var(--safe-area-bottom)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scroll-hidden{scrollbar-width:none}.scroll-hidden::-webkit-scrollbar{display:none}.btn-filled{justify-content:center;align-items:center;gap:var(--space-2);height:var(--btn-height-md);padding:0 var(--space-5);border-radius:var(--btn-radius);background:var(--btn-filled-bg);color:var(--btn-filled-text);font-family:var(--font-family);font-size:var(--text-subhead);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;border:none;display:inline-flex}.btn-filled:hover{background:var(--btn-filled-bg-hover)}.btn-filled:active{background:var(--color-blue-active)}.btn-filled:disabled{background:var(--btn-filled-bg-disabled);color:var(--btn-filled-text-disabled);cursor:not-allowed}.btn-filled.btn-sm{height:var(--btn-height-sm);font-size:var(--text-caption1);padding:0 var(--space-3)}.btn-filled.btn-lg{height:var(--btn-height-lg);font-size:var(--text-body);padding:0 var(--space-6)}.btn-tinted{justify-content:center;align-items:center;gap:var(--space-2);height:var(--btn-height-md);padding:0 var(--space-5);border-radius:var(--btn-radius);background:var(--btn-tinted-bg);color:var(--btn-tinted-text);font-family:var(--font-family);font-size:var(--text-subhead);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;border:none;display:inline-flex}.btn-tinted:hover{background:var(--btn-tinted-bg-hover)}.btn-gray{justify-content:center;align-items:center;gap:var(--space-2);height:var(--btn-height-md);padding:0 var(--space-5);border-radius:var(--btn-radius);background:var(--btn-gray-bg);color:var(--btn-gray-text);font-family:var(--font-family);font-size:var(--text-subhead);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;border:none;display:inline-flex}.btn-gray:hover{background:var(--btn-gray-bg-hover)}.btn-plain{justify-content:center;align-items:center;gap:var(--space-2);height:auto;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--btn-plain-text);font-family:var(--font-family);font-size:var(--text-footnote);font-weight:var(--weight-medium);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;display:inline-flex}.btn-plain:hover{background:var(--color-blue-tint)}.btn-destructive{justify-content:center;align-items:center;gap:var(--space-2);height:var(--btn-height-md);padding:0 var(--space-5);border-radius:var(--btn-radius);background:var(--btn-destructive-bg);color:var(--btn-destructive-text);font-family:var(--font-family);font-size:var(--text-subhead);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;border:none;display:inline-flex}.btn-icon{width:var(--btn-height-md);height:var(--btn-height-md);border-radius:var(--radius-pill);background:var(--color-fill-quaternary);color:var(--color-label);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--color-fill-tertiary)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon.btn-sm{width:var(--btn-height-sm);height:var(--btn-height-sm)}.input-text{width:100%;height:var(--input-height);padding:0 var(--space-4);border-radius:var(--input-radius);background:linear-gradient(180deg, var(--input-tint-top) 0%, var(--input-tint-bottom) 100%), var(--input-bg);color:var(--input-text);font-family:var(--font-family);font-size:var(--text-body);transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);-webkit-appearance:none;box-shadow:var(--input-shadow);border:none;outline:none}.input-text::placeholder{color:var(--input-placeholder)}.input-text:focus{background:linear-gradient(180deg, var(--input-tint-top-focus) 0%, var(--input-tint-bottom-focus) 100%), var(--input-bg-focus);box-shadow:var(--input-shadow-focus)}.textarea{width:100%;min-height:80px;padding:var(--space-3) var(--space-4);border-radius:var(--input-radius);background:linear-gradient(180deg, var(--input-tint-top) 0%, var(--input-tint-bottom) 100%), var(--input-bg);color:var(--input-text);font-family:var(--font-family);font-size:var(--text-body);line-height:var(--leading-normal);resize:vertical;transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);-webkit-appearance:none;box-shadow:var(--input-shadow);border:none;outline:none}.textarea::placeholder{color:var(--input-placeholder)}.textarea:focus{background:linear-gradient(180deg, var(--input-tint-top-focus) 0%, var(--input-tint-bottom-focus) 100%), var(--input-bg-focus);box-shadow:var(--input-shadow-focus)}.grouped-section{background:var(--color-bg);border-radius:var(--radius-sm);overflow:hidden}.grouped-section>*{padding:var(--space-3) var(--space-4)}.grouped-section>*+*{border-top:1px solid var(--color-separator)}[dir=rtl] svg:not(.no-flip-rtl){transform:scaleX(-1)}