.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{position:fixed;inset:0;opacity:0;overflow:hidden;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto}.yarl__portal_open{opacity:1}.yarl__container{position:absolute;inset:0;overflow:hidden;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain)}.yarl__carousel{display:flex;flex:0 0 auto;height:100%;align-content:center;justify-content:center;align-items:stretch;width:calc(100% + (-1 + var(--yarl__carousel_slides_count)) * (100% + var(--yarl__carousel_spacing_px,0) * 1px + var(--yarl__carousel_spacing_percent,0) * 1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1)}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0) * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (-1 + var(--yarl__carousel_slides_count)) * var(--yarl__carousel_spacing_percent,0)) * var(--yarl__carousel_spacing_percent,0) * 1%);column-gap:calc(var(--yarl__carousel_spacing_px,0) * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (-1 + var(--yarl__carousel_slides_count)) * var(--yarl__carousel_spacing_percent,0)) * var(--yarl__carousel_spacing_percent,0) * 1%)}.yarl__flex_center{display:flex;justify-content:center;align-content:center;align-items:center}.yarl__slide{flex:1;position:relative;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px,0) * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (-1 + var(--yarl__carousel_slides_count)) * var(--yarl__carousel_spacing_percent,0)) * var(--yarl__carousel_padding_percent,0) * 1%)}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);line-height:0}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));animation:yarl__delayed_fadein 1s linear}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{position:absolute;inset:0 0 auto auto;display:flex;justify-content:flex-end;padding:var(--yarl__toolbar_padding,8px)}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);outline:none;line-height:0;padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,hsla(0,0%,100%,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{position:absolute;top:50%;transform:translateY(-50%);padding:var(--yarl__navigation_button_padding,24px 16px)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#222737;background:#f5f6fb;font-synthesis:none;--muted:#777b8d;--accent:#51468a;--line:#60617d1c;--glass:linear-gradient(145deg,#ffffffdb,#ffffff99 58%,#edf0ffb3);--shadow:inset 0 1px 0 #fff,0 8px 28px #2534460a,0 2px 6px #25344605}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse 70% 55% at 0% 0%,#e5ddffb0,transparent 70%),radial-gradient(ellipse 55% 70% at 100% 10%,#e5f0d4b3,transparent 70%),#f5f6fb}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;padding:10px 14px;font-size:13px;transition:background .18s,box-shadow .18s}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):hover{background:#ffffffa6}button svg{width:16px;height:16px;flex:none}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid #8d7eca80;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #8d7eca66;outline-offset:1px}input,textarea,select{background:#ffffff9e;border:1px solid #ffffff;border-radius:12px;min-height:44px;padding:11px 12px;color:inherit;width:100%;min-width:0;box-shadow:inset 0 1px 3px #25344606}input:disabled{color:var(--muted);opacity:.55}textarea{resize:vertical;line-height:1.85;font-size:14px}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500;min-width:0}p,h1,h2{margin:0}.glass{background:var(--glass);border:1px solid #ffffffd1;box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.site-header{width:calc(100% - 48px);max-width:1552px;margin:18px auto 0;border-radius:22px;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-.8px}.brand strong{font-weight:400}.brand-mark{width:44px;height:44px;flex:none;display:block;object-fit:contain}.header-end{display:flex;align-items:center;gap:24px}.geekcode{display:flex;align-items:center;gap:7px;font-size:12px;color:#787b8c}.login-button{background:#ffffffa6;border:1px solid white}.auth-pending{width:44px;height:44px;display:grid;place-items:center}.account{position:relative}.account-button{padding:0 10px 0 0;gap:9px}.account-email{max-width:180px;overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5dff2;color:var(--accent)}.account-menu{position:absolute;top:52px;right:0;border-radius:16px;min-width:240px;padding:12px;max-width:85vw;background:#f8f8fd}.account-menu p{font-size:12px;color:var(--muted);padding:8px;overflow-wrap:anywhere}.account-menu button{justify-content:flex-start;width:100%}main{max-width:1392px;margin:0 auto;padding:48px 32px 24px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 30px;gap:18px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#8b819e;margin-bottom:13px}h1{font-size:35px;font-weight:500;letter-spacing:-1px;line-height:1.35}.connection{display:flex;align-items:center;gap:7px;font-size:11px;color:#74798a;padding-bottom:4px;flex-wrap:wrap}.online-dot,.offline-dot{width:6px;height:6px;border-radius:50%;background:#8ba282}.offline-dot{background:#b4adbd}.queue-count{margin-left:8px;padding-left:12px;border-left:1px solid var(--line)}.workspace{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:start}.composer{border-radius:24px;padding:24px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e9e7f04d;border:1px solid #ffffff9c;border-radius:14px;padding:4px;gap:4px;margin-bottom:25px}.mode-tabs button{padding:9px 8px;min-height:42px;color:#858097;font-size:12px}.mode-tabs button[aria-selected=true]{background:#ffffffd9;color:#51468a;box-shadow:0 3px 10px #3b35560d,inset 0 1px #fff}.prompt-field label{margin-bottom:11px}.prompt-field textarea{height:192px;min-height:136px;padding:15px;background:#ffffffa8;border-radius:14px}.prompt-field textarea::placeholder{color:#a4a2b2}.prompt-footer{display:flex;justify-content:space-between;gap:12px;color:#9491a4;font-size:10px;line-height:1.6;padding:8px 2px 0}.prompt-footer span:last-child{white-space:nowrap}.references{margin-top:24px}.field-heading{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.field-heading span:last-child{color:var(--muted)}.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ref-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eae8ef}.ref-item>img{width:100%;height:100%;object-fit:cover}.ref-number{position:absolute;top:6px;left:6px;background:#242035aa;color:#fff;border-radius:6px;font-size:11px;padding:3px 7px}.ref-actions{display:flex;position:absolute;bottom:0;right:0;left:0;justify-content:flex-end;background:linear-gradient(transparent,#28223d8c)}.ref-actions .icon-button{background:transparent;color:#fff;border:0;box-shadow:none}.upload-tile{aspect-ratio:1;min-height:90px;flex-direction:column;background:#ffffff52;border:1px dashed #bcb4d2;color:#8e81a8;font-size:11px}.upload-tile>svg{width:20px;height:20px}.field-note{font-size:10px;line-height:1.65;color:#9691a3;margin-top:9px}fieldset{border:0;padding:0;margin:26px 0 0;min-width:0}legend{padding:0;font-size:12px;margin-bottom:12px;font-weight:500}.ratio-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ratio-row button{background:#ffffff70;border:1px solid #fff;color:#898295;min-height:48px;font-size:11px}.ratio-row button.selected,.preset-pills button.selected{background:#e6dff6b3;border-color:#d9ccef;color:#51468a}.dimensions{display:grid;grid-template-columns:1fr 44px 1fr;gap:8px;margin-top:17px;align-items:end}.number-field{display:flex;align-items:center;border:1px solid white;border-radius:12px;background:#ffffffa6;padding-right:12px;gap:4px}.number-field input{border:0;box-shadow:none;background:transparent;padding-right:0;font-size:13px}.number-field>span{font-size:10px;color:#aaa5b5}.dimensions>.icon-button{background:none;border:0;box-shadow:none;color:#a89fb9}.resolution-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8e869e;height:36px}.resolution-row button{min-height:32px;font-size:10px;padding:6px 2px;color:#8e7fa8}.advanced{margin-top:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.advanced-toggle{width:100%;border-radius:0;justify-content:space-between;padding:16px 0;min-height:56px;font-size:12px;color:#716780}.advanced-toggle>span{display:flex;gap:9px;align-items:center}.advanced-toggle>svg{width:14px;height:14px;transition:transform .2s}.rotated{transform:rotate(180deg)}.advanced-content{display:flex;flex-direction:column;gap:18px;padding:5px 0 20px}.seed-field{display:flex;background:#ffffffa6;border:1px solid white;border-radius:12px}.seed-field input{background:none;border:0}.seed-field button{flex:none;font-size:11px;color:var(--accent)}.preset-pills{display:flex;gap:6px;margin-top:-10px}.preset-pills button{padding:5px 12px;min-height:32px;font-size:10px;border:1px solid #fff;background:#ffffff6e}.advanced-content .field-note{margin-top:-10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fixed-parameters{margin:0;font-size:11px;display:grid;gap:12px;color:#8f879b}.fixed-parameters>div{display:flex;justify-content:space-between;gap:15px}.fixed-parameters dd{margin:0;color:#756c84;text-align:right}.fixed-parameters dd span{font-size:9px;color:#aaa3b4;margin-left:3px}.generate-area{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:22px}.primary{background:linear-gradient(145deg,#74669dde,#514469f2);color:#fff;border:1px solid #ffffff66;box-shadow:inset 0 1px #ffffff4d,0 5px 14px #4235611f}.primary:not(:disabled):hover{background:linear-gradient(145deg,#716194,#4c3b66);box-shadow:inset 0 1px #ffffff4d,0 7px 20px #4235612e}.generate{width:100%;min-height:52px;border-radius:15px;font-size:13px;letter-spacing:.3px}.generate-note{font-size:10px;color:#aaa1b6}.viewer{border-radius:24px;overflow:hidden;position:sticky;top:24px}.viewer-toolbar{min-height:68px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#9991a8;border-bottom:1px solid #ffffff99}.viewer-actions{display:flex;gap:3px}.icon-button{height:44px;width:44px;min-height:44px;min-width:44px;flex:0 0 44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.icon-button>svg{height:16px;width:16px}.viewer-actions .icon-button{color:#857592}.preview{height:580px;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background:#eef0f340;overflow:hidden}.preview>img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 35px #2227370d}.preview.is-empty{background:radial-gradient(ellipse at 55% 45%,#f0eafbcc,transparent 65%),radial-gradient(ellipse at 80% 95%,#edf1e8aa,transparent 60%)}.empty-state{text-align:center;max-width:430px;padding:20px}.empty-art{width:160px;height:160px;margin:0 auto 24px}.empty-art>img{display:block;width:100%;height:100%;object-fit:contain}.empty-state>svg{width:34px;height:34px;stroke-width:1;color:#b2a5c7;margin-bottom:20px}.empty-state h2,.generation-state h2{font-size:19px;font-weight:400;letter-spacing:.4px;color:#70637d}.empty-state p,.generation-state p{font-size:12px;line-height:1.8;color:#a49aaf;margin-top:13px;overflow-wrap:anywhere}.examples{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:30px}.examples button{font-size:10px;min-height:36px;border:1px solid #ffffffc7;background:#ffffff5c;color:#91839f;padding:8px 12px}.examples button svg{height:12px;width:12px}.viewer-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:18px 22px;font-size:10px;color:#a097ad;border-top:1px solid #ffffff99;min-height:52px}.generation-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px}.generation-orbit{width:92px;height:92px;display:grid;place-items:center;color:#a28ebd;margin-bottom:28px}.generation-orbit svg{width:72px;height:72px;stroke-width:1;animation:spin 12s linear infinite}.subtle{margin-top:22px;font-size:11px;color:#8d7f9b;border:1px solid #ffffffb3;background:#ffffff59}.step-track{display:flex;gap:6px;margin-top:22px}.step-track span{width:24px;height:4px;background:#ddd6e7;border-radius:4px}.step-track span.done{background:#aa92bf}.image-spinner{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent)}.history-section{margin-top:44px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.section-title h2{font-size:17px;font-weight:500;letter-spacing:-.2px}.section-title>span{font-size:11px;color:var(--muted)}.history-empty{min-height:112px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed #c7c0d655;border-radius:20px;color:#aaa1b3;font-size:12px;flex-wrap:wrap;padding:24px}.history-empty>svg{width:18px;height:18px;stroke-width:1.4}.history-empty button{font-size:11px;color:#8d7b9e}.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.history-card{padding:8px 8px 0;border-radius:19px;min-width:0}.history-card.is-selected{border-color:#b3a1cb;box-shadow:0 0 0 1px #b3a1cb40}.history-image{display:block;width:100%;aspect-ratio:4/3;padding:0;overflow:hidden;border-radius:13px;background:#eee9f3}.history-image img{width:100%;height:100%;object-fit:cover;display:block}.history-status{display:flex;flex-direction:column;gap:12px;align-items:center;font-size:11px;color:#a498b2}.history-info{padding:15px 10px 5px}.history-info>p{font-size:12px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-info>div:not(.history-actions){display:flex;justify-content:space-between;color:#a19aaa;font-size:10px;margin-top:8px}.history-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;border-top:1px solid var(--line)}.history-actions>button:first-child{font-size:10px;padding-left:0;color:#91849e}.history-actions svg{width:13px;height:13px}.history-actions .icon-button svg{width:16px;height:16px}.history-actions .icon-button{color:#a49aae}footer{max-width:1328px;margin:32px auto 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0 32px;gap:18px;font-size:10px;color:#b0a7ba}footer>div{display:flex;gap:20px;flex-wrap:wrap}footer a{display:flex;align-items:center;gap:4px}.footer-separator{margin:0 8px;color:#c9c1d0}dialog{border:1px solid white;border-radius:25px;padding:0;max-width:min(92vw,460px);width:100%;background:linear-gradient(145deg,#fffffff2,#eff0f9f2);box-shadow:0 30px 100px #25344630;color:inherit}dialog::backdrop{background:#29223755;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal-inner{padding:24px 28px 28px}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.modal-title h2{font-size:19px;font-weight:500}.modal-title .icon-button{color:#9587a0;margin-right:-10px}.login-form{display:flex;flex-direction:column;gap:22px}.login-form>.primary{width:100%;min-height:48px}.check-row{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:400;color:#8c809b;font-size:11px}.check-row input{width:15px;height:15px;min-height:15px;padding:0;accent-color:#75618e;box-shadow:none;flex:none}.check-row span{line-height:1.8}.check-row a{color:#69517f;margin:0 2px}.login-actions{display:flex;justify-content:space-between;margin-top:-16px}.login-actions button{font-size:11px;padding:5px 0;min-height:32px;color:#8f7da2}.confirm-copy{font-size:13px;color:var(--muted);line-height:1.8}.modal-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}.danger{background:#9b5e6e;color:#fff}.danger:not(:disabled):hover{background:#874c5c}.toast-region{position:fixed;inset:24px 16px auto;display:flex;justify-content:center;pointer-events:none;z-index:2147483647}.toast{max-width:500px;padding:14px 21px;background:#332d42ed;border:1px solid #ffffff4d;border-radius:15px;color:#fff;font-size:13px;box-shadow:0 12px 35px #2b203a26;animation:enter .2s ease}.toast.leaving{animation:leave .3s ease forwards}.spin{animation:spin 1s linear infinite}.spin,.generation-orbit{flex:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes leave{to{opacity:0;transform:translateY(-5px)}}@media(min-width:1600px){.preview{height:620px}}@media(max-width:1100px){main{padding:36px 24px 24px}.workspace{grid-template-columns:minmax(310px,370px) minmax(0,1fr);gap:18px}.composer{padding:20px}.preview{height:560px}.empty-state h2{font-size:17px}.examples{gap:5px}.examples button{padding:7px 9px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{margin:24px;max-width:none}}@media(max-width:800px){.workspace{grid-template-columns:1fr;gap:18px}.composer{padding:23px}.viewer{position:static}.preview{height:480px}.prompt-field textarea{height:150px}.ref-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{width:calc(100% - 28px);padding:10px 18px;margin-top:14px}.page-heading{margin-bottom:24px}h1{font-size:30px}.account-email{max-width:140px}.geekcode{display:none}}@media(max-width:480px){main{padding:30px 14px 20px}.site-header{width:calc(100% - 20px);padding:10px 14px;min-height:68px;border-radius:19px}.brand{font-size:21px;gap:9px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand-mark svg{width:22px;height:22px}.header-end{gap:8px}.account-email{display:none}.account-button{padding-right:0}.login-button{font-size:11px;padding:8px 10px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}.eyebrow{font-size:10px;margin-bottom:9px}.connection{padding-left:2px}.composer{padding:20px;border-radius:21px}.prompt-footer{font-size:9px}.viewer{border-radius:21px}.preview{height:390px;padding:14px}.viewer-toolbar{padding:9px 16px;min-height:62px}.viewer-footer{padding:16px;font-size:9px}.empty-art{width:100px;height:100px;border-radius:28px;margin-bottom:25px}.empty-art svg{width:46px;height:46px}.empty-state{padding:14px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}.examples{margin-top:22px}.history-section{margin-top:32px}.history-grid{gap:12px}.history-info{padding:12px 5px 3px}.history-info>p{font-size:11px}.history-info>div:not(.history-actions){font-size:9px}.history-actions>button:first-child{font-size:9px;gap:5px}.history-actions .icon-button{width:44px}.history-empty{font-size:11px;gap:8px}.history-empty>svg{display:none}.ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{flex-direction:column;margin:20px 16px 0;padding:22px 0;gap:16px;font-size:9px}footer>div{gap:18px}.modal-inner{padding:20px}.modal-title h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin,.generation-orbit svg{animation:pulse 2s ease-in-out infinite}.toast{animation:none}.toast.leaving{animation:fade .3s forwards}@keyframes pulse{50%{opacity:.35}}@keyframes fade{to{opacity:0}}}@media(prefers-reduced-transparency:reduce){.glass,dialog{background:#f7f7fc;-webkit-backdrop-filter:none;backdrop-filter:none}dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not(backdrop-filter:blur(1px)){.glass{background:#f7f7fc}}.toast-region[popover]{margin:0;width:auto;border:0;padding:0;background:transparent;overflow:visible;color:inherit}.toast-region[popover]:not(:popover-open){display:none}.prompt-footer,.field-note,.generate-note,.viewer-footer,.fixed-parameters,.fixed-parameters dd span,.history-info>div:not(.history-actions),footer{color:#7d738b}.empty-state p,.generation-state p{color:#887a98}#root{display:flow-root;min-height:100vh}.connection>svg{width:14px;height:14px}.history-status{padding:18px 14px;gap:9px;min-height:100%;justify-content:center}.history-status strong{font-size:12px;font-weight:500;color:#70637d}.history-status p{font-size:11px;line-height:1.7;max-width:100%;overflow-wrap:anywhere}.job-time{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#86758f;margin-top:7px}.job-time svg{width:13px;height:13px}.generation-state>.status-symbol{width:54px;height:54px;stroke-width:1.2;color:#9683a7;margin-bottom:26px}.history-status>.status-symbol{width:22px;height:22px;stroke-width:1.5}.job-error{color:#9b5e6e!important}.history-status .step-track{margin-top:7px;gap:4px}.history-status .step-track span{width:18px}.history-actions>button{font-size:10px}.history-status .job-time{font-size:10px}.history-image{min-height:210px}@media(max-width:480px){.history-grid{grid-template-columns:1fr}}.ratio-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ratio-row button{min-height:62px;padding:7px 3px;flex-direction:column;gap:2px}.ratio-row button small{font-size:9px;font-weight:400;color:#9890a4}.ratio-row button.selected small{color:#75669c}.resolution-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.resolution-options button{min-height:50px;justify-content:space-between;gap:6px;padding:8px 11px;background:#ffffff70;border:1px solid #fff;font-size:11px}.resolution-options button small{font-size:9px;color:#91899d;white-space:nowrap}.resolution-options button.selected{background:#e6dff6b3;border-color:#d9ccef;color:#51468a}.canvas-area{font-size:10px;color:#7d738b;text-align:right;margin-top:10px}.dimensions{margin-top:14px}.locale-switch{min-width:58px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid #e5e0ef;border-radius:12px;background:#fff9;color:#554885;font-size:12px;font-weight:700;white-space:nowrap}.locale-switch:hover{background:#ede7f9}.locale-switch svg{width:16px;height:16px;flex:none}@media(max-width:480px){.locale-switch{min-width:48px;height:40px;padding:0 7px;gap:4px}}.generate-note{text-align:center;line-height:1.5;max-width:100%}.icon-button[aria-busy=true]{flex-direction:column;gap:2px}.icon-button-progress{font-size:9px;line-height:12px;white-space:nowrap}.yarl__button{width:44px;height:44px;padding:14px;display:grid;place-items:center}.yarl__button svg{width:16px;height:16px}.yarl__button:focus-visible{outline:2px solid #c4b4e1;outline-offset:-2px;border-radius:10px}.yarl__slide img{border-radius:8px}