:root{--canvas:#FAF8F4;--surface:#FFFFFF;--surface-muted:#F4F0E9;--surface-inset:#EFEAE1;--text:#292524;--text-muted:#78716C;--text-faint:#A8A29E;--border:#E8E1D8;--border-strong:#D6CCC0;--accent:#E05D38;--accent-hover:#C94E2C;--accent-active:#B2431F;--accent-soft:#FBEAE3;--accent-text:#B2431F;--success:#3E7C4F;--success-soft:#E9F2EA;--warning:#B7791F;--warning-soft:#F8EFDD;--danger:#C2402F;--danger-hover:#A93525;--danger-soft:#F9E8E5;--focus-ring:rgba(224,93,56,0.35);--glass:rgba(255,255,255,0.72);--glass-strong:rgba(255,255,255,0.82);--glass-border:rgba(255,255,255,0.65);--font-ui:ui-rounded,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-24:24px;--fs-32:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(87,72,58,0.06);--shadow-md:0 2px 8px rgba(87,72,58,0.08);--shadow-lg:0 8px 24px rgba(87,72,58,0.12);--z-base:0;--z-sticky:10;--z-overlay:20;--z-drawer:30;--z-toast:40}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100vh}body{font-family:var(--font-ui);background:var(--canvas);color:var(--text);font-size:var(--fs-14);line-height:22px;overflow-x:hidden}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:40px;padding:0 20px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:var(--fs-16);font-weight:700;box-shadow:var(--shadow-sm);transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-primary:disabled{background:var(--surface-inset);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.sidebar__new-button:after{content:"";width:16px;height:16px;flex:0 0 16px}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--radius-full);font-size:var(--fs-11);font-weight:600;line-height:22px;white-space:nowrap}.badge--accent{background:var(--accent-soft);color:var(--accent-text)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--muted{background:var(--surface-muted);color:var(--text-muted)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent);animation:badge-pulse 1.2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:.4}50%{opacity:1}}.spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}.spinner--on-accent{border-color:#fff rgba(255,255,255,.45) rgba(255,255,255,.45)}@keyframes spin{to{transform:rotate(1turn)}}.brand-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-16);font-weight:700;height:40px;color:var(--text);white-space:nowrap}.brand-logo__mark{width:18px;height:18px;color:var(--accent);flex:none}.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.aurora__blob--1{width:640px;height:640px;left:-160px;top:-200px;background:radial-gradient(circle at 40% 40%,#F5A97F 0,rgba(245,169,127,0) 70%);animation:drift1 26s ease-in-out infinite alternate}.aurora__blob--2{width:560px;height:560px;right:-120px;top:8%;background:radial-gradient(circle at 50% 50%,#FBE3C8 0,rgba(251,227,200,0) 70%);animation:drift2 32s ease-in-out infinite alternate}.aurora__blob--3{width:520px;height:520px;left:28%;bottom:-240px;background:radial-gradient(circle at 50% 50%,#F6D5CE 0,rgba(246,213,206,0) 70%);animation:drift3 28s ease-in-out infinite alternate}.aurora__blob--4{width:420px;height:420px;right:16%;bottom:-120px;background:radial-gradient(circle at 50% 50%,rgba(224,93,56,.35) 0,rgba(224,93,56,0) 70%);animation:drift1 24s ease-in-out infinite alternate-reverse}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.08)}}@keyframes drift2{0%{transform:translate(0) scale(1.05)}to{transform:translate(-70px,50px) scale(1)}}@keyframes drift3{0%{transform:translate(0) scale(1)}to{transform:translate(50px,-45px) scale(1.1)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;z-index:2;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--glass-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.sidebar__label{font-size:var(--fs-11);font-weight:600;letter-spacing:.08em;color:var(--text-faint);margin-top:var(--space-2)}.sidebar__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);flex:1 1;overflow-y:auto}.sidebar__link{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);border-left:3px solid transparent;transition:background .15s}.sidebar__link:hover{background:rgba(255,255,255,.6)}.sidebar__link--active{background:var(--accent-soft);border-left-color:var(--accent)}.sidebar__name{font-size:var(--fs-14);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__time{font-size:var(--fs-11);color:var(--text-faint)}.sidebar__empty{font-size:var(--fs-13);color:var(--text-faint);padding:var(--space-3) var(--space-3) 0}.sidebar__foot{font-size:var(--fs-11);color:var(--text-faint);line-height:16px}.sidebar__dots{display:none;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1;padding-top:var(--space-2)}.sidebar__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-faint)}.sidebar__dot--accent{background:var(--accent)}.sidebar__dot--success{background:var(--success)}.sidebar__dot--warning{background:var(--warning)}.sidebar__dot--danger{background:var(--danger)}.topbar{display:none}.topbar__menu{width:32px;height:32px;font-size:var(--fs-16);color:var(--text);border-radius:var(--radius-sm)}.dashboard-main{position:relative;z-index:1;margin-left:248px;padding:64px 32px 48px}.dashboard-main__container{max-width:880px;margin:0 auto}.hero{text-align:center;margin-bottom:var(--space-6)}.hero__slogan{font-size:var(--fs-24);font-weight:700;line-height:34px;letter-spacing:.01em}.hero__brand{color:var(--accent-text)}.hero__sub{font-size:var(--fs-14);color:var(--text-muted);margin-top:var(--space-2)}.composer{background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);margin-bottom:40px;text-align:left}.composer:focus-within{border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 3px var(--focus-ring)}.composer--invalid,.composer--invalid:focus-within{border-color:var(--danger);box-shadow:var(--shadow-lg)}.composer__textarea{width:100%;min-height:96px;border:none;resize:vertical;font-family:inherit;font-size:var(--fs-14);line-height:22px;color:var(--text);background:transparent}.composer__textarea:focus{outline:none}.composer__textarea::placeholder{color:var(--text-faint)}.composer__textarea:disabled{color:var(--text-faint);cursor:not-allowed}.composer__error{margin-top:var(--space-2);font-size:var(--fs-13);color:var(--danger)}.composer__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.composer__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.composer__chips-label{font-size:var(--fs-12);color:var(--text-faint);margin-right:2px}.chip{height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:rgba(255,255,255,.6);font-size:var(--fs-12);color:var(--text-muted);transition:all .15s}.chip--on,.chip--on:hover:not(:disabled),.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.chip--on,.chip--on:hover:not(:disabled){font-weight:600}.chip:disabled{background:var(--surface-inset);color:var(--text-faint);border-color:var(--border);cursor:not-allowed}.btn-create{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 20px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:var(--fs-16);font-weight:700;box-shadow:var(--shadow-sm);transition:background .15s;flex:none}.btn-create:hover:not(:disabled){background:var(--accent-hover)}.btn-create:active:not(:disabled){background:var(--accent-active)}.btn-create:disabled{background:var(--surface-inset);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.section-title{font-size:var(--fs-16);font-weight:600;margin-bottom:var(--space-3)}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.example-card{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:left;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .1s,background .15s;width:100%}.example-card:hover{box-shadow:var(--shadow-md);background:var(--glass-strong)}.example-card:active{transform:translateY(1px)}.example-card__icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:var(--fs-16);margin-bottom:var(--space-3)}.example-card__title{font-size:var(--fs-14);font-weight:600;margin-bottom:var(--space-1)}.example-card__desc{font-size:var(--fs-12);color:var(--text-muted);line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.example-card__go{margin-top:10px;font-size:var(--fs-12);color:var(--accent-text);font-weight:600}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.project-card{display:block;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow .15s,background .15s}.project-card:hover{box-shadow:var(--shadow-md);background:var(--glass-strong)}.project-card__title{font-size:var(--fs-16);font-weight:600;line-height:24px;margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__time{font-size:var(--fs-12);color:var(--text-muted);margin-bottom:var(--space-3)}.project-card__meta{display:flex;align-items:center;gap:var(--space-2)}.version-tag{font-family:var(--font-mono);font-size:var(--fs-11);background:rgba(244,240,233,.9);color:var(--text-muted);border-radius:6px;padding:2px 8px}.empty-state{text-align:center;padding:48px var(--space-4);margin-bottom:var(--space-8)}.empty-state__icon{font-size:40px;line-height:48px;color:var(--text-faint)}.empty-state__title{font-size:var(--fs-16);font-weight:600;margin-top:var(--space-2)}.empty-state__desc{font-size:var(--fs-13);color:var(--text-muted);margin-top:var(--space-1)}.skeleton{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton__block{border-radius:var(--radius-md);background:var(--surface-muted);animation:skeleton-pulse 1.2s ease-in-out infinite alternate}.skeleton__block--hero{height:40px;width:60%;margin:0 auto}.skeleton__block--composer{height:168px;border-radius:var(--radius-lg)}.skeleton__block--grid{height:120px}@keyframes skeleton-pulse{0%{opacity:.6}to{opacity:1}}.error-banner{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--danger-soft);border:1px solid rgba(194,64,47,.3);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.error-banner__icon{color:var(--danger);font-size:var(--fs-16);line-height:22px}.error-banner__body{flex:1 1}.error-banner__title{font-size:var(--fs-14);font-weight:600;color:var(--danger)}.error-banner__desc{font-size:var(--fs-13);color:var(--text);margin-top:var(--space-1)}.error-banner__retry{margin-top:var(--space-2);height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--fs-13);color:var(--text);transition:background .15s}.error-banner__retry:hover{background:var(--surface-muted)}@media (min-width:768px) and (max-width:1023px){.sidebar{width:56px;padding:var(--space-4) var(--space-2);align-items:center;gap:var(--space-3);overflow:hidden;transition:width .18s ease}.sidebar:focus-within,.sidebar:hover{width:248px;padding:var(--space-4);align-items:stretch;box-shadow:var(--shadow-lg)}.sidebar .brand-logo__word,.sidebar .sidebar__empty,.sidebar .sidebar__foot,.sidebar .sidebar__label,.sidebar .sidebar__list,.sidebar .sidebar__new-button:after,.sidebar .sidebar__new-text{display:none}.sidebar .btn-primary{width:40px;padding:0}.sidebar .sidebar__dots{display:flex}.sidebar:focus-within .brand-logo__word,.sidebar:hover .brand-logo__word{display:inline}.sidebar:focus-within .sidebar__new-text,.sidebar:hover .sidebar__new-text{display:inline}.sidebar:focus-within .sidebar__new-button:after,.sidebar:hover .sidebar__new-button:after{display:block}.sidebar:focus-within .sidebar__foot,.sidebar:focus-within .sidebar__label,.sidebar:hover .sidebar__foot,.sidebar:hover .sidebar__label{display:block}.sidebar:focus-within .sidebar__empty,.sidebar:hover .sidebar__empty{display:list-item}.sidebar:focus-within .sidebar__list,.sidebar:hover .sidebar__list{display:flex}.sidebar:focus-within .sidebar__dots,.sidebar:hover .sidebar__dots{display:none}.sidebar:focus-within .btn-primary,.sidebar:hover .btn-primary{width:100%;padding:0 20px}.dashboard-main{margin-left:56px;padding:56px 24px 40px}.dashboard-main__container{max-width:720px}.projects{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.sidebar{display:none}.topbar{display:flex;position:sticky;top:0;z-index:3;height:56px;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--glass-border);align-items:center;padding:0 var(--space-4);gap:var(--space-3)}.topbar .brand-logo{height:auto}.dashboard-main{margin-left:0;padding:40px 16px 32px}.examples{grid-template-columns:1fr}.composer__foot{flex-direction:column;align-items:stretch}.btn-create{width:100%;justify-content:center}.aurora__blob{filter:blur(70px);opacity:.45}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){:root{--glass:rgba(255,255,255,0.94);--glass-strong:rgba(255,255,255,0.96)}}.drawer-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(41,37,36,.4)}.sidebar--drawer{display:flex;z-index:var(--z-drawer);box-shadow:var(--shadow-lg)}@media (prefers-reduced-motion:reduce){.aurora__blob,.badge__dot,.skeleton__block,.spinner{animation:none}.badge__dot{opacity:1}.sidebar{transition:none}}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-16);transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-muted);color:var(--text)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);color:var(--text);font-size:var(--fs-14);font-weight:600;transition:background .15s}.btn-secondary:hover:not(:disabled){background:var(--surface-muted)}.btn-secondary:disabled{background:var(--surface-inset);color:var(--text-faint);border-color:var(--border);cursor:not-allowed}.btn-secondary--danger{color:var(--danger);border-color:rgba(194,64,47,.4);height:32px;padding:0 var(--space-3);font-size:var(--fs-13)}.btn-secondary--danger:hover:not(:disabled){background:var(--danger-soft)}.studio-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas)}.studio-shell__body{flex:1 1;display:flex;min-height:0}.studio-shell__stage-pad{padding:var(--space-8)}.studio-loading{flex:1 1;flex-direction:column;justify-content:center;color:var(--text-muted);font-size:var(--fs-14)}.studio-header,.studio-loading{display:flex;align-items:center;gap:var(--space-3)}.studio-header{flex:none;height:56px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--space-6);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);position:relative}.studio-header__name{font-size:var(--fs-16);font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-header__right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.popover-overlay{position:fixed;inset:0;z-index:var(--z-toast)}.storage-popover{position:absolute;top:52px;right:var(--space-4);z-index:calc(var(--z-toast) + 1);width:280px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-4);font-size:var(--fs-13);color:var(--text-muted);line-height:20px}.narrow-tabs{display:none}.activity{flex:none;width:360px;background:var(--surface-muted);border-right:1px solid var(--border);padding:var(--space-6);overflow-y:auto}.activity__title{font-size:var(--fs-12);font-weight:600;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-4)}.timeline{list-style:none}.timeline__item{position:relative;padding:0 0 var(--space-6) var(--space-8)}.timeline__item:before{content:"";position:absolute;left:9px;top:22px;bottom:2px;width:2px;background:var(--border)}.timeline__item:last-child:before{display:none}.timeline__node{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-11);color:#fff;background:var(--surface);border:2px solid var(--border-strong);box-sizing:border-box}.timeline__node--done{background:var(--success);border-color:var(--success)}.timeline__node--failed{background:var(--danger);border-color:var(--danger)}.timeline__node--interrupted{background:var(--warning);border-color:var(--warning)}.timeline__node--running{background:var(--surface);border:2.5px solid var(--accent);border-top:2.5px solid transparent;animation:spin .8s linear infinite}.timeline__node--current{background:var(--surface);border:2px solid var(--warning)}.timeline__node--current:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--warning)}.timeline__name{font-size:var(--fs-13);font-weight:600}.timeline__desc{font-size:var(--fs-11);color:var(--text-muted);line-height:16px;margin-top:2px}.timeline__item--pending .timeline__desc,.timeline__item--pending .timeline__name{color:var(--text-faint)}.timeline__item--current .timeline__name{color:var(--warning)}.timeline__item--failed .timeline__desc,.timeline__item--failed .timeline__name{color:var(--danger)}.timeline__item--interrupted .timeline__name{color:var(--warning)}.activity__done{margin-top:var(--space-2);background:var(--success-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-12);color:var(--success);font-weight:600}.build-terminal{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.build-terminal__head{display:flex;align-items:center;margin-bottom:var(--space-3)}.build-terminal__title{font-size:var(--fs-12);font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.build-terminal__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.build-terminal__metric{min-width:0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.build-terminal__metric dt{font-size:10px;color:var(--text-faint)}.build-terminal__metric dd{margin-top:2px;overflow:hidden;color:var(--text);font-family:var(--font-mono);font-size:var(--fs-11);text-overflow:ellipsis;white-space:nowrap}.build-terminal__events{display:grid;gap:var(--space-2);list-style:none}.build-terminal__event{display:grid;grid-template-columns:auto 1fr auto;gap:3px var(--space-2);padding:var(--space-2);border-left:2px solid var(--border-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface);font-size:10px}.build-terminal__event--completed{border-left-color:var(--success)}.build-terminal__event--failed{border-left-color:var(--danger)}.build-terminal__event--cancelled,.build-terminal__event--interrupted{border-left-color:var(--warning)}.build-terminal__duration,.build-terminal__time{color:var(--text-faint);font-family:var(--font-mono)}.build-terminal__stage{overflow:hidden;color:var(--text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.build-terminal__status{color:var(--text-muted)}.build-terminal__message{grid-column:1/-1;color:var(--text-muted);line-height:15px}.build-terminal__error-code{grid-column:1/-1;color:var(--danger);overflow-wrap:anywhere}.build-terminal__empty{color:var(--text-faint);font-size:var(--fs-11);line-height:17px}.stage{flex:1 1;min-width:480px;min-height:0;overflow-y:auto;padding:var(--space-8)}.stage__viewer-wrap{height:100%;display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-6)}.stage__viewer-wrap .viewer{flex:1 1;min-height:320px}.stage-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.stage-loading__text{font-size:var(--fs-14);color:var(--text)}.stage-loading__hint{font-size:var(--fs-12);color:var(--text-faint)}.spinner--lg{width:24px;height:24px}.spinner--page{width:48px;height:48px}.plan{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.plan__head{margin-bottom:var(--space-6)}.plan__title{font-size:var(--fs-20);font-weight:600;line-height:28px}.plan__sub{font-size:var(--fs-13);color:var(--text-muted);margin-top:var(--space-1)}.plan__block{margin-bottom:var(--space-6)}.plan__block-label{font-size:var(--fs-12);font-weight:600;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2)}.plan__theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.plan__theme-field{display:grid;gap:var(--space-1);min-width:0}.plan__theme-field>span{color:var(--text-muted);font-size:var(--fs-12)}.plan__input{width:100%;height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 var(--space-3);font-family:inherit;font-size:var(--fs-14);color:var(--text);background:var(--surface);transition:border-color .15s}.plan__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.plan__table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.plan__table{width:100%;min-width:620px;border-collapse:collapse;font-size:var(--fs-13)}.plan__table th{text-align:left;font-size:var(--fs-12);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-strong)}.plan__table td,.plan__table th{padding:var(--space-2) var(--space-3)}.plan__table td{border-bottom:1px solid var(--border);vertical-align:middle}.plan__table tr:last-child td{border-bottom:none}.plan__table tbody tr:hover{background:var(--surface-muted)}.plan__cell-input{width:100%;border:1px solid transparent;border-radius:6px;padding:var(--space-1) var(--space-2);font-family:inherit;font-size:var(--fs-13);background:transparent;color:var(--text)}.plan__cell-input:hover{border-color:var(--border)}.plan__cell-input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.plan__cell-select{border:1px solid transparent;border-radius:6px;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--fs-12);background:var(--surface-muted);color:var(--text-muted)}.plan__cell-select:focus{outline:none;border-color:var(--accent);background:var(--surface)}.plan__type-tag{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-11);background:var(--surface-muted);color:var(--text-muted);border-radius:6px;padding:2px 8px}.plan__remove-field{width:28px;height:28px;border-radius:6px;color:var(--text-faint);font-size:var(--fs-12);transition:background .15s,color .15s}.plan__remove-field:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.plan__remove-field:disabled{color:var(--surface-inset);cursor:not-allowed}.plan__add-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--space-3);margin-top:var(--space-2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-size:var(--fs-13);color:var(--text-muted);transition:color .15s,border-color .15s}.plan__add-btn:hover:not(:disabled){color:var(--accent-text);border-color:var(--accent)}.plan__add-btn:disabled{color:var(--text-faint);cursor:not-allowed}.plan__feat-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.plan__feat-list li{display:flex;align-items:center;gap:10px;font-size:var(--fs-14)}.plan__feat-list input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.plan__assume-list,.plan__feat-list input[type=checkbox]:disabled+label{color:var(--text-muted)}.plan__assume-list{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-13)}.plan__assume-list li{display:flex;gap:var(--space-2);align-items:center}.plan__assume-list li:before{content:"·";color:var(--text-faint)}.plan__error{font-size:var(--fs-13);color:var(--danger);margin-bottom:var(--space-3)}.plan__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border)}.plan__unsaved{margin-right:auto;font-size:var(--fs-12);color:var(--warning)}.viewer{flex-direction:column;min-width:0;min-height:0;max-width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.viewer,.viewer__toolbar{display:flex;background:var(--surface)}.viewer__toolbar{flex:none;min-height:44px;border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:0 var(--space-3)}.viewer__seg{display:flex;background:var(--surface-muted);border-radius:var(--radius-sm);padding:3px;gap:2px}.viewer__seg-btn{height:28px;padding:0 14px;border-radius:7px;font-size:var(--fs-13);color:var(--text-muted);transition:color .15s}.viewer__seg-btn:hover{color:var(--text)}.viewer__seg-btn:disabled{color:var(--text-faint);cursor:not-allowed}.viewer__seg-btn--on,.viewer__seg-btn--on:hover{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.viewer__toolbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-1)}.viewer__devices{display:flex;align-items:center;gap:2px;padding:3px;background:var(--surface-muted);border-radius:var(--radius-sm)}.viewer__device-btn{height:28px;padding:0 8px;border-radius:7px;color:var(--text-muted);font-size:var(--fs-11);white-space:nowrap;transition:background .15s,color .15s}.viewer__device-btn:hover{color:var(--text)}.viewer__device-btn--on,.viewer__device-btn--on:hover{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.viewer__export{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-12);font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.viewer__export:hover{background:var(--surface-muted);border-color:var(--border-strong);color:var(--text)}.viewer__refresh{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .15s,color .15s}.viewer__refresh:hover{background:var(--surface-muted);color:var(--text)}.viewer__refresh svg{transition:transform .2s}.viewer__refresh:active svg{transform:rotate(180deg)}.viewer__pane{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.viewer__frame-scroll{flex:1 1;min-width:0;min-height:0;overflow:auto;overscroll-behavior-x:contain;background:var(--surface-inset)}.viewer__frame-viewport{height:100%;min-height:420px;margin:0 auto;background:var(--surface)}.viewer__frame-viewport--desktop{width:100%;min-width:0}.viewer__frame-viewport--tablet{width:768px}.viewer__frame-viewport--mobile{width:390px}.app-frame{display:block;width:100%;min-width:0;height:100%;min-height:420px;border:none;background:var(--surface)}.app-frame--dimmed{opacity:.6}.viewer__loading{position:absolute;inset:0;flex-direction:column;justify-content:center;font-size:var(--fs-13);color:var(--text-muted);background:var(--surface)}.frame-error,.viewer__loading{display:flex;align-items:center;gap:var(--space-3)}.frame-error{flex:none;background:var(--danger-soft);border-bottom:1px solid rgba(194,64,47,.3);padding:var(--space-2) var(--space-4)}.frame-error__text{flex:1 1;font-size:var(--fs-13);color:var(--danger);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer__export-error{flex:none;padding:var(--space-2) var(--space-4);border-bottom:1px solid rgba(194,64,47,.3);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-12)}.empty-state--viewer{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:0}.viewer__pane--code{overflow:hidden}.code-panel__head{flex:none;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--fs-11);color:var(--text-muted)}.code-panel{flex:1 1;overflow:auto;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-13);line-height:20px;color:var(--text);background:var(--surface)}.code-panel code,.code-panel pre{font-family:inherit;white-space:pre}.code-panel__line{display:flex}.code-panel__ln{flex:none;width:48px;text-align:right;margin-right:var(--space-4);color:var(--text-faint);-webkit-user-select:none;user-select:none}.viewer__pane--diagnostics{overflow-y:auto;background:var(--surface-muted)}.diagnostics{display:grid;gap:var(--space-4);padding:var(--space-5)}.diagnostics__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.diagnostics__title{color:var(--text);font-size:var(--fs-16);font-weight:700}.diagnostics__subtitle{margin-top:2px;color:var(--text-muted);font-size:var(--fs-12)}.diagnostics__retry{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:var(--fs-12);font-weight:700}.diagnostics__retry:disabled{background:var(--surface-inset);color:var(--text-faint);cursor:not-allowed}.diagnostics__current-error,.diagnostics__healthy,.diagnostics__section{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.diagnostics__current-error{border-color:rgba(194,64,47,.3);background:var(--danger-soft)}.diagnostics__error-heading{display:flex;align-items:center;gap:var(--space-2);color:var(--danger);font-size:var(--fs-12);font-weight:700}.diagnostics__current-error p{margin-top:var(--space-2);color:var(--text);font-size:var(--fs-13)}.diagnostics__meta{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--fs-11)}.diagnostics__section-title{margin-bottom:var(--space-3);color:var(--text);font-size:var(--fs-13);font-weight:700}.diagnostics__checks,.diagnostics__issues{display:grid;gap:var(--space-2);list-style:none}.diagnostics__check{display:grid;grid-template-columns:auto minmax(120px,auto) 1fr;align-items:start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-muted);font-size:var(--fs-11)}.diagnostics__check-status{color:var(--success);font-weight:700}.diagnostics__check--failed .diagnostics__check-status{color:var(--danger)}.diagnostics__check-id{color:var(--text);overflow-wrap:anywhere}.diagnostics__check-message{color:var(--text-muted);line-height:16px}.diagnostics__issue{padding:var(--space-3);border-left:3px solid var(--danger);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--danger-soft);color:var(--text-muted);font-size:var(--fs-11)}.diagnostics__issue code,.diagnostics__issue span,.diagnostics__issue time{margin-right:var(--space-2)}.diagnostics__issue p{margin-top:var(--space-2);color:var(--text);line-height:17px}.diagnostics__empty,.diagnostics__healthy{color:var(--text-muted);font-size:var(--fs-12)}.diagnostics__healthy{border-color:rgba(63,126,82,.25);background:var(--success-soft);color:var(--success)}.error-state{flex:none;display:flex;gap:var(--space-3);align-items:flex-start;background:var(--danger-soft);border:1px solid rgba(194,64,47,.3);border-radius:var(--radius-md);padding:var(--space-4)}.error-state__icon{color:var(--danger);font-size:var(--fs-16);line-height:22px}.error-state__body{flex:1 1}.error-state__title{font-size:var(--fs-14);font-weight:600;color:var(--danger)}.error-state__detail{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--text);margin-top:var(--space-1);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.error-state__actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.error-state__actions .btn-primary{width:auto}.error-state__note{font-size:var(--fs-12);color:var(--text-muted)}.notice-banner{flex:none;display:flex;align-items:center;gap:var(--space-3);background:var(--warning-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-13);color:var(--warning)}.notice-banner__action{font-size:var(--fs-13);font-weight:600;color:var(--accent-text);text-decoration:underline}.notice-banner__action:disabled{color:var(--text-faint);cursor:not-allowed}.composer-bar{flex:none;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 8px rgba(87,72,58,.08);padding:var(--space-4) var(--space-6)}.composer-bar__inner{max-width:1080px;margin:0 auto;display:flex;gap:var(--space-4);align-items:flex-end}.composer-bar__input{flex:1 1;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-height:64px;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--fs-14);line-height:22px;color:var(--text);resize:vertical;transition:border-color .15s}.composer-bar__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.composer-bar__input::placeholder{color:var(--text-faint)}.composer-bar__input:disabled{background:var(--surface-inset);color:var(--text-faint);cursor:not-allowed}.btn-send{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 20px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:var(--fs-14);font-weight:700;box-shadow:var(--shadow-sm);transition:background .15s;flex:none}.btn-send:hover:not(:disabled){background:var(--accent-hover)}.btn-send:disabled{background:var(--surface-inset);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.composer-bar__note{font-size:var(--fs-12);color:var(--text-muted);margin-top:var(--space-2);text-align:center}.composer-bar__note--error{color:var(--danger)}@media (min-width:768px) and (max-width:1023px){.activity{width:280px;padding:20px}}@media (max-width:767px){.studio-shell{height:auto;min-height:100dvh;overflow:visible}.studio-shell__body{flex-direction:column;overflow:visible}.studio-header{min-height:56px;height:auto;gap:6px;padding:var(--space-2) var(--space-3)}.studio-header__name{flex:1 1 auto;min-width:0;max-width:none}.studio-header>.version-tag{display:none}.studio-header__right{flex:none;margin-left:0}.studio-header .icon-btn{flex:none;min-width:32px}.narrow-tabs{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;background:var(--canvas)}.narrow-tabs__btn{height:32px;padding:0 14px;border-radius:var(--radius-sm);font-size:var(--fs-13);color:var(--text-muted)}.narrow-tabs__btn--on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.narrow-tabs__btn:disabled{color:var(--text-faint);cursor:not-allowed}.studio-shell[data-tab=activity] .stage,.studio-shell[data-tab=code] .activity,.studio-shell[data-tab=stage] .activity{display:none}.stage{min-width:0;padding:var(--space-4);overflow:visible}.activity{width:100%;min-height:420px;border-right:0}.plan{padding:var(--space-4)}.plan__theme-grid{grid-template-columns:1fr}.plan__foot{flex-wrap:wrap}.plan__unsaved{flex-basis:100%;margin-right:0}.stage__viewer-wrap .viewer{min-height:420px}.viewer__toolbar{min-height:44px;align-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.viewer__toolbar-right{margin-left:0}.viewer__seg-btn{padding:0 10px}.app-frame,.viewer__frame-viewport{min-height:380px}.composer-bar{position:sticky;bottom:0;z-index:var(--z-sticky);padding:var(--space-3) var(--space-4)}.composer-bar__inner{gap:var(--space-2)}.composer-bar__input{min-width:0;min-height:56px}.diagnostics{padding:var(--space-3)}.diagnostics__head{align-items:stretch;flex-direction:column}.diagnostics__check{grid-template-columns:auto 1fr}.diagnostics__check-message{grid-column:1/-1}}