.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);text-align:center}.empty-state__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.empty-state__desc{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);max-width:22em}.empty-state__trace{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary)}.empty-state__trace code{font-family:var(--font-family-mono)}.empty-state__action{margin-top:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--size-tap-min);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--block{width:100%}.btn--primary{background:var(--brand-primary);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--brand-primary)}.btn--ghost{background:var(--background-app);color:var(--text-primary);border-color:var(--border-card)}.btn--ghost:hover:not(:disabled){background:var(--background-card)}.btn--icon{background:none;color:var(--text-secondary);border-color:transparent}.btn--icon:hover:not(:disabled){background:var(--btn-ghost-hover-bg)}.btn--text{background:none;color:var(--text-link);border-color:transparent}.btn--danger{color:var(--status-error-text-primary)}.ai-history{display:flex;flex:1;flex-direction:column;min-height:0;background:var(--background-app)}.ai-history__head{display:flex;flex:none;align-items:center;gap:var(--space-1);box-sizing:border-box;height:var(--size-toolbar);padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--border-card)}.ai-history__back{box-sizing:border-box;flex:none;width:20px;height:20px;min-height:0;padding:0;color:var(--text-primary)}.ai-history__back-icon{width:20px;height:20px}.ai-history__title{flex:1;min-width:0;margin:0;overflow:hidden;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:22px;white-space:nowrap;text-overflow:ellipsis}.ai-history__body{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--space-5);min-height:0;overflow-y:auto;box-sizing:border-box;padding:var(--space-6) var(--space-4)}.ai-history__group{display:flex;flex:none;flex-direction:column;gap:var(--space-4);width:320px;max-width:100%}.ai-history__group-title{margin:0;color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:17px}.ai-history__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.ai-history__item{display:flex;align-items:center;gap:var(--space-2);box-sizing:border-box;height:42px;padding:8px 8px 8px var(--space-3);background:none;border:1px solid var(--border-card);border-radius:var(--radius-md)}.ai-history__item:hover{background:var(--background-surface)}.ai-history__item[data-active]{background:var(--selection-background);border-color:var(--selection-border)}.ai-history__item[data-active] .ai-history__name{color:var(--selection-text)}.ai-history__name{flex:1;min-width:0;padding:0;overflow:hidden;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:22px;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:none;border:none;cursor:pointer}.ai-history__more{box-sizing:border-box;flex:none;width:24px;height:24px;min-height:0;padding:0;color:var(--text-muted)}.ai-history__more-icon{width:24px;height:24px}.ai-history__hint{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.ratio-card{box-sizing:border-box;min-height:0;display:flex;flex-direction:column;background:var(--background-app);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium-shape)}.ratio-card__header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ratio-card__title{margin:0;font-size:var(--font-size-xl);line-height:var(--line-height-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.ratio-card__close{flex:none;width:var(--space-6);height:var(--space-6);display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-md);background:var(--background-surface);color:var(--text-tertiary)}.ratio-card__body{box-sizing:border-box;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-4)}.ratio-card__group{display:flex;flex-direction:column;gap:var(--space-2)}.ratio-card__group-title{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.ratio-card__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.ratio-card__ratio{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-2);height:72px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--background-surface);color:var(--text-primary)}.ratio-card__ratio[aria-pressed=true]{background:var(--selection-background);border-color:var(--selection-border);color:var(--selection-text)}.ratio-card__thumb{height:var(--space-6);display:flex;align-items:center;justify-content:center;color:var(--border-default)}.ratio-card__ratio-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);text-align:center}.ratio-card__ratio:after{content:attr(data-tip);position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);height:var(--space-6);display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid var(--tooltip-border);border-radius:var(--radius-md);box-shadow:var(--shadow-medium-shape);background:var(--tooltip-background);color:var(--tooltip-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);white-space:nowrap;pointer-events:none;opacity:0;z-index:3}.ratio-card__ratio:hover:after,.ratio-card__ratio:focus-visible:after{opacity:1}.ratio-card__divider{border-top:1px solid var(--border-card)}.ratio-card__sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ratio-card__size{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-1);border:1px solid transparent;border-radius:var(--radius-md);background:var(--background-surface);color:var(--text-primary)}.ratio-card__size[aria-pressed=true]{background:var(--selection-background);border-color:var(--selection-border);color:var(--selection-text)}.ratio-card__size-label{font-size:var(--font-size-sm);line-height:var(--line-height-base);font-weight:var(--font-weight-bold)}.ratio-card__size-auto{font-size:var(--font-size-xs);line-height:var(--line-height-base);font-weight:var(--font-weight-regular)}.ratio-card__size[aria-pressed=true] .ratio-card__size-auto{opacity:.8}.ratio-card__helper{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--text-tertiary)}.ratio-card__helper-icon{flex:none;color:var(--text-tertiary)}.style-box-card{box-sizing:border-box;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-card);border-radius:var(--radius-xl);background:var(--background-app);box-shadow:0 18px 40px -12px var(--shadow-medium)}.style-box-card__header{box-sizing:border-box;flex:none;height:48px;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-card)}.style-box-card__title{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:28px}.style-box-card__actions{display:flex;flex:none;align-items:center;gap:var(--space-2)}.style-box-card__close{flex:none;width:var(--space-6);height:var(--space-6);display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-md);background:var(--background-surface);color:var(--text-tertiary);cursor:pointer}.style-box-card__body{box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);overflow:auto;padding:var(--space-4) 0 var(--space-4) var(--space-4);scrollbar-gutter:stable}.style-box-card__group{display:flex;flex:none;flex-direction:column;gap:var(--space-2)}.style-box-card__group-title{align-self:stretch;margin:0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:22px}.style-box-card__grid{display:grid;grid-template-columns:repeat(4,96px);gap:var(--space-2)}.style-box-card__item{box-sizing:border-box;min-width:0;height:120px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:var(--background-surface);color:var(--text-primary);cursor:pointer}.style-box-card__item[aria-pressed=true]{border-color:var(--selection-border);background:var(--selection-background);color:var(--selection-text)}.style-box-card__cover-frame{box-sizing:border-box;flex:none;width:80px;height:80px;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md)}.style-box-card__cover{display:block;width:100%;height:100%;object-fit:cover;background:var(--background-app);border-radius:var(--radius-md)}.style-box-card__placeholder{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;background:var(--background-app);color:var(--text-muted);font-size:var(--font-size-xs);border-radius:var(--radius-md);text-align:center}.style-box-card__name{align-self:stretch;overflow:hidden;color:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:20px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.style-box-card__empty{margin:0;color:var(--text-tertiary);font-size:var(--font-size-sm)}@media(max-width:900px){.style-box-card__grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.style-box-card__item{padding-right:var(--space-1);padding-left:var(--space-1)}.style-box-card__cover-frame{width:min(80px,100%);aspect-ratio:1;height:auto}.style-box-card__cover,.style-box-card__placeholder{width:100%;aspect-ratio:1;height:auto}}.ai-panel{position:relative;flex:none;width:375px;height:100%;display:flex;flex-direction:column;background:var(--background-app);border-left:1px solid var(--border-card);overflow:visible}.ai-panel__style-card{position:absolute;right:8px;bottom:calc(184px - 132px + var(--space-2));box-sizing:border-box;width:442px;height:min(564px,max(0px,calc(100% - var(--size-toolbar) - var(--space-4) - (184px - 132px + var(--space-2)))));z-index:10}.ai-panel__ratio-card{position:absolute;left:27px;top:calc(var(--size-toolbar) + var(--space-4));bottom:calc(184px - 132px + var(--space-2));display:flex;flex-direction:column;justify-content:flex-end;width:322px;pointer-events:none;z-index:10}.ai-panel__ratio-card>.ratio-card{width:100%;max-height:100%;min-height:0;overflow:hidden;pointer-events:auto}.ai-panel__header{flex:none;height:var(--size-toolbar);display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--border-card)}.ai-panel__title{flex:1;min-width:0;margin:0;overflow:hidden;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);text-overflow:ellipsis;white-space:nowrap}.ai-panel__header-tools{display:flex;flex:none;align-items:center;width:calc(var(--space-6) * 3 + var(--space-3));height:calc(var(--space-6) + var(--space-1))}.ai-panel__header-button{width:calc(var(--space-6) + var(--space-1));height:calc(var(--space-6) + var(--space-1));min-height:calc(var(--space-6) + var(--space-1));padding:var(--space-2);border-radius:var(--radius-sm);color:#1e293b}.ai-panel__header-button:disabled{color:var(--text-disabled);opacity:1}.ai-panel__header-button svg{display:block}.ai-panel__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-4)}.ai-panel__body--skills-centered{justify-content:center}.ai-panel__body--skills-centered .ai-panel__messages{display:none}.ai-panel__skills{align-self:center;display:flex;flex:none;flex-direction:column;align-items:center;gap:var(--space-6);width:320px}.ai-panel__skills-title{align-self:stretch;margin:0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);text-align:center}.ai-panel__skill-list{align-self:stretch;display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.ai-panel__skill-item{display:flex;align-items:center;gap:var(--space-2);height:calc(var(--space-6) + var(--space-2));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-base)}.ai-panel__skill-icon{flex:none;width:var(--font-size-xl);height:var(--font-size-xl);display:grid;place-items:center;line-height:var(--line-height-tight);text-align:center}.ai-panel__skill-label{flex:1}.ai-panel__skill-arrow{flex:none;color:var(--text-muted)}.ai-panel__messages{display:flex;flex:1;flex-direction:column;gap:var(--space-5);min-height:0}.ai-panel__message{display:flex;flex-direction:column;gap:var(--space-1);max-width:100%}.ai-panel__message--user{width:100%;align-items:flex-end;gap:var(--space-2)}.ai-panel__user-images{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:var(--space-2)}.ai-panel__user-image{flex:none;width:calc(var(--space-6) * 2);height:calc(var(--space-6) * 2);border-radius:var(--radius-xl);object-fit:cover}.ai-panel__user-bubble{max-width:calc(100% - var(--space-6));margin:0;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-xl);background:var(--border-card);color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-loose);overflow-wrap:anywhere;text-align:left;white-space:pre-wrap}.ai-panel__message--assistant{width:100%;flex-direction:row;align-items:flex-start;gap:var(--space-4);text-align:left}.ai-panel__message--waiting{gap:var(--space-2)}.ai-panel__assistant-avatar{flex:none;display:block;width:var(--size-avatar-md);height:var(--size-avatar-md);overflow:hidden;border-radius:var(--radius-full);background:var(--border-divider-strong)}.ai-panel__message--waiting .ai-panel__assistant-avatar{width:var(--font-size-2xl);height:var(--font-size-2xl);background:transparent}.ai-panel__assistant-avatar img,.ai-panel__assistant-avatar svg{display:block;width:100%;height:100%}.ai-panel__assistant-avatar img{object-fit:cover}.ai-panel__assistant-body{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.ai-panel__audio{display:block;width:100%;min-width:0;height:var(--space-6)}.ai-panel__message-role,.ai-panel__hint{color:var(--text-tertiary);font-size:var(--font-size-xs)}.ai-panel__message-content{margin:0;color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-loose);overflow-wrap:anywhere;white-space:pre-wrap}.ai-panel__message-content--waiting{color:var(--text-muted)}.ai-panel__hint{margin:0}.ai-panel__error{color:var(--status-error-indicator);font-size:var(--font-size-sm)}.ai-panel__error p{margin:0 0 var(--space-1)}.ai-panel__notice{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.ai-panel__composer{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);width:calc(100% - 1px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-2)}.ai-panel__input-frame{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);border-radius:18px 18px var(--radius-2xl) var(--radius-2xl);background:var(--background-surface);padding-top:var(--space-1)}.ai-panel__reference-input{display:none}.ai-panel__input-frame:not(:has(.ai-panel__reference-row)){background:transparent}.ai-panel__reference-row{flex:none;display:flex;align-items:center;gap:var(--space-1);width:100%;height:calc(var(--space-6) + var(--space-2));padding:0 var(--space-1)}.ai-panel__input-card{flex:none;width:100%;height:120px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border-card);border-radius:var(--radius-2xl);background:var(--background-app)}.ai-panel__input-copy{flex:none;width:100%;height:calc(var(--space-6) + var(--space-5) + var(--space-1));display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-1)}.ai-panel__input{display:block;width:100%;height:calc(var(--space-6) + var(--space-4) + var(--space-1));margin:0;padding:0;resize:none;border:0;outline:0;background:none;color:var(--text-primary);font:inherit;font-size:var(--font-size-md);line-height:var(--line-height-loose)}.ai-panel__input::placeholder{color:var(--text-muted)}.ai-panel__composer-actions{flex:none;width:100%;min-height:var(--space-6);display:flex;align-items:center;justify-content:space-between}.ai-panel__creation-tools,.ai-panel__submit-tools,.ai-panel__voice-tools{display:flex;align-items:center}.ai-panel__creation-tools,.ai-panel__voice-tools{gap:var(--space-1)}.ai-panel__setting-choice{position:relative;flex:none;display:flex;align-items:center}.ai-panel__choice-clear{position:absolute;z-index:2;top:-8px;right:-8px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease}.ai-panel__setting-choice:hover .ai-panel__choice-clear,.ai-panel__setting-choice:focus-within .ai-panel__choice-clear{opacity:1;pointer-events:auto}.ai-panel__choice-clear svg{display:block;width:20px;height:20px}.ai-panel__style-chip{box-sizing:border-box;max-width:112px;height:calc(var(--space-6) + 2px);display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);border:1px solid var(--border-card);border-radius:var(--radius-xl);background:var(--background-surface);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.ai-panel__style-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-panel__style-chip:hover:not(:disabled),.ai-panel__ratio-chip:hover:not(:disabled){background:var(--selection-background);border-color:transparent;color:var(--text-primary)}.ai-panel__style-chip[aria-expanded=true]:not(:disabled),.ai-panel__ratio-chip[aria-expanded=true]:not(:disabled){background:var(--selection-background);border-color:var(--selection-border);color:var(--selection-text)}.ai-panel__style-chip:disabled{color:var(--text-disabled);cursor:not-allowed}.ai-panel__submit-tools{gap:var(--space-3)}.ai-panel__reference-upload{flex:none;width:58px;height:34px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:none;border:1px solid var(--border-card);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer}.ai-panel__reference-upload:hover:not(:disabled){background:var(--background-surface);color:var(--brand-primary)}.ai-panel__reference-upload:disabled{color:var(--text-disabled);cursor:not-allowed}.ai-panel__tool-icon{flex:none;width:var(--space-6);height:var(--space-6);display:grid;place-items:center;color:var(--text-primary)}button.ai-panel__tool-icon{padding:0;border:0;border-radius:var(--radius-full);background:transparent;cursor:pointer}button.ai-panel__tool-icon:hover:not(:disabled){background:var(--background-surface);color:var(--brand-primary)}button.ai-panel__tool-icon[aria-pressed=true]{background:var(--selection-background);color:var(--selection-icon)}button.ai-panel__tool-icon:disabled{color:var(--text-disabled);cursor:not-allowed}.ai-panel__ratio-chip{flex:none;width:max-content;min-width:49px;height:calc(var(--space-6) + 2px);display:flex;align-items:center;justify-content:center;padding:2px var(--space-2);border-radius:var(--radius-xl);background:var(--background-surface);border:1px solid var(--border-card);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:22px;font-weight:var(--font-weight-bold);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}button.ai-panel__ratio-chip:disabled{border-color:var(--border-card);background:var(--background-surface);color:var(--text-tertiary);cursor:not-allowed}.ai-panel__send{flex:none;display:grid;place-items:center;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);padding:0;border:0;border-radius:var(--radius-full);background:var(--brand-primary);color:var(--text-inverse);cursor:pointer}.ai-panel__send:hover:not(:disabled){background:var(--btn-primary-hover)}.ai-panel__send:disabled{background:var(--btn-disabled-background);color:var(--background-app);cursor:not-allowed}.ai-panel__reference-row{flex-wrap:wrap;height:auto;min-height:calc(var(--space-6) + var(--space-2));align-content:center}.ai-panel__reference-chip{position:relative;flex:none;width:40px;height:40px}.ai-panel__reference-chip:hover .ai-panel__reference-remove,.ai-panel__reference-chip:focus-within .ai-panel__reference-remove{opacity:1;pointer-events:auto}.ai-panel__reference-thumb-btn{width:100%;height:100%;padding:0;border:0;border-radius:var(--radius-xl);overflow:hidden;background:var(--background-card);cursor:pointer}.ai-panel__reference-thumb{display:block;width:100%;height:auto}.ai-panel__reference-placeholder{display:block;width:100%;height:100%;border-radius:var(--radius-xl);background:var(--background-card)}.ai-panel__reference-remove{position:absolute;top:0;right:0;width:var(--space-4);height:var(--space-4);display:grid;place-items:center;padding:0;border:0;background:none;color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none}.ai-panel__reference-remove svg{width:100%;height:100%}.ai-panel__viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--space-4);border:0;background:#0009;cursor:pointer}.ai-panel__viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.ai-panel__content-image{display:block;max-width:100%;border-radius:var(--radius-lg);object-fit:contain}.ai-panel__retry{display:flex;align-items:center;gap:var(--space-2)}.ai-panel__retry-hint{color:var(--status-error-indicator);font-size:var(--font-size-xs)}.ai-panel__retry-button{flex:none}.left-nav{flex:none;width:61px;height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 0;background:var(--background-app);border-right:1px solid var(--border-card);overflow:hidden}.left-nav__top{flex:none;display:flex;flex-direction:column;align-items:center}.left-nav__spacer{flex:1;min-height:0;width:100%}.left-nav__items{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.left-nav__item,.left-nav__action{width:var(--size-tap-min);height:var(--size-tap-min);display:grid;place-items:center}.left-nav__icon{display:block;flex:none}.left-nav__action{padding:0;border:none;background:none;color:#1e293b;cursor:pointer}.left-nav__action:hover:not(:disabled){color:var(--brand-primary)}.left-nav__action:disabled{color:var(--text-disabled);cursor:default}.left-nav__action:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.left-nav__action[aria-current=page]{position:relative;z-index:0;color:var(--selection-icon)}.left-nav__action[aria-current=page]:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border-radius:var(--radius-md);background:var(--selection-background)}.app-layout{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden;background:var(--background-surface)}.app-layout__content{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--base-dark-app) 50%,transparent)}.modal__panel{display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--popup-background);border:1px solid var(--popup-border);border-radius:var(--radius-xl);box-shadow:0 18px 40px -12px var(--shadow-medium)}.modal__panel--sm{max-width:360px}.modal__panel--xs{max-width:320px}.modal__panel--confirm{box-sizing:border-box;max-width:343px;border-radius:24px;box-shadow:0 4px 40px var(--shadow-medium)}.modal__panel--confirm.modal__panel--xs{max-width:320px}.modal__panel--trash{box-sizing:border-box;width:clamp(320px,73vw,1440px);max-width:100%;height:647px;max-height:calc(100vh - var(--space-6))}.modal__subtitle{flex:1;min-width:0;margin:0;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.modal__panel--trash .trash-bin{flex:1;min-height:0;overflow:auto}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--popup-border)}.modal__title{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}.modal__close{box-sizing:border-box;width:32px;height:32px;min-height:0;padding:0;border:none;border-radius:var(--radius-md);background:var(--background-surface);color:var(--text-tertiary)}.modal__close-icon{display:block;width:20px;height:20px}.dialog-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.dialog-body.project-info{padding-bottom:var(--space-2)}.project-info__list{margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.project-info__row{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-card)}.project-info__row:last-child{padding-bottom:0;border-bottom:none}.project-info__row dt{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.project-info__row dd{margin:0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.rename-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5)}.rename-error__icon{width:48px;height:48px;flex:none;color:var(--status-error-border)}.rename-error__body{display:flex;flex-direction:column;align-items:center;align-self:stretch;min-width:0}.rename-error__title{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-loose);text-align:center}.rename-error__label{margin:0;padding:8px 0;display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;color:var(--status-error-indicator);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);text-align:center}.rename-error__label-icon{flex:none;width:var(--space-4);height:var(--space-4)}.rename-error__hint{margin:0;align-self:stretch;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-loose);text-align:center}.rename-error__confirm{box-sizing:border-box;flex:none;height:34px;min-height:0;padding:6px var(--space-5);border-radius:var(--radius-full);border-color:var(--btn-outline-border);background:none;color:var(--btn-outline-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}.rename-error__confirm:hover:not(:disabled){background:var(--btn-outline-hover-bg)}.project-toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-medium-shape);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.project-toast--success{background:var(--status-success-surface);border:1px solid var(--status-success-border);color:var(--status-success-text-primary)}.project-toast--error{background:var(--status-error-surface);border:1px solid var(--status-error-border);color:var(--status-error-text-primary)}.project-menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:var(--z-panel);display:flex;flex-direction:column;padding:var(--space-1);min-width:160px;background:var(--popup-background);border:.5px solid var(--popup-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong-shape)}.project-menu__item{display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-base);white-space:nowrap}.project-menu__item:hover{background:var(--neutral-N-200)}.project-menu__item--danger,.project-menu__item--danger .project-menu__icon{color:var(--status-error-text-primary)}.project-menu__icon{width:20px;height:20px;flex:none;color:var(--text-muted)}.project-menu__divider{margin:var(--space-1) 0;border-top:1px solid var(--border-card)}.project-menu__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.project-tile{position:relative;display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:0;border:none;background:transparent;text-align:left;font-family:inherit}.project-tile__cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;background:var(--background-surface);border:.5px solid var(--neutral-N-300);border-radius:var(--radius-xl);overflow:hidden}.project-tile__cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.project-tile__cover-icon{position:relative;width:24px;height:24px;border:1px solid var(--text-muted);border-radius:var(--radius-sm);opacity:.7}.project-tile__cover-icon:before{content:"";position:absolute;top:var(--space-1);right:var(--space-1);width:var(--space-1);height:var(--space-1);border-radius:var(--radius-full);background:var(--text-muted)}.project-tile__cover-icon:after{content:"";position:absolute;left:var(--space-1);bottom:var(--space-1);width:var(--space-4);height:var(--space-4);background:var(--text-muted);transform:rotate(45deg);transform-origin:bottom left}.project-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--base-black) 50%,transparent);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);pointer-events:none}.project-tile:hover .project-tile__overlay,.project-tile:focus-within .project-tile__overlay{opacity:1}.project-tile__open{padding:6px var(--space-4);border-radius:var(--radius-full);background:var(--btn-primary-background);border:1px solid var(--btn-primary-background);color:var(--btn-primary-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}.project-tile__info{display:flex;flex-direction:column;padding-left:var(--space-2)}.project-tile__title-row{display:flex;align-items:center;gap:var(--space-2)}.project-tile__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}.project-tile__meta{display:block;color:var(--text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-base)}.project-tile__name-input{box-sizing:border-box;flex:1;min-width:0;position:relative;z-index:1;height:22px;padding:0;border:none;border-bottom:1px dashed var(--text-muted);background:var(--btn-secondary-background);outline:none;color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}.project-tile[data-renaming] .project-tile__hit{pointer-events:none}.project-tile__more-wrap{position:relative;z-index:1;flex:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.project-tile:hover .project-tile__more-wrap,.project-tile:focus-within .project-tile__more-wrap{opacity:1}.project-tile__more-wrap[data-open]{opacity:1}.project-tile__more[aria-expanded=true],.project-tile__more[aria-expanded=true]:hover:not(:disabled){background:var(--selection-background);color:var(--selection-text)}.project-tile__more{box-sizing:border-box;width:28px;height:28px;min-height:0;padding:0;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary)}.project-tile__more-icon{display:block;width:20px;height:20px}.project-tile__more:hover:not(:disabled){background:none}.project-tile__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:var(--radius-xl);cursor:pointer}.project-tile__hit:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.project-tile--create .project-tile__cover{border:1px dashed var(--text-muted)}.project-tile__plus{display:block;width:32px;height:32px;color:var(--text-muted)}.project-tile--create:hover .project-tile__cover{border-style:solid;border-color:var(--selection-border);background:var(--selection-background)}.project-tile--create:hover .project-tile__plus{color:var(--selection-border)}.project-tile--create:disabled{cursor:progress;opacity:.6}.trash-bin{display:flex;flex-direction:column;padding:var(--space-4)}.trash-bin__grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:var(--space-4);align-content:start}.trash-bin__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3);container-type:inline-size;container-name:trash-card;border:1px solid var(--border-card);border-radius:var(--radius-xl);overflow:hidden}.trash-bin__cover{position:relative;align-self:stretch;aspect-ratio:16 / 9;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--background-surface);border-bottom:.5px solid var(--neutral-N-300)}.trash-bin__cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.trash-bin__cover .project-tile__cover-icon{transform:scale(.7)}.trash-bin__badge{position:absolute;left:var(--space-1);top:var(--space-1);z-index:1;padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--neutral-N-900);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);white-space:nowrap}.trash-bin__badge[data-urgent]{background:var(--status-error-indicator)}.trash-bin__info{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-4);min-width:0}.trash-bin__name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}.trash-bin__deleted-at{margin:0;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.trash-bin__actions{align-self:stretch;display:flex;gap:var(--space-2);padding:0 var(--space-3)}.trash-bin__action{box-sizing:border-box;flex:1;height:38px;min-height:0;padding:8px var(--space-3);white-space:nowrap;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}@container trash-card (max-width: 220px){.trash-bin__action{padding:8px var(--space-2);white-space:normal}}.trash-bin__action--delete{background:none;border-color:var(--border-card);color:var(--text-tertiary)}.trash-bin__action--delete:hover:not(:disabled){background:none}.trash-bin__action--restore{background:var(--btn-secondary-background);border-color:transparent;color:var(--btn-secondary-text)}.trash-bin__action--restore:hover:not(:disabled){background:var(--btn-secondary-background)}.trash-bin__footer{box-sizing:border-box;flex:none;height:65px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--popup-border)}.trash-bin__count{margin:0;color:var(--text-tertiary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.trash-confirm{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);text-align:center}.trash-confirm__icon{flex:none;width:48px;height:48px;color:var(--status-error-indicator)}.trash-confirm__text{display:flex;flex-direction:column}.trash-confirm__title{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-loose)}.trash-confirm__desc{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-loose)}.trash-confirm__error{margin:0;color:var(--status-error-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.trash-confirm__actions{display:flex;align-self:stretch;gap:var(--space-2)}.trash-confirm__btn{box-sizing:border-box;flex:1;height:34px;min-height:0;padding:6px var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}.trash-confirm__btn--cancel{background:var(--background-surface);border-color:var(--border-card);color:var(--text-tertiary)}.trash-confirm__btn--cancel:hover:not(:disabled){background:var(--background-surface)}.trash-confirm__btn--confirm{background:var(--status-error-indicator);border-color:var(--status-error-indicator);color:var(--text-inverse)}.trash-confirm__btn--confirm:hover:not(:disabled){background:var(--status-error-indicator)}.project-list{flex:1;min-height:0;padding:var(--space-5) 48px;overflow:auto;background:var(--background-app);display:flex;flex-direction:column;gap:var(--space-6)}.project-list__toolbar{display:flex;align-items:center;gap:var(--space-2)}.project-list__search{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);height:var(--size-toolbar);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);box-sizing:border-box;background:var(--background-surface);border:1px solid var(--border-card);border-radius:var(--radius-xl)}.project-list__search:focus-within{outline:2px solid var(--border-focus);outline-offset:-1px}.project-list__search-icon{flex:none;width:20px;height:20px;color:var(--text-primary)}.project-list__search-input{flex:1;min-width:0;border:none;background:none;color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-base)}.project-list__search-input:focus{outline:none}.project-list__search-input::placeholder{color:var(--text-muted)}.project-list__search-clear{flex:none;display:flex;padding:0;border:none;background:none;cursor:pointer}.project-list__search-clear-icon{width:20px;height:20px;color:var(--text-muted)}.project-list__search-go{box-sizing:border-box;flex:none;height:38px;min-height:0;padding:0 var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold)}.project-list__search-go:disabled{opacity:1;background:var(--btn-disabled-background);border-color:transparent;color:var(--btn-disabled-text)}.project-list__trash-entry{box-sizing:border-box;flex:none;height:var(--size-toolbar);min-height:0;padding:0 var(--space-4);gap:6px;border-radius:var(--radius-xl);background:var(--background-surface);border-color:var(--border-card);color:var(--text-primary);font-weight:var(--font-weight-bold)}.project-list__trash-icon{width:20px;height:20px;color:var(--text-tertiary)}.project-list .project-list__trash-entry:hover:not(:disabled){background:var(--selection-background);color:var(--selection-text)}.project-list .project-list__trash-entry:hover:not(:disabled) .project-list__trash-icon{color:var(--selection-icon)}.project-list__section{display:flex;flex-direction:column;gap:var(--space-6)}.project-list__heading{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}.project-list__loading{margin:0;padding:var(--space-6);text-align:center;font-size:var(--font-size-sm);color:var(--text-tertiary)}.project-list__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(229px,1fr));gap:40px var(--space-4)}.onboarding-page{display:grid;min-height:100%;place-items:center;padding:var(--space-5);background:var(--background-surface)}.onboarding-page__card{display:flex;width:min(100%,480px);flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--background-surface)}.onboarding-page__eyebrow,.onboarding-page__description,.onboarding-page__card h1{margin:0}.onboarding-page__eyebrow{color:var(--text-secondary);font-size:var(--font-size-sm)}.onboarding-page__card h1{color:var(--text-primary);font-size:var(--font-size-2xl)}.onboarding-page__description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.app-entry{display:flex;align-items:center;justify-content:center;min-height:100%;background:var(--background-surface)}.app-entry__hint{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}:root{--accent-hot-pink-dark: #ff2d8b;--accent-hot-pink-light: #db2777;--accent-violet-dark: #8b5cf6;--accent-violet-light: #7c3aed;--accent-yellow-dark: #ffe500;--accent-yellow-light: #ca8a04;--azure-P-300: #00d4ff;--azure-P-50: #e0f7ff;--azure-P-500: #00bdff;--azure-P-600: #00a7ff;--azure-P-700: #0090e0;--azure-P-800: #007acc;--azure-P-900: #004a80;--azure-deep-700: #0078b8;--base-black: #000000;--base-dark-app: #0b0f19;--base-dark-surface: #131b2e;--base-white: #ffffff;--icon-cyan-dark: #2dd4bf;--icon-cyan-light: #22d3ee;--icon-green-dark: #34d399;--icon-green-light: #22c55e;--icon-hot-pink-dark: #ff2d8b;--icon-hot-pink-light: #f43f8c;--icon-orange-dark: #f97316;--icon-orange-light: #fb923c;--icon-violet-dark: #a78bfa;--icon-violet-light: #8b5cf6;--icon-yellow-dark: #ffe500;--icon-yellow-light: #fbbf24;--neutral-N-200: #e2e8f0;--neutral-N-300: #cbd5e1;--neutral-N-400: #94a3b8;--neutral-N-50: #f8fafc;--neutral-N-500: #64748b;--neutral-N-600: #475569;--neutral-N-700: #354155;--neutral-N-800: #1e293b;--neutral-N-900: #0f172a;--status-error-dark: #ef4444;--status-error-light: #dc2626;--status-success-dark: #10b981;--status-success-light: #16a34a;--status-warning-dark: #ffe500;--status-warning-light: #ca8a04}:root{--background-app: #ffffff;--background-surface: #f8fafc;--background-card: #e2e8f0;--brand-primary: #00bdff;--brand-foreground: #ffffff;--brand-hover: #00a7ff;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-disabled: #64748b;--text-inverse: #ffffff;--text-link: #0090e0;--text-link-hover: #004a80;--tooltip-background: #0f172a;--tooltip-border: #1e293b;--tooltip-text-primary: #ffffff;--tooltip-text-secondary: #cbd5e1;--popup-background: #ffffff;--popup-border: #e2e8f0;--border-card: #e2e8f0;--border-divider-strong: #cbd5e1;--border-default: #94a3b8;--border-focus: #00bdff;--option-background: #f8fafc;--option-background2: #e2e8f0;--selection-background: #e0f7ff;--selection-border: #00a7ff;--selection-text: #00a7ff;--selection-icon: #00a7ff;--selection-marquee-fill: rgba(0, 189, 255, .05);--shadow-subtle: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .15);--shadow-strong: rgba(0, 0, 0, .25);--shadow-brand-glow: #e0f7ff;--accent-violet: #7c3aed;--accent-yellow: #ca8a04;--accent-hot-pink: #db2777;--status-success-indicator: #16a34a;--status-success-surface: #e6f7ee;--status-success-border: #a7d9c1;--status-success-text-primary: #14532d;--status-success-text-secondary: #14532d;--status-warning-indicator: #ca8a04;--status-warning-surface: #fff7e0;--status-warning-border: #f3d98a;--status-warning-text-primary: #92400e;--status-warning-text-secondary: #92400e;--status-error-indicator: #dc2626;--status-error-surface: #fdecec;--status-error-border: #f5b7b7;--status-error-text-primary: #991b1b;--status-error-text-secondary: #991b1b;--icon-violet: #8b5cf6;--icon-yellow: #fbbf24;--icon-hot-pink: #f43f8c;--icon-green: #22c55e;--icon-orange: #fb923c;--icon-cyan: #22d3ee;--btn-focus-ring: #0090e0;--btn-primary-background: #00a7ff;--btn-primary-text: #ffffff;--btn-primary-hover: #00bdff;--btn-primary-pressed: #0090e0;--btn-secondary-background: #e0f7ff;--btn-secondary-text: #0078b8;--btn-secondary-hover: #ccf0ff;--btn-secondary-pressed: #b8e8ff;--btn-outline-border: #cbd5e1;--btn-outline-text: #0090e0;--btn-outline-hover-bg: #f0f9ff;--btn-outline-pressed-bg: #e0f2fe;--btn-ghost-text: #475569;--btn-ghost-hover-bg: #f1f5f9;--btn-ghost-pressed-bg: #e2e8f0;--btn-disabled-background: #e2e8f0;--btn-disabled-text: #94a3b8;--btn-cancel-background: #f8fafc;--btn-cancel-text: #64748b;--btn-cancel-border: #e2e8f0;--btn-cancel-hover-bg: #e2e8f0;--btn-cancel-pressed-bg: #cbd5e1}[data-theme=dark]{--background-app: #0b0f19;--background-surface: #131b2e;--background-card: #1e293b;--brand-primary: #00bdff;--brand-foreground: #0b0f19;--brand-hover: #00a7ff;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--text-inverse: #0f172a;--text-link: #00d4ff;--text-link-hover: #00d4ff;--tooltip-background: #354155;--tooltip-border: #475569;--tooltip-text-primary: #ffffff;--tooltip-text-secondary: #cbd5e1;--popup-background: #182033;--popup-border: #334155;--border-card: #354155;--border-divider-strong: #475569;--border-default: #64748b;--border-focus: #00bdff;--option-background: #1e293b;--option-background2: #354155;--selection-background: rgba(0, 212, 255, .16);--selection-border: #00d4ff;--selection-text: #00d4ff;--selection-icon: #00d4ff;--selection-marquee-fill: rgba(0, 212, 255, .05);--shadow-subtle: rgba(0, 0, 0, .24);--shadow-medium: rgba(0, 0, 0, .36);--shadow-strong: rgba(0, 0, 0, .5);--shadow-brand-glow: rgba(0, 212, 255, .25);--accent-violet: #8b5cf6;--accent-yellow: #ffe500;--accent-hot-pink: #ff2d8b;--status-success-indicator: #10b981;--status-success-surface: rgba(16, 185, 129, .102);--status-success-border: #10b981;--status-success-text-primary: #ffffff;--status-success-text-secondary: #94a3b8;--status-warning-indicator: #ffe500;--status-warning-surface: rgba(255, 229, 0, .102);--status-warning-border: #ffe500;--status-warning-text-primary: #ffffff;--status-warning-text-secondary: #94a3b8;--status-error-indicator: #ef4444;--status-error-surface: rgba(239, 68, 68, .102);--status-error-border: #ef4444;--status-error-text-primary: #ffffff;--status-error-text-secondary: #94a3b8;--icon-violet: #a78bfa;--icon-yellow: #ffe500;--icon-hot-pink: #ff2d8b;--icon-green: #34d399;--icon-orange: #f97316;--icon-cyan: #2dd4bf;--btn-focus-ring: #00bdff;--btn-primary-background: #0090e0;--btn-primary-text: #ffffff;--btn-primary-hover: #00a7ff;--btn-primary-pressed: #007acc;--btn-secondary-background: #1a2840;--btn-secondary-text: #00d4ff;--btn-secondary-hover: #1e3550;--btn-secondary-pressed: #152a3d;--btn-outline-border: #00d4ff;--btn-outline-text: #00d4ff;--btn-outline-hover-bg: #0d1f30;--btn-outline-pressed-bg: #0f2538;--btn-ghost-text: #94a3b8;--btn-ghost-hover-bg: #1a1f2e;--btn-ghost-pressed-bg: #1e2436;--btn-disabled-background: #1e293b;--btn-disabled-text: #475569;--btn-cancel-background: #1e293b;--btn-cancel-text: #94a3b8;--btn-cancel-border: #354155;--btn-cancel-hover-bg: #354155;--btn-cancel-pressed-bg: #475569}:root{--btn-focus-ring-shadow: 0 0 0 3px var(--btn-focus-ring);--shadow-subtle-shape: 0 1px 2px var(--shadow-subtle);--shadow-medium-shape: 0 4px 16px var(--shadow-medium);--shadow-strong-shape: 0 4px 24px var(--shadow-strong);--shadow-brand-glow-shape: 0 0 24px var(--shadow-brand-glow);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-family-base: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-family-number: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "SF Mono", Menlo, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 26px;--line-height-tight: 1.2;--line-height-base: 1.4;--line-height-loose: 1.6;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 999px;--z-canvas: 1;--z-toolbar: 10;--z-panel: 100;--z-overlay: 1000;--z-toast: 2000;--size-tap-min: 44px;--size-toolbar: 48px;--size-header: 44px;--size-avatar-sm: 24px;--size-avatar-md: 32px;--duration-fast: .12s;--duration-base: .2s;--ease-standard: cubic-bezier(.2, 0, .2, 1)}:root{font-family:var(--font-family-base);line-height:var(--line-height-base);color:var(--text-primary);background:var(--background-surface)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}