.studio-root{--s-bg:#f6f2ea;--s-bg-deep:#efe8db;--s-surface:#fffdf9;--s-surface-2:#fbf7ef;--s-surface-sunk:#f0eadf;--s-frost:#fffdf9c7;--s-ink:#1d1a14;--s-ink-soft:#5f584d;--s-ink-faint:#9b9284;--s-ink-ghost:#c8bfaf;--s-ochre:#ff7a35;--s-ochre-deep:#c55218;--s-ochre-bright:#ff9b50;--s-ochre-soft:#fff0e4;--s-ochre-line:#ffd0b6;--s-green:#25a77a;--s-green-deep:#16795b;--s-green-soft:#e3f6ee;--s-sage:var(--s-green);--s-sage-deep:var(--s-green-deep);--s-sage-soft:var(--s-green-soft);--s-moss:var(--s-green);--s-moss-deep:var(--s-green-deep);--s-moss-soft:var(--s-green-soft);--s-blue:#4278ff;--s-blue-deep:#2552be;--s-blue-soft:#e9efff;--s-blue-line:#cad8ff;--s-clay:#d85d46;--s-clay-deep:#a13b2c;--s-clay-soft:#ffe8e2;--s-clay-line:#f5c4ba;--s-plum:#8b6ee8;--s-plum-soft:#f0ebff;--s-line:#e4dcc9;--s-line-strong:#d7caae;--s-line-soft:#eee7d8;--s-shadow-sm:0 1px 2px #1d1a140d, 0 1px 1px #1d1a1408;--s-shadow:0 10px 30px -22px #1d1a142e;--s-shadow-lg:0 18px 52px -30px #1d1a1442;--s-shadow-xl:0 30px 90px -45px #1d1a1457;--s-shadow-ring-ochre:0 0 0 3px var(--s-ochre-soft), 0 1px 3px #ff7a352e;--s-shadow-lift:0 14px 38px -24px #1d1a1438;--s-shadow-clay:inset 0 1px 2px #ffffffd9, inset 0 -1px 3px #1d1a140d, 0 6px 18px -8px #1d1a1429;--s-shadow-clay-press:inset 0 1px 2px #fff9, inset 0 -1px 3px #1d1a1414, 0 2px 8px -6px #1d1a1424;--s-radius:18px;--s-radius-sm:12px;--s-radius-lg:24px;--s-radius-pill:999px;--s-display:var(--font-sora,"Sora"), "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;--s-mono:var(--font-sora,"Sora"), "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--s-body:var(--font-sora,"Sora"), "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, sans-serif;--s-ease:cubic-bezier(.22, .61, .36, 1);--s-ease-out:cubic-bezier(.16, 1, .3, 1);--s-t-fast:.14s var(--s-ease);--s-t:.24s var(--s-ease-out);--s-t-slow:.42s var(--s-ease-out);background:var(--s-bg);min-height:100vh;color:var(--s-ink);font-family:var(--s-body);font-feature-settings:"ss01", "cv01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.studio-root *{border-color:var(--s-line)}html:has(.studio-root){height:auto;overflow-y:auto}html:has(.studio-root) body{height:auto;overflow-y:auto}html:has(.studio-root){--s-bg:#f6f2ea;--s-bg-deep:#efe8db;--s-surface:#fffdf9;--s-surface-2:#fbf7ef;--s-surface-sunk:#f0eadf;--s-frost:#fffdf9c7;--s-ink:#1d1a14;--s-ink-soft:#5f584d;--s-ink-faint:#9b9284;--s-ink-ghost:#c8bfaf;--s-ochre:#ff7a35;--s-ochre-deep:#c55218;--s-ochre-bright:#ff9b50;--s-ochre-soft:#fff0e4;--s-ochre-line:#ffd0b6;--s-green:#25a77a;--s-green-deep:#16795b;--s-green-soft:#e3f6ee;--s-clay:#d85d46;--s-clay-deep:#a13b2c;--s-line:#e4dcc9;--s-line-strong:#d7caae;--s-line-soft:#eee7d8;--s-radius:18px;--s-radius-sm:12px;--s-radius-lg:24px;--s-radius-pill:999px;--s-shadow-sm:0 1px 2px #1d1a140d, 0 1px 1px #1d1a1408;--s-shadow:0 10px 30px -22px #1d1a142e;--s-shadow-ring-ochre:0 0 0 3px var(--s-ochre-soft), 0 1px 3px #ff7a352e;--s-body:var(--font-sora,"Sora"), "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;--s-t-fast:.14s cubic-bezier(.22, .61, .36, 1)}.studio-scroll{min-height:100vh}.studio-scroll-app{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.studio-root:before{content:"";pointer-events:none;z-index:0;opacity:.8;background:linear-gradient(#fffdf959 0%,#f6f2ea00 28%);position:fixed;inset:0}.studio-scroll>*{z-index:1;position:relative}.s-container{width:100%;margin-inline:auto;padding-inline:20px}@media (min-width:768px){.s-container{padding-inline:32px}}.s-container-narrow{max-width:1024px}.s-container-wide{max-width:1200px}.s-container-full{max-width:1320px}.s-display,.s-hero-title,.s-section-title{font-family:var(--s-display);color:var(--s-ink);letter-spacing:0}.s-display{font-weight:650;line-height:1.12}.s-hero-title{font-weight:760;line-height:1.08}.s-section-title{font-weight:720;line-height:1.18}.s-hero-title em,.s-section-title em{color:var(--s-ochre-deep);font-style:normal}.s-eyebrow{font-family:var(--s-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--s-ochre-deep);font-size:11px;font-weight:700}.s-mono{font-family:var(--s-mono);font-feature-settings:"tnum", "cv01"}.s-prose{color:var(--s-ink-soft);font-size:15px;line-height:1.7}.s-prose b,.s-prose strong{color:var(--s-ink);font-weight:700}.s-btn{border-radius:var(--s-radius-sm);white-space:nowrap;letter-spacing:0;min-height:40px;transition:transform var(--s-t-fast), box-shadow var(--s-t-fast), background var(--s-t-fast), border-color var(--s-t-fast), color var(--s-t-fast), opacity var(--s-t-fast);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.s-btn:active{transform:scale(.98)}.s-btn:disabled{opacity:.5;cursor:not-allowed}.s-btn-primary,.s-btn-grad{background:var(--s-ink);color:var(--s-surface);box-shadow:var(--s-shadow-sm)}.s-btn-primary:hover,.s-btn-grad:hover{box-shadow:var(--s-shadow-lift);background:#0f0d09;transform:translateY(-1px)}.s-btn-ochre{background:var(--s-ochre);color:#fff;box-shadow:0 12px 26px -16px #ff7a35b3}.s-btn-ochre:hover{background:var(--s-ochre-deep);transform:translateY(-1px);box-shadow:0 14px 32px -16px #c55218b3}.s-btn-ghost{background:var(--s-surface);color:var(--s-ink);border-color:var(--s-line-strong);box-shadow:var(--s-shadow-sm)}.s-btn-ghost:hover{background:var(--s-surface-2);border-color:var(--s-ink-ghost);transform:translateY(-1px)}.s-btn-quiet{color:var(--s-ink-soft);border-color:var(--s-line);box-shadow:none;background:0 0}.s-btn-quiet:hover{background:var(--s-surface-sunk);color:var(--s-ink);border-color:var(--s-line-strong)}.s-btn-soft-yellow{background:var(--s-ochre-soft);color:var(--s-ochre-deep);border-color:var(--s-ochre-line)}.s-btn-soft-yellow:hover{background:#ffe5d1;transform:translateY(-1px)}.s-btn-icon{min-width:40px;min-height:40px;padding:10px}.s-card,.s-card-glass{background:var(--s-frost);border-radius:var(--s-radius);box-shadow:var(--s-shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #e4dcc9e6}.s-card-quiet{background:var(--s-surface-2);border:1px solid var(--s-line);border-radius:var(--s-radius)}.s-tile{background:var(--s-frost);border-radius:var(--s-radius);transition:transform var(--s-t), box-shadow var(--s-t), border-color var(--s-t);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #e4dcc9e6}.s-tile:hover,.s-tile-interactive:hover{box-shadow:var(--s-shadow-lg);border-color:var(--s-line-strong);transform:translateY(-2px)}.s-chip{border-radius:var(--s-radius-pill);letter-spacing:0;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.5;display:inline-flex}.s-pick{cursor:pointer;border-radius:var(--s-radius);border:1px solid var(--s-line);background:var(--s-surface);transition:border-color var(--s-t), transform var(--s-t), box-shadow var(--s-t), background var(--s-t);text-align:left;padding:16px;position:relative}.s-pick:hover{box-shadow:var(--s-shadow);border-color:var(--s-line-strong);transform:translateY(-2px)}.s-pick[data-on=true]{border-color:var(--s-ink);box-shadow:0 0 0 1px var(--s-ink), var(--s-shadow-sm);background:var(--s-surface)}.s-pick[data-on=true]:after{content:"";background:var(--s-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:7px;width:18px;height:18px;position:absolute;top:12px;right:12px}.s-nav-glass{-webkit-backdrop-filter:saturate(150%)blur(18px);background:#f6f2ea9e;border-bottom:1px solid #e4dcc994}.s-nav-link{color:var(--s-ink-soft);transition:color var(--s-t-fast);letter-spacing:0;padding:6px 2px;font-size:14px;font-weight:650;position:relative}.s-nav-link:hover,.s-nav-link[data-active=true]{color:var(--s-ink)}.s-nav-link[data-active=true]:after{content:"";background:linear-gradient(90deg, var(--s-ochre), var(--s-blue));border-radius:999px;height:3px;position:absolute;bottom:-8px;left:0;right:0}.s-input,.s-textarea,.s-select{border:1px solid var(--s-line-strong);border-radius:var(--s-radius-sm);width:100%;color:var(--s-ink);transition:border-color var(--s-t-fast), box-shadow var(--s-t-fast), background var(--s-t-fast);background:#fffdf9db;padding:11px 13px;font-size:14px}.s-input::-moz-placeholder{color:var(--s-ink-faint)}.s-textarea::-moz-placeholder{color:var(--s-ink-faint)}.s-input::placeholder,.s-textarea::placeholder{color:var(--s-ink-faint)}.s-textarea{resize:vertical;line-height:1.65}.s-input:focus,.s-textarea:focus,.s-select:focus{border-color:var(--s-ochre);box-shadow:var(--s-shadow-ring-ochre);outline:none}.s-input:disabled,.s-textarea:disabled,.s-select:disabled{background:var(--s-surface-sunk);color:var(--s-ink-soft);cursor:not-allowed}.s-label{font-family:var(--s-mono);color:var(--s-ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.s-composer{z-index:40;background:var(--s-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #e4dcc9eb;border-radius:30px;position:relative;overflow:visible;box-shadow:0 28px 74px -40px #1d1a1457}.s-composer-tabs{background:#efebe4;border-bottom:1px solid #0000;border-top-left-radius:30px;border-top-right-radius:30px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:64px;padding:0 72px 0 0;display:grid;position:relative}.s-composer-tab{min-width:max-content;height:64px;color:var(--s-ink-soft);transition:background var(--s-t), color var(--s-t), box-shadow var(--s-t);border-radius:0;justify-content:center;align-items:center;gap:8px;padding-inline:14px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.s-composer-tab svg{color:var(--tab-accent,var(--s-ink-soft));flex-shrink:0}.s-composer-tab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-composer-tab[data-active=true]{z-index:1;background:var(--s-surface);color:var(--s-ink);box-shadow:0 -1px 0 var(--s-surface), 0 2px 0 var(--s-surface);border-top-left-radius:30px;border-top-right-radius:30px}.s-composer-tab[data-active=true]+.s-composer-tab{border-bottom-left-radius:24px}.s-composer-tab-mobile{display:none}.s-composer-more{width:72px;min-width:0;position:absolute;top:0;bottom:0;right:0}.s-composer-more-trigger{width:100%;min-width:0;height:64px;color:var(--s-ink-soft);transition:background var(--s-t), color var(--s-t);border-top-right-radius:30px;justify-content:center;align-items:center;padding-inline:0;display:inline-flex}.s-composer-more-trigger svg{color:var(--s-ink-soft)}.s-composer-more-trigger:hover,.s-composer-more-trigger[aria-expanded=true]{color:var(--s-ink);background:#fffdf99e}.s-composer-more-menu{z-index:20;background:var(--s-surface);border:1px solid #e4dcc9f2;border-radius:16px;gap:4px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:8px;box-shadow:0 18px 42px -24px #1d1a1473}.s-composer-more-item{min-height:42px;color:var(--s-ink-soft);text-align:left;transition:background var(--s-t), color var(--s-t);border-radius:10px;justify-content:flex-start;align-items:center;gap:9px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.s-composer-more-item:hover{background:var(--s-surface-2);color:var(--s-ink)}.s-composer-more-item svg{color:var(--tab-accent,var(--s-ink-soft));flex-shrink:0}.s-composer-more-item span{white-space:nowrap}.s-composer-input{resize:none;width:100%;min-height:92px;color:var(--s-ink);background:0 0;border:0;outline:none;padding:18px 24px 6px;font-size:16px;line-height:1.75}.s-composer-input::placeholder{color:var(--s-ink-faint)}.s-composer-input-wrap{position:relative}.s-composer-input-wrap[data-has-clone=true] .s-composer-input{padding-left:178px}.s-clone-tag-wrap{z-index:20;position:absolute;top:16px;left:22px}.s-clone-tag{background:var(--s-surface-2);width:140px;min-height:32px;color:var(--s-ink);transition:background var(--s-t-fast), border-color var(--s-t-fast), color var(--s-t-fast);border:1px solid #e4dcc9f2;border-radius:999px;justify-content:space-between;align-items:center;gap:7px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.s-clone-tag svg{color:var(--s-clay);flex-shrink:0}.s-clone-tag span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.s-clone-tag[data-available=false] svg{color:var(--s-clay-deep)}.s-clone-tag:hover,.s-clone-tag[aria-expanded=true]{border-color:var(--s-clay);background:#fffdf9}.s-clone-tag-menu{z-index:9999;background:var(--s-surface);text-align:left;border:1px solid #e4dcc9f2;border-radius:15px;gap:3px;min-width:178px;padding:7px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 18px 42px -24px #1d1a1473}.s-clone-tag-option{min-height:37px;color:var(--s-ink-soft);text-align:left;transition:background var(--s-t-fast), color var(--s-t-fast);border-radius:9px;align-items:center;padding:7px 10px;font-size:13px;font-weight:700;display:flex}.s-clone-tag-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-clone-tag-option[aria-checked=true]{color:var(--s-ink);background:#9a6a521f}.s-clone-tag-option:hover{background:var(--s-surface-2);color:var(--s-ink)}.s-clone-tag-option em{color:var(--s-clay-deep);flex-shrink:0;margin-left:auto;padding-left:6px;font-size:11px;font-style:normal;font-weight:600}.s-clone-tag-option:disabled{opacity:.58;cursor:not-allowed}.s-clone-tag-option:disabled:hover{color:var(--s-ink-soft);background:0 0}.s-clone-tag-divider{background:var(--s-ochre-line);height:1px;margin:4px}.s-clone-tag-manage{min-height:37px;color:var(--s-ochre-deep);border-radius:9px;align-items:center;padding:7px 10px;font-size:13px;font-weight:700;display:flex}.s-clone-tag-manage:hover{background:var(--s-surface-2)}.s-composer-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:12px 16px 16px;display:flex;position:relative}.s-icon-button{width:42px;height:42px;color:var(--s-ink-soft);transition:background var(--s-t-fast), color var(--s-t-fast), transform var(--s-t-fast);border-radius:14px;place-items:center;display:grid}.s-icon-button:hover{background:var(--s-surface-sunk);color:var(--s-ink);transform:translateY(-1px)}.s-icon-button-notice{z-index:20;background:var(--s-ink);color:#fff;letter-spacing:.02em;white-space:nowrap;pointer-events:none;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700;animation:.14s ease-out s-notice-pop;position:absolute;bottom:calc(100% + 10px);left:37px;transform:translate(-50%);box-shadow:0 14px 24px -16px #1d1a149e}.s-icon-button-notice[data-icon=资源库]{left:85px}.s-icon-button-notice:after{content:"";border:5px solid #0000;border-top-color:var(--s-ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes s-notice-pop{0%{opacity:0}to{opacity:1}}.s-generate-button{background:linear-gradient(135deg, var(--s-ink), #3c352a);color:#fff;width:52px;height:52px;transition:transform var(--s-t-fast), box-shadow var(--s-t-fast);border-radius:50%;place-items:center;display:grid;box-shadow:0 16px 28px -18px #1d1a1485}.s-generate-button:hover{transform:translateY(-2px);box-shadow:0 20px 34px -18px #1d1a149e}.s-prompt-chip,.s-category-pill{border:1px solid var(--s-line);border-radius:var(--s-radius-pill);min-height:38px;color:var(--s-ink-soft);box-shadow:var(--s-shadow-sm);transition:background var(--s-t-fast), border-color var(--s-t-fast), color var(--s-t-fast), transform var(--s-t-fast);white-space:nowrap;background:#fffdf9ad;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.s-prompt-chip:hover,.s-category-pill:hover,.s-category-pill[data-active=true]{background:var(--s-surface);border-color:var(--s-line-strong);color:var(--s-ink);transform:translateY(-1px)}.s-category-pill[data-active=true]{box-shadow:inset 0 0 0 1px var(--s-ochre-line), var(--s-shadow-sm)}.s-category-pill span{background:var(--s-ochre);color:#fff;border-radius:999px;padding:1px 6px;font-size:10px}.s-tool-card,.s-resource-card{box-shadow:var(--s-shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--s-t), box-shadow var(--s-t), border-color var(--s-t);background:#fffdf9bd;border:1px solid #e4dcc9e6;border-radius:20px}.s-tool-card{align-items:center;gap:13px;min-height:116px;padding:16px;display:flex}.s-tool-card:hover,.s-resource-card:hover{border-color:var(--s-line-strong);box-shadow:var(--s-shadow-lg);transform:translateY(-3px)}.s-tool-icon{background:var(--s-surface);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--s-line);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.s-resource-card{padding:12px 12px 16px}.s-card-badge{color:var(--s-ink);box-shadow:var(--s-shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9d1;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.s-mini-arrow{background:var(--s-surface);width:36px;height:36px;color:var(--s-ink-soft);box-shadow:inset 0 0 0 1px var(--s-line);transition:background var(--s-t-fast), color var(--s-t-fast), transform var(--s-t-fast);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.s-mini-arrow:hover{background:var(--s-ink);color:#fff;transform:translate(2px)}.s-search-field{border:1px solid var(--s-line);width:100%;max-width:330px;height:44px;color:var(--s-ink-faint);background:#fffdf9b8;border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex}.s-search-field input{width:100%;min-width:0;color:var(--s-ink);background:0 0;border:0;outline:none;font-size:14px}.s-search-field input::placeholder{color:var(--s-ink-faint)}.s-library-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.s-library-tabs{gap:8px;display:flex}.s-library-tab{border:1px solid var(--s-line);border-radius:var(--s-radius-pill);min-height:40px;color:var(--s-ink-soft);transition:background var(--s-t-fast), border-color var(--s-t-fast), color var(--s-t-fast), transform var(--s-t-fast);white-space:nowrap;background:#fffdf980;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.s-library-tab:hover{background:var(--s-surface);border-color:var(--s-line-strong);color:var(--s-ink);transform:translateY(-1px)}.s-library-tab[data-active=true]{background:var(--s-ink);border-color:var(--s-ink);color:var(--s-surface);box-shadow:var(--s-shadow)}.s-library-tab:focus-visible{outline:2px solid var(--s-ochre);outline-offset:2px}@media (max-width:640px){.s-library-bar{flex-direction:column;align-items:stretch}.s-search-field{max-width:none}}.s-subfilters{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.s-subfilter-group{align-items:center;gap:12px;display:flex}.s-subfilter-label{color:var(--s-ink-faint);white-space:nowrap;letter-spacing:.03em;text-align:right;flex-shrink:0;width:32px;font-size:12px;font-weight:700}.s-subfilter-pill{border:1px solid var(--s-line);border-radius:var(--s-radius-pill);min-height:34px;color:var(--s-ink-soft);transition:background var(--s-t-fast), border-color var(--s-t-fast), color var(--s-t-fast), transform var(--s-t-fast);white-space:nowrap;background:#fffdf980;align-items:center;gap:5px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.s-subfilter-pill:hover{background:var(--s-surface);border-color:var(--s-line-strong);color:var(--s-ink);transform:translateY(-1px)}.s-subfilter-pill[data-active=true]{background:var(--s-surface);border-color:var(--s-line-strong);color:var(--s-ink);box-shadow:inset 0 0 0 1px var(--s-ochre-line), var(--s-shadow-sm)}.s-subfilter-pill:focus-visible{outline:2px solid var(--s-ochre);outline-offset:2px}@media (max-width:640px){.s-subfilter-label{text-align:left;width:auto}}.s-chat-bubble{border-radius:18px;padding:12px 15px;font-size:14px;line-height:1.65}.s-chat-bubble-user{background:var(--s-ink);color:var(--s-surface);border-bottom-right-radius:5px}.s-chat-bubble-bot{background:var(--s-surface);border:1px solid var(--s-line);color:var(--s-ink);box-shadow:var(--s-shadow-sm);border-bottom-left-radius:5px}.s-stage-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.s-stage-dot[data-status-running]{animation:1.2s ease-in-out infinite s-dot-pulse}.s-progress{border-radius:var(--s-radius-pill);background:var(--s-line);height:5px;overflow:hidden}.s-progress>i{border-radius:var(--s-radius-pill);background:linear-gradient(90deg, var(--s-ochre), var(--s-blue));height:100%;transition:width var(--s-t-slow);display:block}@keyframes s-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.s-rise{animation:s-rise .5s var(--s-ease-out) both}@keyframes s-fade{0%{opacity:0}to{opacity:1}}.s-fade{animation:s-fade .4s var(--s-ease-out) both}@keyframes s-pulse-ring{0%{opacity:.45;transform:scale(.9)}70%{opacity:0;transform:scale(1.8)}to{opacity:0}}.s-pulse-ring{position:relative}.s-pulse-ring:after{content:"";background:var(--s-sage);z-index:-1;border-radius:50%;animation:2s ease-out infinite s-pulse-ring;position:absolute;inset:0}@keyframes s-typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes s-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.s-typing-dot{background:var(--s-ink-faint);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite s-typing}@keyframes s-breathe{0%,to{box-shadow:0 0 #ff7a3500,0 10px 24px -10px #ff7a358c}50%{box-shadow:0 0 0 6px #ff7a351a,0 14px 30px -10px #ff7a35b3}}.s-breathe{animation:s-breathe 3.2s var(--s-ease) infinite}.s-icon-bounce{transition:transform var(--s-t-fast);display:inline-flex}.group:hover .s-icon-bounce{transform:translateY(-2px)rotate(-6deg)}.s-d1{animation-delay:60ms}.s-d2{animation-delay:.14s}.s-d3{animation-delay:.22s}.s-d4{animation-delay:.3s}.studio-scroll::-webkit-scrollbar{width:8px;height:8px}.s-scroll::-webkit-scrollbar{width:8px;height:8px}.studio-scroll::-webkit-scrollbar-track{background:0 0}.s-scroll::-webkit-scrollbar-track{background:0 0}.studio-scroll::-webkit-scrollbar-thumb{background:var(--s-line-strong);border:2px solid var(--s-bg);border-radius:8px}.s-scroll::-webkit-scrollbar-thumb{background:var(--s-line-strong);border:2px solid var(--s-bg);border-radius:8px}.studio-scroll::-webkit-scrollbar-thumb:hover{background:var(--s-ink-ghost)}.s-scroll::-webkit-scrollbar-thumb:hover{background:var(--s-ink-ghost)}.s-btn:focus-visible,.s-pick:focus-visible,.s-nav-link:focus-visible,.s-input:focus-visible,.s-textarea:focus-visible,.s-select:focus-visible,.s-icon-button:focus-visible,.s-generate-button:focus-visible,.s-composer-more-item:focus-visible,.s-prompt-chip:focus-visible,.s-clone-tag:focus-visible,.s-clone-tag-option:focus-visible,.s-clone-tag-manage:focus-visible,.s-category-pill:focus-visible,.s-subfilter-pill:focus-visible{outline:2px solid var(--s-ochre);outline-offset:2px}@media (max-width:640px){.s-composer{border-radius:24px}.s-composer-tabs{scrollbar-width:none;-ms-overflow-style:none;border-top-left-radius:24px;border-top-right-radius:24px;grid-template-columns:none;gap:6px;height:58px;padding:7px 8px;display:flex;overflow:auto hidden}.s-composer-tabs::-webkit-scrollbar{display:none}.s-composer-tab-desktop,.s-composer-more{display:none}.s-composer-tab-mobile{display:inline-flex}.s-composer-tab{white-space:nowrap;background:#fffdf96b;border-radius:18px;flex:none;gap:6px;min-width:112px;height:44px;min-height:44px;padding-inline:12px;font-size:13px}.s-composer-tab[data-active=true]{border-radius:18px;box-shadow:0 8px 20px -14px #1d1a1459,inset 0 0 0 1px #e4dcc9f2}.s-composer-tab[data-active=true]+.s-composer-tab{border-bottom-left-radius:18px}.s-composer-tab span{text-overflow:clip;overflow:visible}.s-composer-input{min-height:88px;padding:16px 18px 6px}.s-composer-toolbar{padding-inline:12px}.s-icon-button-notice{left:31px}.s-icon-button-notice[data-icon=资源库]{left:75px}.s-composer-input-wrap[data-has-clone=true] .s-composer-input{min-height:122px;padding-left:154px}.s-clone-tag-wrap{top:13px;left:13px}.s-clone-tag{width:122px;min-height:30px;padding:4px 8px;font-size:11px}.s-clone-tag-menu{min-width:170px}.s-icon-button{width:38px;height:38px}.s-generate-button{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.s-rise,.s-fade,.s-pulse-ring:after,.s-typing-dot,.s-breathe{animation:none!important}.s-btn,.s-tile,.s-pick,.s-nav-link,.s-tool-card,.s-resource-card{transition-duration:0s!important}}.s-chat-scope{--background:var(--s-surface);--foreground:var(--s-ink);--card:var(--s-surface);--card-foreground:var(--s-ink);--popover:var(--s-surface);--popover-foreground:var(--s-ink);--primary:var(--s-ochre);--primary-foreground:#fff;--muted:var(--s-surface-2);--muted-foreground:var(--s-ink-soft);--border:var(--s-line);--accent:var(--s-ochre);--accent-foreground:#fff;--radius:var(--s-radius-sm)}.s-chat-scope .prose{font-family:var(--s-body);font-size:14px}.s-chat-scope .prose p{color:var(--s-ink);margin-bottom:.7rem}.s-chat-scope .prose p:last-child{margin-bottom:0}.s-chat-scope .prose h1,.s-chat-scope .prose h2,.s-chat-scope .prose h3,.s-chat-scope .prose h4,.s-chat-scope .prose strong{color:var(--s-ink)}.s-chat-scope .prose ul,.s-chat-scope .prose ol{color:var(--s-ink-soft)}.s-chat-scope .prose a{color:var(--s-ochre-deep)}.s-chat-scope .s-chat-bubble,.s-chat-scope .prose,.s-chat-scope .prose *{overflow-wrap:anywhere;max-width:100%}.s-chat-scope .prose table{display:block;overflow-x:auto}.s-chat-scope .prose img,.s-chat-scope .prose video,.s-chat-scope .prose canvas{height:auto}.s-chat-scope pre,.s-chat-scope code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.s-input.max-h-32{min-height:44px}.studio-scroll>.s-nav-glass{z-index:40}@media (max-width:767px){.s-card{border-radius:14px}.s-mobile-task-tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#efebe4db;border:1px solid #e4dcc9eb;border-radius:18px;min-height:48px;padding:4px;box-shadow:inset 0 1px #fffdf9b8,0 10px 26px -22px #1d1a1459}.s-mobile-task-tab{min-height:40px;color:var(--s-ink-faint);letter-spacing:0;transition:background var(--s-t-fast), color var(--s-t-fast), box-shadow var(--s-t-fast), transform var(--s-t-fast);border-radius:14px;font-size:13px;font-weight:750}.s-mobile-task-tab svg{flex-shrink:0}.s-mobile-task-tab[data-active=true]{background:var(--s-surface);color:var(--s-ink);box-shadow:var(--s-shadow-sm), inset 0 0 0 1px #e4dcc9f2}.s-mobile-task-tab:active{transform:scale(.98)}.s-chat-bubble-user{max-width:90%}.s-chat-bubble-bot{max-width:95%}.overflow-x-auto{scrollbar-width:none;-ms-overflow-style:none}.overflow-x-auto::-webkit-scrollbar{display:none}}@media (max-width:480px){.s-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.clone-chat-canvas{background-color:var(--s-surface);background-image:radial-gradient(#ffd0b642 .8px,#0000 .8px),linear-gradient(#fff0e466 0%,#0000 140px);background-size:22px 22px,100% 100%;background-attachment:local}.clone-chat-panel{background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-radius-lg);min-height:0;box-shadow:var(--s-shadow);--foreground:var(--s-ink);--secondary:var(--s-surface-sunk);--secondary-foreground:var(--s-ink);--muted-foreground:var(--s-ink-soft);--border:var(--s-line);overflow:hidden}@keyframes clone-welcome-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.clone-welcome{animation:clone-welcome-in .4s var(--s-ease-out) both}.clone-suggestion-chip{animation:clone-msg-rise .35s var(--s-ease-out) both}.clone-suggestion-chip:first-child{animation-delay:80ms}.clone-suggestion-chip:nth-child(2){animation-delay:.16s}.clone-suggestion-chip:nth-child(3){animation-delay:.24s}@keyframes clone-msg-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.clone-msg-enter{animation:clone-msg-rise .28s var(--s-ease-out) both}.clone-chat-composer{border:1.5px solid var(--s-line);background:var(--s-surface);transition:border-color var(--s-t-fast), box-shadow var(--s-t-fast);box-shadow:0 2px 12px -6px #1d1a141f}.clone-chat-composer:focus-within{border-color:var(--s-ochre);box-shadow:0 0 0 3px var(--s-ochre-soft), 0 4px 18px -8px #ff7a3540}.clone-avatar{background:linear-gradient(135deg, var(--s-ochre-bright), var(--s-ochre-deep));color:#fff;letter-spacing:-.02em;box-shadow:0 6px 18px -8px #ff7a358c,inset 0 1px #ffffff40}.clone-welcome{background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);overflow:hidden}.clone-welcome-banner{background:linear-gradient(135deg, var(--s-ochre-soft) 0%, #fff7ef 60%, var(--s-surface) 100%);border-bottom:1px solid var(--s-line-soft)}.clone-suggestion-chip{cursor:pointer;border-radius:var(--s-radius-sm);border:1px solid var(--s-line);background:var(--s-surface);color:var(--s-ink);transition:border-color var(--s-t-fast), background var(--s-t-fast), box-shadow var(--s-t-fast), transform var(--s-t-fast);text-align:left;box-shadow:var(--s-shadow-sm);align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:600;line-height:1.5;display:flex}.clone-suggestion-chip:hover{border-color:var(--s-ochre-line);background:var(--s-ochre-soft);transform:translateY(-1px);box-shadow:0 4px 14px -8px #ff7a354d}.clone-suggestion-chip:active{transform:scale(.98)}.clone-suggestion-icon{background:var(--s-ochre-soft);width:36px;height:36px;color:var(--s-ochre-deep);transition:background var(--s-t-fast), color var(--s-t-fast);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.clone-suggestion-chip:hover .clone-suggestion-icon{background:var(--s-ochre);color:#fff}@media (prefers-reduced-motion:reduce){.clone-msg-enter,.clone-welcome,.clone-suggestion-chip{animation:none!important}}@keyframes clone-thinking-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.clone-thinking-dot{background:var(--s-ochre);border-radius:999px;animation:1.4s ease-in-out infinite clone-thinking-bounce;display:inline-block}@keyframes clone-voice-wave{0%{height:4px}to{height:16px}}.clone-voice-bar{background:var(--s-green-deep);border-radius:999px;animation:.6s ease-in-out infinite alternate clone-voice-wave;display:inline-block}@media (max-width:640px){.clone-chat-panel{border-radius:var(--s-radius);min-height:0}.clone-welcome{border-radius:var(--s-radius)}.clone-suggestion-chip{min-height:48px;padding:12px 14px;font-size:13px}.clone-suggestion-icon{border-radius:8px;width:32px;height:32px}.clone-chat-composer{border-radius:var(--s-radius-sm)!important}.clone-welcome-banner{padding-top:1.25rem!important;padding-bottom:.875rem!important}}@media (prefers-reduced-motion:reduce){.clone-thinking-dot,.clone-voice-bar{animation:none!important}}