/* Reference-led redesign. These rules intentionally take precedence over the earlier dashboard. */
:root{--canvas:#f7f7f7;--surface:#fafaf9;--surface-solid:#fff;--surface-muted:#f0f1ef;--ink:#202320;--muted:#717770;--line:rgba(46,50,46,.075);--content:688px}
body{min-width:320px;background:var(--canvas);font-family:Arial,"Microsoft YaHei",sans-serif}.page{width:min(688px,calc(100% - 56px));margin:0 auto;min-height:100svh;padding:0 0 100px}.studio{width:100%;max-width:none}.brand-stage{height:194px;border:1px solid var(--line);border-top:0;border-radius:0 0 35px 35px;background:transparent;box-shadow:0 2px 2px #00000002}.brand-line{left:28px;top:auto;bottom:27px;display:flex;gap:9px;align-items:baseline;line-height:1;white-space:nowrap}.brand-line span{font-family:"Courier New",monospace;font-size:30px;font-weight:400;font-style:italic;letter-spacing:-1.1px;color:#959692}.brand-line strong{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:400;letter-spacing:.6px;color:#969791}.hero-copy{position:absolute}.reference-robot{position:absolute;z-index:4;width:180px;height:175px;right:58px;bottom:-46px;overflow:visible;pointer-events:none;filter:drop-shadow(0 8px 5px rgba(68,65,55,.025))}.composer{display:flex;flex-direction:column;min-height:160px;margin-top:12px;padding:23px 12px 12px 20px;border:1px solid rgba(33,40,33,.065);border-radius:35px;background:linear-gradient(135deg,#fdfdfd,#fff);box-shadow:0 7px 4px rgba(42,46,43,.026),0 13px 18px rgba(42,46,43,.025),inset 0 0 0 2px #ffffff96;transition:box-shadow .2s,border-color .2s}.composer:focus-within{border-color:rgba(109,152,136,.23);box-shadow:0 10px 24px #00000006,0 0 0 3px #1fb48a05}.prompt-wrap{flex:1}.prompt-wrap textarea{font-family:Arial,"Microsoft YaHei",sans-serif;min-height:66px;max-height:150px;font-size:17px;line-height:1.55;padding:0 0 12px;color:var(--ink);font-weight:400}.prompt-wrap textarea::placeholder{color:#777b76;opacity:1}.composer__toolbar{min-height:43px;gap:10px;margin-top:10px}.toolbar-left{gap:10px}.round-button{height:41px;width:41px;border:1px solid var(--line);border-radius:50%;background:#fcfcfc;color:#232824;box-shadow:inset 0 1px 2px #fff}.round-button svg{width:20px;height:20px}.parameter-button{height:42px;padding:0 22px 0 24px;gap:20px;border:1px solid var(--line);background:#fcfcfc;border-radius:23px;font-size:16px;font-weight:400;color:#33434e;box-shadow:inset 0 1px 3px #ffffffb0}.parameter-button>svg:first-child{display:none}.parameter-button .chevron{display:block;width:14px;height:14px;color:#919791}.parameter-summary{display:none}.submit-button{height:44px;min-width:65px;width:65px;padding:0;border:1px solid #747672;border-radius:26px;background:linear-gradient(#3e403e,#242624);box-shadow:inset 0 2px 2px #ffffff32,0 3px 3px #00000022;color:#fff}.submit-button__label{display:none!important}.submit-button svg{width:26px;height:26px;stroke:#fff}.composer .attachment-list:not(:empty){margin:0 0 7px}.attachment-chip{background:var(--surface-muted)}.quick-start{margin:38px -14px 0}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.reference-card{height:185px;border:1px solid rgba(79,85,72,.025);border-radius:22px 22px 15px 15px;background:#f4f4f1;box-shadow:none;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}.reference-card:hover{transform:translateY(-4px);border-color:#bdc9c03d;box-shadow:0 12px 22px #2a302808}.reference-card .feature-card__copy{height:102px;padding:29px 10px 0;display:block;background:transparent;position:relative;z-index:2}.reference-card .feature-card__copy strong{display:block;font-size:17px;line-height:22px;font-weight:500;letter-spacing:0;color:#111812;white-space:nowrap}.editorial-note{display:block;margin-top:13px;color:#666e5e}.editorial-note b{display:block;font-family:Georgia,serif;font-size:8px;line-height:7.5px;font-weight:700;letter-spacing:.9px}.editorial-note>span{display:block;margin-top:5px;font-family:Arial,sans-serif;font-size:3.7px;line-height:1.6;letter-spacing:.45px;opacity:.72}.mini-calendar{position:absolute;top:69px;right:12px;display:grid;grid-template-columns:10px 10px;gap:3px;color:#838a7c}.mini-calendar i{height:1px;width:8px;background:#878e80}.mini-calendar small{grid-column:1/-1;font-size:4px!important;font-family:monospace!important;line-height:1.7!important;letter-spacing:.1px}.reference-photo{position:absolute;left:0;bottom:0;display:block;width:100%;height:90px;z-index:1;transition:filter .25s}.reference-card:hover .reference-photo{filter:saturate(1.05)}.reference-menu{position:fixed;left:0;top:0;z-index:10;width:48px;height:48px;border:0;border-radius:0;background:#ffffff94;color:#969a95}.reference-menu svg{width:24px;height:24px}.reference-menu:hover{background:#fff;color:#4e5650}.reference-back{position:fixed;bottom:0;left:0;display:grid;width:48px;height:42px;border:0;color:#a5aaa4;background:transparent;border-radius:0}.reference-back svg{width:23px;height:23px}.reference-back:hover{color:#46564c}.navigation-dialog{width:284px;max-width:calc(100% - 32px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);margin:10px auto 10px 10px;padding:20px;border-radius:20px;overflow:auto;background:var(--surface-solid)}.navigation-dialog[open]{display:flex;flex-direction:column;animation:slide-in .22s ease}.navigation-dialog::backdrop{background:rgba(26,32,28,.12);backdrop-filter:blur(4px)}.navigation-head{display:flex;justify-content:space-between;align-items:center}.navigation-head .icon-button{width:30px;height:30px;color:var(--muted)}.navigation-head .icon-button svg{width:17px;height:17px}.side-brand{font-size:16px}.side-brand__mark{width:29px;height:29px;border-radius:9px;background:#262d27;color:#fff;font-size:19px}.navigation-dialog .new-design{margin-top:30px;margin-bottom:16px;font-size:13px;min-height:44px;border-radius:11px}.reference-nav{display:grid;gap:4px}.reference-nav button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:11px;text-align:left;padding:13px 10px;border-radius:10px;font-size:12px}.reference-nav button.active,.reference-nav button:hover{color:var(--ink);background:var(--surface-muted)}.reference-nav svg{width:17px;height:17px}.nav-badge{margin-left:auto;font-size:10px;background:var(--surface-solid);border-radius:5px;padding:2px 5px;min-width:18px;text-align:center;color:var(--muted)}.nav-mode-label{margin:28px 10px 10px;font-size:10px;color:var(--muted)}.navigation-dialog .compose-modes{display:flex;flex-wrap:wrap;margin:0;gap:4px}.navigation-dialog .compose-modes button{font-size:10px;padding:8px 9px}.navigation-bottom{margin-top:auto;padding-top:30px}.prototype-note{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--muted);margin-bottom:16px}.prototype-note i{width:4px;height:4px;border-radius:50%;background:#25af7b}.nav-account-row{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line)}.nav-account{display:flex;gap:10px;align-items:center;background:none;border:0;text-align:left;font-size:12px}.nav-account small{display:block;color:var(--muted);margin-top:3px;font-size:9px}.nav-account-row>.icon-button{width:32px;height:32px;border-radius:10px}.nav-account-row>.icon-button:hover{background:var(--surface-muted)}.about-preview{border:0;background:none;color:var(--muted);font-size:10px;margin:16px 0 0 0;padding:0}.workspace-dialog{width:1050px}.workspace-dialog .workspace-grid{padding:26px 28px;margin-top:0;grid-template-columns:minmax(0,1fr) 300px;gap:27px}.workspace-dialog .section-head{margin-bottom:15px}.workspace-dialog .section-head h2{font-size:17px}.workspace-dialog .task-panel{padding-left:24px}.workspace-dialog .pinned-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-dialog .task-empty{padding-top:32px}.workspace-dialog .tool-open img{height:104px}.workspace-dialog .section-footnote{font-size:10px}.workspace-dialog .task-item:last-child{border-bottom:0}#repositoryDialog .repo-card img{background:var(--surface-muted)}
html[data-theme=dark]{--canvas:#171b19;--surface:#202522;--surface-solid:#222824;--surface-muted:#2b322d;--ink:#e9eee9;--muted:#abb5ac;--line:#e0efdf14}html[data-theme=dark] body{background:var(--canvas)}html[data-theme=dark] .composer{background:linear-gradient(135deg,#252b27,#202622);box-shadow:0 8px 22px #0002,inset 0 0 0 1px #ffffff06;border-color:#dce5dc12}html[data-theme=dark] .reference-menu{background:#202521;color:#aeb8ad}html[data-theme=dark] .round-button,html[data-theme=dark] .parameter-button{background:#252b27;color:var(--ink);box-shadow:none}html[data-theme=dark] .reference-card{background:#dedfd8;border-color:#f0f0e812}html[data-theme=dark] .reference-card .feature-card__copy strong{color:#252c24}html[data-theme=dark] .brand-line span,html[data-theme=dark] .brand-line strong{color:#acb1a8}html[data-theme=dark] .prompt-wrap textarea::placeholder{color:#aab3a9}html[data-theme=dark] .reference-robot{filter:drop-shadow(0 8px 8px #0001)}
@keyframes slide-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1550px){.brand-stage{height:194px}.quick-start{margin-top:38px}}
@media(max-width:800px){.page{width:min(688px,calc(100% - 80px))}.brand-line span{font-size:25px}.brand-line strong{font-size:26px}.reference-robot{right:23px;width:155px;height:151px;bottom:-36px}.quick-start{margin-left:-7px;margin-right:-7px}.feature-grid{gap:15px}.reference-card .feature-card__copy strong{font-size:15px}.mini-calendar{right:8px}.workspace-dialog .workspace-grid{grid-template-columns:1fr;padding:22px}.workspace-dialog .task-panel{border:0;padding:22px 0 0;border-top:1px solid var(--line)}}
@media(max-width:600px){.page{width:calc(100% - 42px);padding-bottom:70px}.brand-stage{height:181px;border-radius:0 0 28px 28px}.brand-line{left:19px;bottom:30px;gap:5px}.brand-line span{font-size:21px;letter-spacing:-1px}.brand-line strong{font-size:21px;letter-spacing:0}.reference-robot{width:130px;height:127px;right:2px;bottom:-41px}.brand-line{bottom:46px;flex-wrap:wrap;max-width:235px;gap:6px}.composer{padding:23px 13px 12px 16px;border-radius:28px;min-height:164px;margin-top:11px}.prompt-wrap textarea{font-size:15px;min-height:67px}.composer__toolbar{margin-top:7px;gap:6px}.round-button{width:37px;height:37px}.parameter-button{font-size:13px;height:38px;padding:0 14px;gap:12px}.parameter-button>svg:first-child{display:none}.parameter-button .chevron{display:block}.submit-button{width:54px;min-width:54px;height:40px}.submit-button svg{width:23px}.toolbar-left{gap:8px}.quick-start{margin:29px 0 0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reference-card{height:185px;border-radius:20px 20px 14px 14px}.reference-card .feature-card__copy{padding:29px 12px 0;height:102px}.reference-card .feature-card__copy strong{font-size:16px;padding:0}.editorial-note b{font-size:8px;line-height:8px}.mini-calendar{right:13px;top:70px}.reference-menu{width:40px;height:40px}.reference-menu svg{width:22px;height:22px}.reference-back{width:40px;height:40px;display:grid}.workspace-dialog .pinned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-dialog{padding:18px}.navigation-dialog .compose-modes button{font-size:10px}.reference-card .mini-calendar small{display:block}.workspace-dialog .tool-card:last-child:nth-child(odd){display:block;grid-column:auto}}
@media(max-width:360px){.page{width:calc(100% - 34px)}.brand-line{left:16px;max-width:175px;bottom:31px}.brand-line span{font-size:21px}.brand-line strong{font-size:20px}.reference-robot{width:116px;height:113px;right:-7px;bottom:-35px}.parameter-button{padding:0 10px;font-size:12px;gap:8px}.feature-grid{gap:12px}.reference-card .feature-card__copy{padding-left:10px;padding-right:10px}.reference-card .feature-card__copy strong{font-size:15px}.mini-calendar{right:8px}.editorial-note b{font-size:7px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.navigation-dialog[open]{animation:none}.reference-card{transition:none}}

.reference-card .feature-card__copy{position:absolute;top:0;left:0;width:100%}