:root{--font-sans:"Segoe UI Variable Display","Segoe UI Variable","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--font-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua","Baskerville","Songti SC","STSong",serif;--font-mono:"SFMono-Regular","JetBrains Mono","Consolas","Liberation Mono",monospace;--app-bg:radial-gradient(circle at top left,#10a37f12,#0000 26%),radial-gradient(circle at top right,#0f172a0a,#0000 24%),radial-gradient(circle at 80% 12%,#b1996c1c,#0000 18%),linear-gradient(180deg,#f8f8f4,#eef3f1);--surface-panel:#ffffffd1;--surface-panel-strong:#fffffff0;--surface-subtle:#f7f8f8f0;--surface-muted:#f0f3f2f5;--surface-accent:#10a37f14;--border-soft:#0f172a14;--border-strong:#0f172a24;--text-primary:#111827;--text-secondary:#667085;--text-tertiary:#98a2b3;--accent:#10a37f;--accent-strong:#0f8a6a;--danger:#d92d20;--shadow-panel:0 20px 48px #0f172a14;--shadow-soft:0 10px 28px #0f172a0f;--radius-panel:24px;--radius-card:18px}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#10a37f12,#0000 26%),radial-gradient(circle at top right,#0f172a0a,#0000 24%),radial-gradient(circle at 80% 12%,#b1996c1c,#0000 18%),linear-gradient(180deg,#f8f8f4,#eef3f1);background:var(--app-bg);color:#111827;color:var(--text-primary);font-family:Segoe UI Variable Display,Segoe UI Variable,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-family:var(--font-sans);position:relative;text-rendering:optimizeLegibility}body:before{background-image:linear-gradient(rgba(15,23,42,.018) 1px,#0000 0),linear-gradient(90deg,rgba(15,23,42,.018) 1px,#0000 0);background-size:36px 36px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at center,#000 38%,#0000 92%);mask-image:radial-gradient(circle at center,#000 38%,#0000 92%);opacity:.25;pointer-events:none;position:fixed}button,input,select,textarea{font:inherit}button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease}::selection{background:#10a37f29;color:#0f172a}input,select,textarea{background:#ffffffe6;border:1px solid #0f172a14;border:1px solid var(--border-soft);color:#111827;color:var(--text-primary)}input:focus,select:focus,textarea:focus{border-color:#10a37f61;box-shadow:0 0 0 4px #10a37f1a;outline:none}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0f172a24;background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0f172a38;background-clip:padding-box;border:2px solid #0000}.app-shell{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(230px,270px) minmax(0,1fr);min-height:100%;padding:18px}.studio-os-body{display:flex;flex-direction:column;gap:14px;min-height:0;min-width:0}.app-topbar{grid-gap:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#fffffff0,#f6f7f4e6),radial-gradient(circle at 15% 0,#10a37f14,#0000 36%);border:1px solid var(--border-soft);border-radius:28px;box-shadow:var(--shadow-panel);display:grid;gap:16px;grid-template-columns:minmax(280px,.86fr) minmax(420px,1.14fr);padding:14px}.admin-card,.app-auth-card,.app-brand,.app-main,.app-panel,.app-topbar__side,.panel-card{min-width:0}.app-brand{background:radial-gradient(circle at top right,#b1996c29,#0000 34%),radial-gradient(circle at 12% 18%,#10a37f1f,#0000 28%),linear-gradient(180deg,#fffffff5,#f7f8f7e6);border:1px solid #8594a624;border-radius:28px;box-shadow:inset 0 1px 0 #ffffffe0,0 24px 48px #0f172a0f;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:22px;position:relative}.app-brand:after,.app-brand:before{content:"";pointer-events:none;position:absolute}.app-brand:before{background:radial-gradient(circle,#0f172a14,#0000 68%);border-radius:50%;height:240px;right:-72px;top:-96px;width:240px}.app-brand:after{background:linear-gradient(90deg,#0000,#8594a642,#0000);bottom:18px;height:1px;left:22px;right:22px}.app-brand>*{position:relative;z-index:1}.app-brand__masthead{align-items:flex-start;display:flex;justify-content:flex-start}.app-brand__signature{align-items:center;background:linear-gradient(180deg,#fffffff5,#f8f9f7e6),radial-gradient(circle at top left,#10a37f14,#0000 44%);border:1px solid #8594a629;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffeb,0 16px 34px #0f172a0f;display:flex;gap:14px;padding:14px 16px}.app-brand__signature-mark{align-items:center;background:radial-gradient(circle at 30% 30%,#10a37f2e,#0000 58%),radial-gradient(circle at 72% 24%,#b1996c24,#0000 36%),#f8fafaf5;border:1px solid #10a37f29;border-radius:15px;color:var(--accent-strong);display:inline-flex;font-family:var(--font-serif);font-size:24px;height:42px;justify-content:center;line-height:1;width:42px}.app-brand__signature-copy{display:flex;flex-direction:column;gap:4px}.app-brand__signature-copy strong{color:var(--text-primary);font-family:var(--font-serif);font-size:clamp(20px,2.6vw,28px);letter-spacing:.08em;line-height:1}.app-brand__signature-copy span{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.admin-code-row,.admin-code-row__side,.app-auth-card__actions,.app-auth-card__head,.app-brand__lead,.app-button__content,.app-locale-switch,.app-locale-switch__group,.app-locale-switch__label,.app-statusbar__left,.app-statusbar__meta,.app-topbar__actions,.inspector-actions,.modal-actions,.panel-card__actions,.panel-title,.script-meta,.surface-toolbar{align-items:center;display:flex;gap:10px}.modal-actions{flex-wrap:wrap}.app-brand__lead{gap:16px}.app-brand__hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:18px}.app-brand__mark,.panel-title__icon{align-items:center;background:radial-gradient(circle at 30% 30%,#10a37f33,#0000 58%),radial-gradient(circle at 72% 24%,#b1996c24,#0000 36%),#f8fafaf5;border:1px solid #10a37f29;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffe6,0 12px 28px #0f172a14;color:var(--accent-strong);display:inline-flex;flex:0 0 auto;height:56px;justify-content:center;width:56px}.app-board-card__icon svg,.app-brand__mark svg,.app-brand__note svg,.app-button__content svg,.app-capsule__icon svg,.app-locale-switch__label svg,.app-pill svg,.app-statusbar__meta svg,.panel-title__icon svg,.view-mode-select__icon svg{height:18px;width:18px}.app-brand__copy{display:flex;flex-direction:column;gap:8px;max-width:760px}.app-auth-card__head h2,.app-brand__copy h1,.modal-card__header h2,.panel-title h2{font-family:var(--font-serif);letter-spacing:-.02em;line-height:1.22}.app-brand__copy h1{font-size:clamp(32px,4vw,44px);line-height:1.08;max-width:18ch}.app-brand__eyebrow,.panel-card__eyebrow{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.admin-code-row__main p,.app-auth-card__copy,.app-brand__description,.app-statusbar__text,.empty-copy,.left-note,.panel-card__summary,.relation-row p{color:var(--text-secondary);line-height:1.65}.app-brand__description{font-size:14px;margin:0;max-width:none}.app-brand__intro{grid-gap:12px;background:linear-gradient(180deg,#ffffffe6,#f7f8f7d6),radial-gradient(circle at top right,#b1996c1a,#0000 42%);border:1px solid #8594a624;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffdb,0 16px 32px #0f172a0a;display:grid;gap:12px;max-width:860px;padding:18px 20px}.admin-code-status,.app-brand__note,.app-pill,.script-meta span{align-items:center;align-self:flex-start;background:#ffffffb8;border:1px solid #8594a624;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;gap:8px;min-height:32px;padding:0 12px}.app-brand__note{background:linear-gradient(180deg,#ffffffe6,#fbf9f4d1),radial-gradient(circle at top left,#b1996c24,#0000 42%);border-radius:20px;max-width:none;min-height:0;padding:14px 16px;width:100%}.app-brand__note span{flex:1 1}.app-brand__board{background:linear-gradient(180deg,#ffffffd6,#f6f7f7c2),linear-gradient(135deg,#10a37f0d,#0000 44%);border:1px solid #8594a624;border-radius:24px;padding:16px;position:relative}.app-brand__section-copy{grid-gap:4px;display:grid;gap:4px;margin-bottom:12px;max-width:720px;position:relative}.app-brand__section-copy p{color:var(--text-secondary);font-size:12px;line-height:1.65;margin:0}.app-brand__board:before{border:1px dashed #8594a629;border-radius:18px;content:"";inset:24px;pointer-events:none;position:absolute}.app-brand__board-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.app-board-card,.app-capsule{align-items:flex-start;border:1px solid #8594a624;color:var(--text-secondary);cursor:default;display:flex;gap:12px;position:relative;text-align:left;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease;width:100%}.app-board-card{background:linear-gradient(180deg,#fffffff2,#f8f9f9e6),radial-gradient(circle at top right,#0f172a08,#0000 44%);border-radius:20px;box-shadow:0 12px 28px #0f172a0d;min-height:118px;padding:14px}.app-board-card__icon,.app-capsule__icon{align-items:center;background:radial-gradient(circle at 30% 30%,#10a37f29,#0000 58%),#f8fafaf5;border:1px solid #10a37f24;border-radius:14px;color:var(--accent-strong);display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.app-board-card__copy,.app-capsule__copy{display:flex;flex-direction:column;gap:6px;min-width:0}.app-board-card__copy strong,.app-capsule__label{color:var(--text-primary);font-size:15px;letter-spacing:-.01em;line-height:1.3}.app-board-card__copy span,.app-capsule__note{color:inherit;font-size:12px;line-height:1.65}.app-brand__capsules{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.app-brand__capsules-shell{grid-gap:12px;display:grid;gap:12px}.app-topbar__actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.app-capsule{background:linear-gradient(180deg,#ffffffeb,#fbfaf6db),radial-gradient(circle at top left,#b1996c1f,#0000 42%);border-radius:20px;box-shadow:0 12px 28px #0f172a0d;min-height:110px;padding:14px}.app-topbar__side{align-items:stretch;display:flex;flex-direction:column;gap:12px}.app-topbar__side>*{width:100%}.app-action-card{gap:12px}.app-workflow-card{grid-gap:14px;display:grid;gap:14px}.app-workflow-card__hero{grid-gap:12px;background:radial-gradient(circle at top right,#b1996c1f,#0000 30%),radial-gradient(circle at bottom left,#10a37f1a,#0000 34%),linear-gradient(180deg,#fffffff5,#f7f8f9e6);border:1px solid #8594a624;border-radius:22px;display:grid;gap:12px;padding:16px 18px}.app-workflow-card__copy{grid-gap:6px;display:grid;gap:6px}.app-workflow-card__copy strong{color:var(--text-primary);font-family:var(--font-serif);font-size:24px;line-height:1.16}.app-workflow-card__copy p,.app-workflow-card__hint{color:var(--text-secondary);line-height:1.7;margin:0}.app-workflow-card__chips{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.app-workflow-card__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.app-workflow-block{grid-gap:12px;background:linear-gradient(180deg,#ffffffeb,#f9fafadb),radial-gradient(circle at top left,#0f172a0a,#0000 42%);border:1px solid #8594a61f;border-radius:20px;display:grid;gap:12px;padding:16px}.app-workflow-block__head{grid-gap:4px;display:grid;gap:4px}.app-workflow-block__head strong{color:var(--text-primary);font-size:16px;line-height:1.3}.app-workflow-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.app-workflow-actions .app-button--starter,.app-workflow-actions--generation .app-button--strong{grid-column:1/-1}.app-workflow-card__hint{background:#ffffffbd;border:1px solid #8594a61f;border-radius:16px;padding:12px 14px}.app-topbar__actions .app-button--starter{grid-column:1/-1}.app-locale-switch{background:#ffffffbd;border:1px solid #8594a61f;border-radius:20px;flex-wrap:wrap;justify-content:space-between;padding:12px 14px}.app-locale-switch__group{flex-wrap:wrap}.app-locale-switch__button{background:#ffffffb8;border:1px solid #8594a624;border-radius:999px;color:var(--text-secondary);cursor:pointer;min-height:36px;padding:0 14px}.app-locale-switch__button.is-active{background:linear-gradient(180deg,#10a37ff2,#0f8a6aeb);border-color:#10a37f38;box-shadow:0 10px 24px #10a37f38;color:#fff}.app-auth-card,.modal-card,.panel-card{background:linear-gradient(180deg,#fffffff0,#f8f9f8e0);border:1px solid var(--border-soft);border-radius:24px;box-shadow:var(--shadow-soft)}.app-auth-card,.panel-card{padding:16px}.app-auth-card{display:flex;flex-direction:column;gap:12px}.app-auth-card__head,.modal-card__header,.panel-card__header{align-items:flex-start;justify-content:space-between}.panel-title{align-items:flex-start;min-width:0}.app-auth-card__head>div,.panel-title>div{min-width:0}.app-auth-card__head h2,.modal-card__header h2,.panel-title h2{font-size:20px}.app-auth-card__copy{font-size:13px}.app-auth-card__hint,.left-note{font-size:12px}.app-auth-card__actions{flex-wrap:wrap}.app-statusbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:0 4px}.app-statusbar__left{flex:1 1 360px;min-width:0}.app-statusbar__text{font-size:13px;min-width:0}.app-statusbar__meta{color:var(--text-secondary);flex-wrap:wrap;font-size:12px}.app-statusbar__progress{background:#0f172a0f;border-radius:999px;flex:0 1 160px;height:6px;overflow:hidden}.app-statusbar__progress-bar{background:linear-gradient(90deg,#10a37f,#2ec4a6);border-radius:inherit;display:block;height:100%;transition:width .4s ease}.app-pill.is-online{background:#f0fbf7eb;border-color:#10a37f2e;color:var(--accent-strong)}.app-pill.is-idle{background:#ffffffbd}.app-pill.is-warning{background:#fff6ddeb;border-color:#9a67002e;color:#9a6700}.app-pill--release{background:linear-gradient(180deg,#f7fffcf5,#effbf6eb),radial-gradient(circle at top left,#10a37f14,#0000 42%);border-color:#10a37f2e;color:var(--accent-strong)}.app-grid{grid-gap:16px;display:grid;flex:1 1;grid-template-areas:"left main right";grid-template-columns:280px minmax(0,1fr) 340px}.app-grid,.app-panel{gap:16px;min-height:0}.app-panel{display:flex;flex-direction:column}.app-panel--left{grid-area:left}.app-main{display:flex;grid-area:main;min-height:0}.app-panel--center{flex:1 1}.app-panel--right{grid-area:right}.app-panel--right .panel-card:first-child{flex:0 0 auto}.inspector-card{flex:1 1 auto;overflow:hidden}.panel-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:14px;min-height:0}.impact-card,.panel-card--assistant,.panel-card--board,.panel-card--filter,.panel-card--inspector,.panel-card--modeling,.panel-card--script,.replay-card{overflow:hidden;position:relative}.panel-card--assistant{background:radial-gradient(circle at top right,#b1996c1a,#0000 26%),radial-gradient(circle at bottom left,#10a37f14,#0000 34%),linear-gradient(180deg,#fffffff5,#f7f8f7e6)}.impact-card,.panel-card--board,.panel-card--filter,.panel-card--inspector,.panel-card--modeling,.panel-card--script,.replay-card{background:radial-gradient(circle at top right,#b1996c14,#0000 24%),linear-gradient(180deg,#fffffff0,#f8f9f8e0)}.impact-card:before,.panel-card--assistant:before,.panel-card--board:before,.panel-card--filter:before,.panel-card--inspector:before,.panel-card--modeling:before,.panel-card--script:before,.replay-card:before{background:linear-gradient(90deg,#10a37f47,#b1996c2e,#0000 78%);content:"";height:1px;inset:0 auto auto 0;pointer-events:none;position:absolute;width:100%}.panel-card--modeling{background:radial-gradient(circle at top right,#b1996c1f,#0000 26%),radial-gradient(circle at bottom left,#10a37f14,#0000 34%),linear-gradient(180deg,#fffffff5,#f7f8f7e6)}.panel-card--filter{background:radial-gradient(circle at top left,#10a37f14,#0000 30%),linear-gradient(180deg,#fffffff2,#f8f9f8e6)}.panel-card--inspector{background:radial-gradient(circle at top right,#b1996c1f,#0000 28%),radial-gradient(circle at bottom left,#10a37f14,#0000 34%),linear-gradient(180deg,#fffffff5,#f7f8f7e6)}.panel-card__header--wide{gap:18px}.panel-card__summary{font-size:13px;max-width:460px}.panel-card__actions,.surface-toolbar{flex-wrap:wrap;justify-content:flex-end}.surface-toolbar{min-width:0}.panel-card--board .surface-toolbar{background:linear-gradient(180deg,#ffffffdb,#f7f8f8c7),radial-gradient(circle at top left,#10a37f0f,#0000 44%);border:1px solid #8594a61f;border-radius:20px;padding:12px 14px}.view-mode-dropdown{align-items:center;display:flex;flex:1 1 240px;max-width:320px;min-width:220px;position:relative}.view-mode-select{-webkit-appearance:none;appearance:none;background:#ffffffeb;border:1px solid #8594a629;border-radius:14px;color:var(--text-primary);cursor:pointer;min-height:44px;padding:0 42px 0 12px;width:100%}.view-mode-select:hover{border-color:#10a37f38}.view-mode-select__icon{color:var(--accent);pointer-events:none;position:absolute;right:12px}.surface-atlas{grid-gap:12px;background:radial-gradient(circle at top right,#b1996c1a,#0000 30%),radial-gradient(circle at bottom left,#10a37f14,#0000 34%),linear-gradient(180deg,#ffffffe6,#f8f9f8d1);border:1px solid #8594a624;border-radius:22px;box-shadow:inset 0 1px 0 #ffffffd1;display:grid;gap:12px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);padding:16px}.surface-atlas__card,.surface-atlas__lead{display:flex;flex-direction:column;gap:6px;min-width:0}.surface-atlas__card strong,.surface-atlas__lead strong{color:var(--text-primary)}.surface-atlas__lead strong{font-family:var(--font-serif);font-size:22px;line-height:1.15}.surface-atlas__card span,.surface-atlas__lead p{color:var(--text-secondary);margin:0}.surface-atlas__lead p{font-size:13px;line-height:1.75}.surface-atlas__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.surface-atlas__card{background:linear-gradient(180deg,#fffffff0,#fcfbf8db),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a624;border-radius:18px;box-shadow:0 10px 24px #0f172a0a;justify-content:space-between;min-height:92px;padding:14px}.surface-atlas__card span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.surface-atlas__card strong{font-size:15px;line-height:1.5}.surface-frame{background:linear-gradient(180deg,#fffffffa,#f8fafaf5),radial-gradient(circle at top left,#10a37f0f,#0000 34%);border:1px solid #8594a61f;border-radius:20px;box-shadow:inset 0 1px 0 #ffffffd1,0 18px 36px #0f172a0d;display:flex;height:min(72vh,840px);isolation:isolate;min-height:560px;overflow:hidden;position:relative}.surface-frame:after,.surface-frame:before{content:"";inset:0;pointer-events:none;position:absolute}.surface-frame:before{background-image:linear-gradient(#8594a614 1px,#0000 0),linear-gradient(90deg,#8594a614 1px,#0000 0);background-size:24px 24px;opacity:.34}.surface-frame:after{background:radial-gradient(circle,#0f172a14,#0000 72%);border-radius:999px;filter:blur(10px);height:26px;inset:auto 18px 16px 18px;opacity:.22}.surface-frame>*{position:relative;z-index:1}.surface-frame--board{padding:14px}.surface-frame--canvas,.surface-frame--lanes{padding:0}.create-grid{grid-template-columns:1fr;max-height:420px;overflow:auto;padding-right:2px}.create-grid,.inspector-tags,.rail-hero,.rail-search-meta{grid-gap:10px;display:grid;gap:10px}.rail-hero{grid-template-columns:repeat(3,minmax(0,1fr))}.inspector-hero__stat,.rail-hero__card,.rail-search-meta__card{grid-gap:6px;background:linear-gradient(180deg,#fffffff5,#fcfbf8e0),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a624;border-radius:18px;box-shadow:0 10px 24px #0f172a0a;display:grid;gap:6px;min-width:0;padding:14px}.inspector-hero__stat span,.rail-hero__card span,.rail-search-meta__card span{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.inspector-hero__stat strong,.rail-hero__card strong,.rail-search-meta__card strong{color:var(--text-primary);font-size:15px;line-height:1.45}.rail-search-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.rail-search{grid-gap:10px;background:linear-gradient(180deg,#ffffffd6,#f7f8f8c7),radial-gradient(circle at top left,#10a37f0f,#0000 44%);border:1px solid #8594a61f;border-radius:20px;display:grid;gap:10px;padding:14px}.create-tile{align-items:flex-start;background:linear-gradient(180deg,#ffffffe6,#fcfbf8d6),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a624;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:14px;text-align:left;width:100%}.create-tile:hover{border-color:#10a37f2e;box-shadow:0 10px 20px #0f172a0d;transform:translateY(-1px)}.panel-card--modeling .create-tile{background:linear-gradient(180deg,#fffffff0,#fcfbf8e0),radial-gradient(circle at top left,#b1996c1a,#0000 42%);border-radius:20px}.panel-card--modeling .create-tile:hover{box-shadow:0 14px 24px #10a37f14}.app-button:disabled,.create-tile:disabled,.modal-close:disabled{box-shadow:none;cursor:not-allowed;opacity:.58;transform:none}.create-tile__head{align-items:center;display:flex;gap:10px}.create-tile__icon{align-items:center;background:#10a37f14;border-radius:12px;color:var(--accent-strong);display:inline-flex;height:34px;justify-content:center;width:34px}.assistant-suggestion,.create-tile span,.empty-copy,.left-note,.relation-row p{font-size:12px}.panel-dropdown{background:#ffffffb8;border:1px solid #8594a61f;border-radius:18px;overflow:hidden}.panel-dropdown[open]{box-shadow:inset 0 1px 0 #ffffffc7}.panel-dropdown__summary{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;min-height:46px;padding:0 14px}.panel-dropdown__summary::-webkit-details-marker{display:none}.panel-dropdown__body{display:flex;flex-direction:column;gap:12px;max-height:340px;min-height:0;overflow:auto;padding:0 14px 14px}.panel-dropdown--content{flex:1 1 auto}.panel-dropdown--content .panel-dropdown__body{max-height:none}.ai-assistant__select,.ai-assistant__textarea,.app-input,.app-textarea{background:#ffffffeb;border:1px solid #8594a629;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffbd;color:var(--text-primary);width:100%}.app-input{min-height:44px;padding:0 14px}.app-textarea{line-height:1.65;min-height:180px;padding:12px 14px;resize:vertical}.app-textarea--compact{min-height:108px}.app-button{background:#ffffffe0;border:1px solid #8594a629;border-radius:14px;color:var(--text-primary);cursor:pointer;min-height:42px;padding:0 14px}.app-button:hover,.modal-close:hover{box-shadow:0 10px 18px #0f172a0f;transform:translateY(-1px)}.app-button--ghost{background:#ffffffc2}.app-button--strong{background:linear-gradient(180deg,#10a37ff5,#0f8a6aeb);border-color:#10a37f38;box-shadow:0 14px 26px #10a37f2e;color:#fff}.app-button--starter{background:linear-gradient(180deg,#fffffffa,#f5f7f8f5),radial-gradient(circle at top left,#0f172a0f,#0000 46%);border-color:#0f172a33;box-shadow:0 12px 24px #0f172a0f;color:var(--text-primary);font-weight:700}.app-button--starter:hover{border-color:#0f172a47;box-shadow:0 16px 28px #0f172a1a}.app-button--danger{background:linear-gradient(180deg,#d92d20f5,#b31d13f0);border-color:#d92d2038;color:#fff}.app-button--small{min-height:36px;padding:0 12px}.script-meta{flex-wrap:wrap}.panel-card--script .panel-card__header{padding:2px 2px 0}.panel-card--script .panel-card__actions{padding:0 2px}.panel-card--script .script-meta span{background:linear-gradient(180deg,#ffffffe6,#fbfaf6d6),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a624;border-radius:999px;color:var(--text-secondary);min-height:34px;padding:0 12px}.script-surface{background:linear-gradient(180deg,#fffffff5,#f9f9f7eb),radial-gradient(circle at top left,#b1996c14,#0000 36%);border:1px solid #8594a624;border-radius:20px;box-shadow:inset 0 1px 0 #ffffffdb,0 14px 28px #0f172a0a;font-family:var(--font-serif);font-size:14px;line-height:1.85;max-height:420px;min-height:260px;overflow:auto;padding:22px 24px;white-space:pre-wrap}.ai-assistant{min-height:0}.assistant-suggestion{background:linear-gradient(180deg,#ffffffeb,#f4fcf9f0),radial-gradient(circle at top left,#10a37f1a,#0000 52%);border:1px solid #10a37f24;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffc7;line-height:1.7;max-height:220px;overflow:auto;padding:16px 18px;white-space:pre-wrap}.impact-card{gap:12px}.impact-card--butterfly{background:radial-gradient(circle at top left,#c4ad842e,#0000 34%),radial-gradient(circle at 82% 18%,#10a37f29,#0000 30%),linear-gradient(180deg,#fffffff5,#f8faf9eb);overflow:hidden;position:relative}.impact-card--butterfly:before{animation:butterflyPulse 5.5s ease-in-out infinite;background:radial-gradient(circle,#c4ad842e,#0000 68%);content:"";filter:blur(8px);height:240px;inset:-20% auto auto -8%;opacity:.9;pointer-events:none;position:absolute;width:240px}.impact-card--butterfly:after{animation:butterflyDrift 6.4s ease-in-out infinite;background:radial-gradient(circle,#10a37f29,#0000 70%);border-radius:50%;content:"";filter:blur(10px);height:132px;pointer-events:none;position:absolute;right:-36px;top:24px;width:132px}.butterfly-callout{grid-gap:16px;background:linear-gradient(135deg,#fffcf6fa,#f4fbf9f5),radial-gradient(circle at top left,#c4ad8424,#0000 48%);border:1px solid #c4ad843d;border-radius:22px;box-shadow:inset 0 1px 0 #ffffffe0,0 16px 34px #0f172a0f;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:18px 18px 18px 20px;position:relative}.butterfly-callout__copy{grid-gap:6px;display:grid;gap:6px}.butterfly-callout__eyebrow{align-items:center;background:#c4ad841f;border-radius:999px;color:#8a6632;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.08em;min-height:26px;padding:0 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.butterfly-callout strong{color:var(--text-primary);font-family:var(--font-serif);font-size:22px;line-height:1.15}.butterfly-callout p{color:var(--text-secondary);font-size:13px;line-height:1.7;margin:0}.butterfly-callout__glyph{align-self:center;filter:drop-shadow(0 14px 24px rgba(15,23,42,.08));height:58px;position:relative;width:78px}.butterfly-callout__body,.butterfly-callout__wing{position:absolute;top:50%;transform:translateY(-50%)}.butterfly-callout__body{background:linear-gradient(180deg,#2c3a4feb,#2c3a4f75);border-radius:999px;height:40px;left:36px;width:8px}.butterfly-callout__wing{animation:butterflyFlap 2.8s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffffffe0,#0000 34%),linear-gradient(160deg,#1f2937eb,#c4ad84bd);border-radius:65% 40% 65% 40%;height:40px;opacity:.92;width:30px}.butterfly-callout__wing--left{left:4px;transform-origin:right center}.butterfly-callout__wing--right{animation-delay:.18s;border-radius:40% 65% 40% 65%;right:4px;transform-origin:left center}.impact-global,.impact-note,.impact-row--more{color:var(--text-secondary);font-size:12px;line-height:1.65}.impact-note--muted{color:var(--text-tertiary)}.script-mode-panel{grid-gap:12px;display:grid;gap:12px;margin-top:8px}.script-mode-panel__note{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.script-mode-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.impact-global__pills,.impact-metrics,.impact-row__reasons,.impact-row__title{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.impact-list{gap:10px}.impact-list,.impact-row{display:flex;flex-direction:column}.impact-row{background:#ffffffd6;border:1px solid #8594a61f;border-radius:14px;gap:8px;padding:12px}.impact-global strong,.impact-row strong{color:var(--text-primary);font-size:13px}.impact-change,.impact-reason,.impact-type{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.02em;min-height:28px;padding:0 10px}.impact-type{background:#f0fbf7eb;border:1px solid #10a37f24;color:var(--accent-strong)}.impact-change{background:#f8fafaeb;border:1px solid #8594a624;color:var(--text-secondary)}.impact-change--created{background:#f0fbf7eb;border-color:#10a37f24;color:var(--accent-strong)}.impact-change--updated{background:#fff6ddeb;border-color:#9a670029;color:#9a6700}.impact-change--deleted{background:#fff6f5eb;border-color:#d92d2029;color:var(--danger)}.impact-reason{background:#ffffffe6;border:1px solid #8594a61f;color:var(--text-secondary)}.impact-reason--global{background:#fff6ddeb;border-color:#9a670029;color:#9a6700}@keyframes butterflyPulse{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes butterflyDrift{0%,to{opacity:.72;transform:translateZ(0)}50%{opacity:1;transform:translate3d(-10px,8px,0)}}@keyframes butterflyFlap{0%,to{transform:translateY(-50%) rotate(0deg) scaleY(1)}50%{transform:translateY(-50%) rotate(8deg) scaleY(.9)}}.relation-list{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow:auto}.inspector-style-note{grid-gap:4px;background:#f0fbf7db;border:1px solid #10a37f1f;border-radius:14px;color:var(--text-secondary);display:grid;font-size:12px;gap:4px;line-height:1.6;margin-top:4px;padding:12px 14px}.inspector-empty-state{grid-gap:12px;display:grid;gap:12px;justify-items:start}.inspector-empty-state__icon{align-items:center;background:radial-gradient(circle at 30% 30%,#10a37f29,#0000 58%),#f8fafaf5;border:1px solid #10a37f24;border-radius:16px;color:var(--accent-strong);display:inline-flex;height:48px;justify-content:center;width:48px}.inspector-empty-state__icon svg{height:18px;width:18px}.inspector-hero{grid-gap:12px;background:radial-gradient(circle at top right,#b1996c1a,#0000 30%),radial-gradient(circle at bottom left,#10a37f1a,#0000 38%),linear-gradient(180deg,#fffffff0,#f8f9f8e0);border:1px solid #8594a624;border-radius:22px;box-shadow:inset 0 1px 0 #ffffffd1,0 14px 28px #0f172a0d;display:grid;gap:12px;padding:16px}.inspector-hero__copy{grid-gap:6px;display:grid;gap:6px}.inspector-hero__copy strong{color:var(--text-primary);font-family:var(--font-serif);font-size:24px;line-height:1.1}.inspector-hero__copy p{color:var(--text-secondary);font-size:13px;line-height:1.7;margin:0}.inspector-hero__stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.inspector-tags{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.inspector-tag{align-items:center;background:linear-gradient(180deg,#ffffffeb,#fbfaf6db),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a624;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;min-height:34px;padding:0 12px}.inspector-surface{grid-gap:14px;background:linear-gradient(180deg,#ffffffe0,#f7f8f8d1),radial-gradient(circle at top left,#10a37f0d,#0000 44%);border:1px solid #8594a61f;border-radius:22px;display:grid;gap:14px;padding:16px}.inspector-style-note strong{color:var(--accent-strong)}.inspector-fields{grid-gap:14px;display:grid;gap:14px;margin-top:14px}.inspector-section-title{color:var(--text-tertiary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.inspector-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-block{grid-gap:6px;display:grid;gap:6px;min-width:0}.inspector-block--full{grid-column:1/-1}.inspector-helper{color:var(--text-tertiary);font-size:12px;line-height:1.6}.inspector-json-panel{margin-top:12px}.inspector-json-panel .panel-dropdown__body{max-height:320px}.panel-card--inspector .panel-dropdown{background:linear-gradient(180deg,#ffffffdb,#f7f8f8cc),radial-gradient(circle at top left,#10a37f0d,#0000 44%)}.panel-card--inspector .relation-row{background:linear-gradient(180deg,#ffffffeb,#f9f9f7db),radial-gradient(circle at top left,#10a37f0a,#0000 44%);border-radius:18px}.relation-row{background:#ffffffd6;border:1px solid #8594a61f;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:12px}.relation-row strong{color:var(--accent-strong)}.empty-copy{background:#ffffffb3;border:1px dashed #8594a624;border-radius:14px;padding:14px}.workspace-empty-cta{align-items:center;background:radial-gradient(circle at top right,#b1996c1f,#0000 30%),radial-gradient(circle at bottom left,#10a37f1a,#0000 36%),linear-gradient(180deg,#fffffff5,#f7f8f9eb);border:1px solid #0f172a1a;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffdb,0 16px 30px #0f172a0d;display:flex;gap:18px;justify-content:space-between;padding:22px 24px}.workspace-empty-cta__copy{display:flex;flex-direction:column;gap:6px;min-width:0}.workspace-empty-cta__copy h3{color:var(--text-primary);font-family:var(--font-serif);font-size:24px;line-height:1.18;margin:0}.workspace-empty-cta__copy p{color:var(--text-secondary);line-height:1.7;margin:0}.form-label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em}.form-error{background:#d92d2014;border:1px solid #d92d2024;border-radius:14px;color:var(--danger);font-size:12px;line-height:1.6;padding:12px 14px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a42;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:4000}.modal-card{display:flex;flex-direction:column;gap:14px;max-height:min(88vh,960px);overflow:auto;padding:18px;width:min(760px,100%)}.modal-card--admin{width:min(980px,100%)}.modal-card--starter{width:min(1080px,100%)}.starter-load-actions,.starter-mode-grid,.starter-option-grid{grid-gap:12px;display:grid;gap:12px}.starter-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.starter-panel{display:flex;flex-direction:column;gap:16px}.starter-copy{color:var(--text-secondary);line-height:1.7;margin:0}.starter-copy--muted{color:var(--text-tertiary);font-size:12px}.starter-load-card,.starter-mode-card,.starter-option{align-items:flex-start;background:linear-gradient(180deg,#fffffffa,#f7f8f9f0),radial-gradient(circle at top left,#0f172a0a,#0000 42%);border:1px solid #0f172a1a;border-radius:18px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;text-align:left;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;width:100%}.starter-load-card:hover,.starter-mode-card:hover,.starter-option:hover{border-color:#0f172a29;box-shadow:0 16px 28px #0f172a0f;transform:translateY(-1px)}.starter-load-card strong,.starter-mode-card strong,.starter-option strong{font-size:15px}.starter-load-card span,.starter-mode-card span,.starter-option span{color:var(--text-secondary);line-height:1.65}.starter-mode-card.is-active,.starter-option.is-active{border-color:#0f172a47;box-shadow:0 18px 30px #0f172a14}.starter-load-card__icon,.starter-mode-card__icon,.starter-option__icon{align-items:center;background:#fffffff0;border:1px solid #0f172a1f;border-radius:14px;color:var(--text-primary);display:inline-flex;height:42px;justify-content:center;width:42px}.starter-load-card__icon svg,.starter-mode-card__icon svg,.starter-option__icon svg{height:18px;width:18px}.starter-stepper{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.starter-stepper__item{align-items:center;background:#ffffffd6;border:1px solid #0f172a14;border-radius:16px;color:var(--text-secondary);cursor:pointer;display:flex;gap:10px;min-height:52px;padding:0 14px}.starter-stepper__item span{align-items:center;border:1px solid #0f172a1f;border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.starter-stepper__item strong{color:inherit;font-size:13px}.starter-stepper__item.is-active{background:#fffffff5;border-color:#0f172a38;color:var(--text-primary)}.starter-step-card{background:#ffffffb3;border:1px solid #8594a61f;border-radius:18px;display:flex;flex-direction:column;gap:14px;padding:16px}.starter-step-card__header h3{color:var(--text-primary);font-size:18px;line-height:1.35;margin:4px 0 0}.starter-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-summary{align-items:center;background:#f9fafaeb;border:1px solid #0f172a1a;border-radius:16px;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:10px;min-height:48px;padding:0 14px}.starter-summary strong{color:var(--text-primary)}.starter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.starter-load-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-snapshot-list{background:#ffffffbd;border:1px solid #8594a61f;border-radius:18px;display:flex;flex-direction:column;gap:10px;padding:14px}.starter-snapshot-row{align-items:center;background:#f9fafaeb;border:1px solid #8594a61f;border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.starter-snapshot-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.starter-snapshot-row strong{color:var(--text-primary);word-break:break-word}.starter-snapshot-row span{color:var(--text-secondary);font-size:12px}.modal-close{background:#ffffffe0;border:1px solid #8594a629;border-radius:14px;color:var(--text-secondary);cursor:pointer;min-height:38px;padding:0 14px}.admin-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:0}.admin-card{background:#ffffffc7;border:1px solid #8594a61f;border-radius:18px;display:flex;flex-direction:column;gap:12px;min-height:0;padding:14px}.admin-card--list{overflow:hidden}.admin-code-list{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}.admin-code-row{align-items:flex-start;background:#f9fafae6;border:1px solid #8594a61f;border-radius:16px;justify-content:space-between;padding:12px}.admin-code-row__main{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-code-row__main strong{font-family:var(--font-mono);font-size:13px;word-break:break-all}.admin-code-row__main p,.admin-code-row__main span{color:var(--text-secondary);font-size:12px}.admin-code-status.is-active{background:#f0fbf7eb;border-color:#10a37f29;color:var(--accent-strong)}.admin-code-status.is-disabled{background:#fff6f5eb;border-color:#d92d2024;color:var(--danger)}.replay-card,.replay-detail{grid-gap:12px;display:grid;gap:12px}.replay-run-list{grid-gap:10px;display:grid;gap:10px}.replay-run-chip{grid-gap:8px;background:linear-gradient(180deg,#ffffffe0,#fbfaf6d6),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a624;border-radius:18px;box-shadow:0 10px 22px #0f172a0a;color:var(--text-secondary);cursor:pointer;display:grid;gap:8px;padding:12px 14px;position:relative;text-align:left;width:100%}.replay-card__summary{max-width:none}.replay-run-chip__head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.replay-run-chip:before{background:linear-gradient(90deg,#10a37f38,#0000 74%);content:"";height:1px;inset:0 auto auto 0;opacity:.46;position:absolute;width:100%}.replay-run-chip strong{color:var(--text-primary);font-family:var(--font-serif);font-size:13px}.replay-run-chip span{font-size:12px}.replay-run-chip__meta{color:var(--text-tertiary)}.replay-run-chip__status{align-items:center;border:1px solid #8594a624;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.04em;min-height:28px;padding:0 10px}.replay-run-chip__status.is-completed{background:#f0fbf7eb;border-color:#10a37f24;color:var(--accent-strong)}.replay-run-chip__status.is-running{background:#fff6ddeb;border-color:#9a670029;color:#9a6700}.replay-run-chip__status.is-idle,.replay-run-chip__status.is-queued{background:#ffffffe6;color:var(--text-secondary)}.replay-run-chip__status.is-failed{background:#fff6f5eb;border-color:#d92d2029;color:var(--danger)}.replay-run-chip.is-active{background:linear-gradient(180deg,#f7fffcfa,#f0fbf7eb),radial-gradient(circle at top left,#10a37f1f,#0000 42%);border-color:#10a37f3d;box-shadow:0 16px 30px #10a37f1a}.replay-card .panel-dropdown{background:linear-gradient(180deg,#ffffffdb,#f7f8f8cc),radial-gradient(circle at top left,#10a37f0d,#0000 44%);border-radius:20px}.replay-card .panel-dropdown__summary{font-size:13px;min-height:48px}.replay-hero{grid-gap:12px;background:radial-gradient(circle at top right,#b1996c1a,#0000 30%),radial-gradient(circle at bottom left,#10a37f1a,#0000 38%),linear-gradient(180deg,#fffffff0,#f8f9f8e0);border:1px solid #8594a624;border-radius:22px;box-shadow:inset 0 1px 0 #ffffffd1,0 14px 28px #0f172a0d;display:grid;gap:12px;padding:16px}.replay-hero__head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.replay-hero__title{grid-gap:6px;display:grid;gap:6px}.replay-hero__title strong{color:var(--text-primary);font-family:var(--font-serif);font-size:22px;line-height:1.15}.replay-stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.replay-stat-card{grid-gap:6px;background:linear-gradient(180deg,#fffffff5,#fcfbf8e0),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a624;border-radius:18px;display:grid;gap:6px;min-height:84px;padding:14px}.replay-stat-card span{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.replay-stat-card strong{color:var(--text-primary);font-size:15px;line-height:1.4}.replay-card .impact-metrics{padding-top:2px}.replay-card .impact-row{background:linear-gradient(180deg,#ffffffeb,#f9f9f7db),radial-gradient(circle at top left,#10a37f0a,#0000 44%);border-radius:18px}.replay-card .impact-type{background:linear-gradient(180deg,#f0fbf7f5,#e9f7f1eb),radial-gradient(circle at top left,#10a37f14,#0000 44%)}.replay-card .impact-reason{background:#fffffff0}@media (max-width:1300px){.app-shell,.app-topbar{grid-template-columns:1fr}.app-brand__board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surface-atlas{grid-template-columns:1fr}.app-grid{grid-template-areas:"left main" "right main";grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.surface-frame{height:min(68vh,780px)}.inspector-hero__stats,.rail-hero,.rail-search-meta{grid-template-columns:1fr}}@media (max-width:980px){.app-shell{display:flex;flex-direction:column;padding:14px}.app-grid{grid-template-areas:"left" "main" "right";grid-template-columns:1fr}.surface-frame{height:min(62vh,720px);min-height:520px}.admin-grid,.app-brand__capsules,.app-topbar__actions,.app-workflow-actions,.app-workflow-card__grid,.inspector-grid,.script-mode-grid,.starter-load-actions,.starter-mode-grid,.starter-option-grid,.starter-stepper{grid-template-columns:1fr}.inspector-tags,.replay-stat-grid,.surface-atlas__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.app-auth-card,.app-topbar,.modal-card,.panel-card{padding:14px}.app-brand__hero,.app-locale-switch,.modal-card__header,.panel-card__header,.panel-card__header--wide,.surface-toolbar{align-items:stretch;flex-direction:column}.app-auth-card__actions>*,.app-topbar__actions>*,.inspector-actions>*,.starter-actions>*,.workspace-empty-cta .app-button{width:100%}.app-brand{padding:18px}.app-brand__signature{width:100%}.app-brand__copy h1{font-size:30px;max-width:none}.app-brand__note{max-width:none}.app-brand__board-grid,.app-brand__capsules,.inspector-tags,.replay-stat-grid,.surface-atlas__grid{grid-template-columns:1fr}.view-mode-dropdown{max-width:none}.starter-snapshot-row,.workspace-empty-cta{align-items:stretch;flex-direction:column}.surface-frame{height:min(58vh,640px);min-height:460px}.butterfly-callout{grid-template-columns:1fr}.butterfly-callout__glyph{justify-self:start}.modal-backdrop{padding:12px}}.xhs-research-panel{gap:10px}.xhs-research-panel,.xhs-section{display:flex;flex-direction:column}.xhs-section{background:#00000038;border-radius:8px;gap:6px;padding:8px 10px}.xhs-btn{justify-content:center;width:100%}.xhs-hint{color:#9aa3b2;font-size:11px;line-height:1.4;margin:0}.xhs-registry-header{color:#c9d1d9;display:flex;flex-direction:column;font-size:13px;gap:6px}.xhs-badge-group{display:flex;flex-wrap:wrap;gap:4px}.xhs-badge{border-radius:10px;font-size:10px;font-weight:600;padding:2px 6px}.xhs-badge--pending{background:#3b2f00;color:#f0b429}.xhs-badge--success{background:#0d2f1f;color:#3ddc97}.xhs-badge--blocked{background:#2a1a1a;color:#f87171}.xhs-badge--failed{background:#2a1a2a;color:#c084fc}.xhs-registry-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.xhs-registry-group{background:#0000002e;border-radius:6px}.xhs-registry-summary{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:6px;list-style:none;padding:5px 8px}.xhs-registry-summary::-webkit-details-marker{display:none}.xhs-status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.xhs-status-dot--pending{background:#f0b429}.xhs-status-dot--success{background:#3ddc97}.xhs-status-dot--blocked{background:#f87171}.xhs-status-dot--failed{background:#c084fc}.xhs-status-label{color:#b0b8c4;flex:1 1}.xhs-count{color:#e2e8f0;font-size:11px;font-weight:700}.xhs-item-list{display:flex;flex-direction:column;gap:3px;list-style:none;margin:0;padding:0 8px 6px 24px}.xhs-item{align-items:center;color:#9aa3b2;display:flex;font-size:11px;gap:8px;justify-content:space-between;word-break:break-all}.xhs-item-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xhs-item-score{color:#3ddc97;flex-shrink:0;font-size:10px;font-weight:600}.xhs-item--more{color:#64748b;font-style:italic}.xhs-error{font-size:12px;margin-top:4px}.xhs-result{background:#3ddc9714;border:1px solid #3ddc9740;border-radius:8px;display:flex;flex-direction:column;font-size:12px;gap:3px;padding:8px 10px}.xhs-result-title{color:#e2e8f0;font-weight:600;word-break:break-all}.xhs-result-score{color:#3ddc97;font-size:11px}.xhs-result-count{color:#9aa3b2;font-size:11px}.ai-assistant{display:flex;flex-direction:column;gap:16px;position:relative}.ai-assistant:before{background:linear-gradient(90deg,#10a37f38,#b1996c29,#0000 78%);content:"";height:1px;inset:0 0 auto 0;position:absolute}.ai-assistant__actions,.ai-assistant__header,.ai-assistant__header-main,.ai-assistant__quick-item{align-items:center;display:flex;gap:12px}.ai-assistant__header{align-items:flex-start;justify-content:space-between}.ai-assistant__actions{flex-wrap:wrap;justify-content:flex-end}.ai-assistant__mark{align-items:center;background:radial-gradient(circle at 30% 30%,#10a37f29,#0000 58%),#f8fafaf5;border:1px solid #10a37f1f;border-radius:14px;color:#0f8a6a;display:inline-flex;height:40px;justify-content:center;width:40px}.ai-assistant__mark svg,.ai-assistant__quick-item svg{flex:0 0 auto;height:18px;width:18px}.ai-assistant__badge{align-items:center;background:#ffffffb8;border:1px solid #8594a61f;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;min-height:28px;padding:0 10px}.ai-assistant__intro{background:linear-gradient(180deg,#ffffffd6,#f8f9f8c7),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a61f;border-radius:18px;color:#607080;font-family:var(--font-serif);font-size:14px;line-height:1.75;margin-top:-2px;padding:14px 16px}.ai-assistant__select,.ai-assistant__textarea{background:linear-gradient(180deg,#fffffff5,#fafbfae0);border:1px solid #8594a629;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffbd;color:var(--text-primary);width:100%}.ai-assistant__select{min-height:46px;padding:0 12px}.ai-assistant__textarea{line-height:1.7;min-height:126px;padding:13px 14px;resize:vertical}.ai-assistant__quick-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-assistant__quick-item{background:linear-gradient(180deg,#ffffffe0,#fcfbf8d1),radial-gradient(circle at top left,#b1996c14,#0000 42%);border:1px solid #8594a624;border-radius:999px;box-shadow:0 6px 14px #0f172a08;color:var(--text-primary);cursor:pointer;font-size:12px;justify-content:flex-start;line-height:1.4;min-height:44px;padding:8px 12px}.ai-assistant__quick-item:hover{background:linear-gradient(180deg,#f7fffcfa,#f0fbf7eb),radial-gradient(circle at top left,#10a37f1f,#0000 42%);border-color:#10a37f33}.ai-assistant__reply{background:linear-gradient(180deg,#ffffffeb,#f4fcf9eb),radial-gradient(circle at top left,#10a37f17,#0000 55%);border:1px solid #10a37f24;border-radius:20px;box-shadow:inset 0 1px 0 #ffffffb8;color:var(--text-primary);font-size:13px;line-height:1.78;padding:15px 16px;white-space:pre-wrap}@media (max-width:720px){.ai-assistant__quick-list{grid-template-columns:1fr}}.backend-workflow{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--text-primary);font-family:var(--font-sans);left:50%;overflow:hidden;position:fixed;top:16px;transform:translateX(-50%);width:min(400px,calc(100vw - 40px));z-index:1850}.backend-workflow:before{background:radial-gradient(circle at top left,#10a37f14,#0000 32%),linear-gradient(180deg,#ffffff2e,#0000 38%);content:"";inset:0;pointer-events:none;position:absolute}.backend-workflow.is-mobile{left:12px;right:12px;top:72px;transform:none;width:auto}.backend-workflow.is-docked{left:auto;margin:0 auto;max-height:320px;overflow:auto;position:relative;right:auto;top:auto;transform:none;width:min(100%,520px)}.backend-workflow__header{align-items:flex-start;border-bottom:1px solid #0f172a0f;display:flex;gap:14px;justify-content:space-between;padding:16px 18px 14px;position:relative;z-index:1}.backend-workflow__actions,.backend-workflow__eyebrow{align-items:center;display:inline-flex;gap:8px}.backend-workflow__eyebrow{background:#ffffffb3;border:1px solid #0f172a0f;border-radius:999px;color:var(--text-secondary);font-size:11px;padding:5px 10px}.backend-workflow__signal{background:#98a2b3;border-radius:999px;box-shadow:0 0 0 4px #98a2b324;height:8px;width:8px}.backend-workflow__signal.is-online{background:var(--accent);box-shadow:0 0 0 4px #10a37f29}.backend-workflow__signal.is-offline{background:#f04438;box-shadow:0 0 0 4px #f044381f}.backend-workflow__header h3{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:12px 0 2px}.backend-workflow__header p{color:var(--text-secondary);font-size:12px;margin:0}.backend-workflow__toggle{background:#ffffffc2;border:1px solid var(--border-soft);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:7px 12px}.backend-workflow__toggle:hover{border-color:#10a37f3d;box-shadow:var(--shadow-soft);color:var(--text-primary)}.backend-workflow__toggle--ghost{background:#0f172a08}.backend-workflow__hero,.backend-workflow__history,.backend-workflow__progress,.backend-workflow__summary{padding-left:18px;padding-right:18px;position:relative;z-index:1}.backend-workflow__hero{padding-bottom:12px;padding-top:14px}.backend-workflow__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.backend-workflow__chip{align-items:center;background:#ffffffb8;border:1px solid #0f172a0f;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:11px;padding:4px 10px}.backend-workflow__chip.is-muted{color:var(--text-tertiary)}.backend-workflow__chip.is-completed,.backend-workflow__chip.is-running{background:#10a37f1f;color:var(--accent-strong)}.backend-workflow__chip.is-warning{background:#f2994a24;color:#b54708}.backend-workflow__chip.is-error{background:#f044381f;color:#b42318}.backend-workflow__chip.is-idle{background:#0f172a0d;color:var(--text-secondary)}.backend-workflow__hero strong{display:block;font-size:14px;font-weight:600;line-height:1.45}.backend-workflow__hero p{color:var(--text-secondary);font-size:12px;line-height:1.65;margin:8px 0 0}.backend-workflow__progress{align-items:center;display:flex;gap:10px;padding-bottom:14px;padding-top:2px}.backend-workflow__progress-bar{background:#0f172a0f;border-radius:999px;flex:1 1;height:8px;overflow:hidden}.backend-workflow__progress-bar span{background:linear-gradient(90deg,#10a37f,#2ec4a6);border-radius:inherit;display:block;height:100%;transition:width .35s ease}.backend-workflow__progress label{color:var(--text-secondary);font-size:11px;min-width:38px;text-align:right}.backend-workflow__summary{background:#f8fafce0;border:1px solid #0f172a0d;border-radius:var(--radius-card);margin:0 18px 14px;padding:14px}.backend-workflow__summary span{color:var(--text-tertiary);display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.backend-workflow__summary p{color:var(--text-primary);font-size:12px;line-height:1.6;margin:8px 0 0}.backend-workflow__summary-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.backend-workflow__summary-points.is-compact{margin-top:10px}.backend-workflow__summary-pill{align-items:center;background:#ffffffe0;border:1px solid #0f172a14;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:11px;line-height:1.45;max-width:100%;padding:5px 10px}.backend-workflow__history{padding-bottom:16px}.backend-workflow__history-title{align-items:center;color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:10px}.backend-workflow__history-title span{font-size:12px;font-weight:600}.backend-workflow__history-title small{color:var(--text-tertiary);font-size:11px}.backend-workflow__history-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.backend-workflow__history-item{grid-gap:10px;background:#ffffffbd;border:1px solid #0f172a0d;border-radius:16px;display:grid;gap:10px;grid-template-columns:14px 1fr;padding:12px 14px}.backend-workflow__history-dot{background:#98a2b3;border-radius:999px;box-shadow:0 0 0 4px #98a2b324;height:10px;margin-top:4px;width:10px}.backend-workflow__history-item.is-completed .backend-workflow__history-dot,.backend-workflow__history-item.is-running .backend-workflow__history-dot{background:var(--accent);box-shadow:0 0 0 4px #10a37f24}.backend-workflow__history-item.is-warning .backend-workflow__history-dot{background:#f79009;box-shadow:0 0 0 4px #f7900924}.backend-workflow__history-item.is-error .backend-workflow__history-dot{background:#f04438;box-shadow:0 0 0 4px #f044381f}.backend-workflow__history-row{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.backend-workflow__history-row strong{color:var(--text-primary);font-size:12px;font-weight:600}.backend-workflow__history-row span{color:var(--text-tertiary);font-size:11px;white-space:nowrap}.backend-workflow__history-item p{color:var(--text-secondary);font-size:12px;line-height:1.55;margin:6px 0 0}.backend-workflow__empty{background:#f8fafce0;border:1px dashed #0f172a1f;border-radius:16px;color:var(--text-secondary);font-size:12px;padding:14px 12px}.backend-workflow.is-collapsed .backend-workflow__header{border-bottom:none}@media (max-width:980px){.backend-workflow{width:min(360px,calc(100vw - 32px))}}.landing-hero{background:radial-gradient(circle at 18% 22%,#ffffff2e,#0000 24%),radial-gradient(circle at 78% 24%,#ffffff1f,#0000 20%),radial-gradient(circle at 50% 72%,#ffffff14,#0000 28%),linear-gradient(180deg,#050505,#0f0f0f 38%,#171717);color:#f6f1e7;inset:0;min-height:100vh;min-height:100svh;overflow:hidden;pointer-events:none;position:fixed;z-index:80}.landing-hero__grain,.landing-hero__veil,.landing-hero__wash{inset:0;pointer-events:none;position:absolute}.landing-hero__veil{background:linear-gradient(120deg,#ffffff0a,#0000 30%,#ffffff0d 58%,#0000 82%),linear-gradient(180deg,#00000029,#0000 28%,#00000052);mix-blend-mode:screen}.landing-hero__grain{background-image:linear-gradient(#ffffff2e 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle at center,#000 38%,#0000 94%);mask-image:radial-gradient(circle at center,#000 38%,#0000 94%);opacity:.16}.landing-hero__wash{filter:blur(18px);opacity:.38}.landing-hero__wash--one{background:radial-gradient(circle at 18% 38%,#ffffff2e,#0000 42%),linear-gradient(135deg,#ffffff1f,#0000 72%);height:32vh;inset:8% auto auto 6%;transform:rotate(-8deg);width:44vw}.landing-hero__wash--two{background:radial-gradient(circle at 62% 30%,#ffffff24,#0000 44%),linear-gradient(160deg,#ffffff24,#0000 76%);height:34vh;inset:auto 4% 22% auto;transform:rotate(6deg);width:40vw}.landing-hero__wash--three{background:radial-gradient(circle at 40% 20%,#ffffff24,#0000 46%),linear-gradient(90deg,#ffffff14,#0000 82%);height:24vh;inset:auto auto -8% 18%;width:50vw}.landing-hero__inner{grid-gap:34px;align-content:center;display:grid;gap:34px;min-height:100%;padding:clamp(28px,4vw,64px);position:relative;z-index:1}.landing-hero__copy{grid-gap:18px;display:grid;gap:18px;max-width:min(920px,88vw)}.landing-hero__brand{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffff1f,#ffffff0a),radial-gradient(circle at top left,#ffffff1f,#0000 44%);border:1px solid #ffffff29;border-radius:24px;box-shadow:0 18px 40px #00000038;display:flex;flex-wrap:wrap;gap:16px;max-width:min(920px,88vw);padding:16px 18px;width:-webkit-fit-content;width:fit-content}.landing-hero__brand-emblem{align-items:center;animation:landing-hero-hover 5.2s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffffff29,#0000 52%),linear-gradient(180deg,#ffffff1f,#ffffff05);border:1px solid #ffffff29;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff24,0 14px 28px #0000003d;color:#fff8eeeb;display:inline-flex;height:72px;justify-content:center;width:72px}.landing-hero__brand-emblem svg{filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));height:50px;width:50px}.landing-hero__brand-lockup{grid-gap:6px;display:grid;gap:6px}.landing-hero__brand-name{color:#fff8ee;font-family:var(--font-serif);font-size:clamp(1.35rem,3.2vw,2.3rem);letter-spacing:.12em;line-height:1;text-transform:uppercase}.landing-hero__brand-studio{color:#f6f1e7ad;font-size:11px;letter-spacing:.22em;text-transform:uppercase}.landing-hero__brand-motif{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;color:#f6f1e7bd;letter-spacing:.18em}.landing-hero__brand-motif,.landing-hero__eyebrow{align-items:center;display:inline-flex;font-size:11px;min-height:34px;padding:0 14px;text-transform:uppercase}.landing-hero__eyebrow{background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;letter-spacing:.22em;width:-webkit-fit-content;width:fit-content}.landing-hero__title{grid-gap:6px;text-wrap:balance;display:grid;font-family:var(--font-serif);font-size:clamp(3rem,9vw,7.5rem);font-weight:700;gap:6px;letter-spacing:-.04em;line-height:.94;margin:0;max-width:min(1080px,92vw)}.landing-hero__title span{display:block}.landing-hero__subtitle{color:#f6f1e7d1;font-size:clamp(1rem,2vw,1.3rem);line-height:1.8;margin:0;max-width:min(720px,88vw)}.landing-hero__quote-block{grid-gap:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#ffffff12,#fff0);border-left:1px solid #ffffff38;display:grid;gap:12px;margin:0;max-width:min(720px,88vw);padding:clamp(18px,2.4vw,28px)}.landing-hero__quote{color:#fff8eef0;font-family:var(--font-serif);font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.8;margin:0}.landing-hero__attribution{color:#f6f1e78f;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.landing-hero__enter{grid-gap:10px;background:#0000;border:0;bottom:clamp(20px,4vh,42px);color:inherit;cursor:pointer;display:grid;gap:10px;justify-items:center;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:2}.landing-hero__enter-ring{animation:landing-hero-pulse 1.8s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffffff2e,#ffffff08);border:1px solid #ffffff42;border-radius:999px;box-shadow:0 0 0 0 #ffffff24,0 16px 34px #00000047;height:76px;width:76px}.landing-hero__enter-arrow{animation:landing-hero-bounce 1.4s ease-in-out infinite;font-size:34px;line-height:1;position:absolute;top:18px}.landing-hero__enter-label{color:#f6f1e7bd;font-size:11px;letter-spacing:.18em;text-transform:uppercase}@keyframes landing-hero-pulse{0%,to{box-shadow:0 0 0 0 #ffffff14,0 16px 34px #00000047;opacity:.82}50%{box-shadow:0 0 0 12px #fff0,0 18px 38px #00000057;opacity:1}}@keyframes landing-hero-bounce{0%,to{opacity:.78;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}@keyframes landing-hero-hover{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}@media (max-width:900px){.landing-hero__inner{align-content:start;padding-top:16vh}.landing-hero__brand{align-items:flex-start;width:100%}.landing-hero__title{font-size:clamp(2.8rem,14vw,4.8rem)}.landing-hero__quote-block{max-width:100%}}.studio-board{grid-gap:16px;align-content:start;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;overflow:auto;padding-right:6px}.studio-board--empty{align-items:center;display:flex;justify-content:center}.studio-board__empty-card{background:linear-gradient(180deg,#fffffff0,#f9f9f6e0),radial-gradient(circle at top left,#b1996c1f,#0000 50%);border:1px solid #8594a624;border-radius:26px;box-shadow:0 16px 30px #0f172a0d;padding:30px;text-align:center;width:min(520px,100%)}.studio-board__empty-icon,.studio-column__icon{align-items:center;background:radial-gradient(circle at 30% 30%,#10a37f29,#0000 58%),#f8fafaf5;background:radial-gradient(circle at 30% 30%,var(--studio-tint,#10a37f29),#0000 58%),#f8fafaf5;border:1px solid color-mix(in srgb,#0f8a6a 16%,#8594a624);border:1px solid color-mix(in srgb,var(--studio-accent,#0f8a6a) 16%,#8594a624);border-radius:14px;color:#0f8a6a;color:var(--studio-accent,#0f8a6a);display:inline-flex;height:38px;justify-content:center;width:38px}.studio-board__empty-icon{--studio-accent:#0f8a6a;--studio-tint:#10a37f1f;margin:0 auto 14px}.studio-board__empty-icon svg,.studio-column__icon svg{height:18px;width:18px}.studio-board__empty-card strong{display:block;font-family:var(--font-serif);font-size:20px;margin-bottom:10px}.studio-board__empty-card p,.studio-card p,.studio-card__top span,.studio-column__empty,.studio-column__header p{color:var(--text-secondary)}.studio-board__empty-card p,.studio-card p{line-height:1.7}.studio-column{--studio-accent:#0f8a6a;--studio-tint:#10a37f1f;background:radial-gradient(circle at top right,#ffffffb8,#0000 22%),linear-gradient(180deg,#ffffffe0,#ffffffa8),radial-gradient(circle at top left,var(--studio-tint),#0000 50%);border:1px solid #8594a61f;border-radius:26px;box-shadow:inset 0 1px 0 #ffffffb8,0 16px 28px #0f172a0d;display:flex;flex-direction:column;gap:12px;min-height:220px;padding:15px;position:relative}.studio-column:before{background:linear-gradient(90deg,var(--studio-accent),#0000 80%);content:"";height:1px;inset:0 auto auto 0;opacity:.24;position:absolute;width:100%}.studio-card__top,.studio-column__header,.studio-column__header-main{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.studio-column__header-main{justify-content:flex-start}.studio-column__header h3{font-family:var(--font-serif);font-size:17px;font-weight:700}.studio-card p,.studio-card__tag,.studio-card__top span,.studio-column__empty,.studio-column__header p{font-size:12px}.studio-column__header span{align-items:center;background:color-mix(in srgb,var(--studio-tint) 88%,#fff 12%);border-radius:999px;color:var(--studio-accent);display:inline-flex;font-size:12px;font-weight:600;min-height:28px;padding:0 10px}.studio-column__list{display:flex;flex-direction:column;gap:11px;min-height:0;overflow:auto;padding-right:2px}.studio-column__empty{background:#ffffff85;border:1px dashed #8594a624;border-radius:16px;padding:14px}.studio-card{background:linear-gradient(180deg,#fffffff0,#fcfbf8e0),radial-gradient(circle at top left,var(--studio-tint),#0000 44%);border:1px solid #8594a624;border-radius:22px;box-shadow:0 10px 22px #0f172a0d;cursor:pointer;display:flex;flex-direction:column;gap:11px;overflow:hidden;padding:15px 15px 16px;position:relative;text-align:left}.studio-card:before{background:linear-gradient(90deg,var(--studio-accent),#0000 72%);content:"";height:1px;inset:0 auto auto 0;opacity:.24;position:absolute;width:100%}.studio-card:hover{border-color:color-mix(in srgb,var(--studio-accent) 20%,#8594a61f);box-shadow:0 18px 32px #0f172a17;transform:translateY(-2px)}.studio-card.is-selected{background:linear-gradient(180deg,#fffffffa,#fbfdfcf5),radial-gradient(circle at top left,color-mix(in srgb,var(--studio-tint) 120%,#fff 0),#0000 46%);border-color:color-mix(in srgb,var(--studio-accent) 34%,#8594a61f);box-shadow:0 16px 30px #0f172a14}.studio-card__top strong{color:#18212c;font-family:var(--font-serif);font-size:15px;letter-spacing:-.01em;line-height:1.45}.studio-card__top span{align-items:center;background:#ffffffad;border:1px solid #8594a61f;border-radius:999px;display:inline-flex;min-height:24px;padding:0 8px}.studio-card__tag{align-self:flex-start;background:color-mix(in srgb,var(--studio-tint) 88%,#fff 12%);border-radius:999px;color:var(--studio-accent);font-weight:600;padding:5px 9px}.studio-card p{line-height:1.65}@media (max-width:1024px){.studio-board{grid-template-columns:1fr}}.studio-sidebar{grid-gap:16px;align-self:start;background:radial-gradient(circle at 10% 4%,#10a37f24,#0000 30%),linear-gradient(180deg,#131917f5,#21231ff0);border:1px solid #161e1c1a;border-radius:30px;box-shadow:0 24px 70px #0f172a2e;color:#f7f1e7;display:grid;gap:16px;min-height:calc(100vh - 32px);padding:16px;position:-webkit-sticky;position:sticky;top:16px}.studio-sidebar__brand{align-items:center;background:hsla(0,0%,100%,.055);border:1px solid #ffffff17;border-radius:22px;display:flex;gap:12px;padding:12px}.studio-sidebar__mark{align-items:center;background:#f6f1e7eb;border-radius:16px;color:#13211c;display:inline-flex;font-family:var(--font-serif);font-size:22px;height:42px;justify-content:center;line-height:1;width:42px}.studio-sidebar__brand span,.studio-sidebar__brand strong{display:block}.studio-sidebar__brand strong{font-family:var(--font-serif);font-size:22px;letter-spacing:.12em}.studio-sidebar__brand span,.studio-sidebar__label,.studio-sidebar__quote small,.studio-sidebar__quote span{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.studio-sidebar__brand span,.studio-sidebar__label,.studio-sidebar__quote small{color:#f7f1e785}.studio-sidebar__quote{grid-gap:9px;background:linear-gradient(90deg,hsla(0,0%,100%,.055),#0000);border-left:1px solid #f7f1e733;display:grid;gap:9px;padding:14px 12px}.studio-sidebar__quote p{color:#f7f1e7e0;font-family:var(--font-serif);font-size:16px;line-height:1.6;margin:0}.studio-sidebar__section{grid-gap:10px;display:grid;gap:10px}.studio-sidebar__actions,.studio-sidebar__modes,.studio-sidebar__status{grid-gap:8px;display:grid;gap:8px}.studio-sidebar__actions button,.studio-sidebar__mode{align-items:center;background:hsla(0,0%,100%,.045);border:1px solid hsla(0,0%,100%,.075);border-radius:16px;color:#f7f1e7c7;cursor:pointer;display:flex;gap:10px;min-height:48px;padding:10px 12px;text-align:left;width:100%}.studio-sidebar__actions svg,.studio-sidebar__mode svg{flex:0 0 auto;height:18px;width:18px}.studio-sidebar__mode small,.studio-sidebar__mode strong{display:block}.studio-sidebar__actions span,.studio-sidebar__mode strong{font-size:13px;font-weight:800}.studio-sidebar__mode small{color:#f7f1e77a;font-size:11px;margin-top:2px}.studio-sidebar__actions button:hover:not(:disabled),.studio-sidebar__mode:hover{background:#10a37f1a;border-color:#10a37f57;color:#fffaf1;transform:translateX(2px)}.studio-sidebar__mode.is-active{background:radial-gradient(circle at top left,#10a37f3d,#0000 45%),#ffffff14;border-color:#10a37f73;box-shadow:inset 3px 0 0 #10a37fd1;color:#fffaf1}.studio-sidebar__actions button:disabled{cursor:not-allowed;opacity:.4}.studio-sidebar__section--state{margin-top:auto}.studio-sidebar__status{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-sidebar__status span{background:hsla(0,0%,100%,.055);border-radius:999px;color:#f7f1e7b8;font-size:11px;font-weight:750;min-width:0;overflow:hidden;padding:8px 9px;text-overflow:ellipsis;white-space:nowrap}.studio-sidebar__status .is-good{background:#10a37f26;color:#95f0d3}.studio-sidebar__status .is-live{background:#b1996c2e;color:#ffe1a8}.studio-sidebar__status .is-warn{background:#d92d202e;color:#ffb7af}.studio-sidebar__workflow{color:#f7f1e78a;font-size:12px;line-height:1.55;margin:0}@media (max-width:1180px){.studio-sidebar{min-height:auto;position:relative;top:auto}.studio-sidebar__actions,.studio-sidebar__modes,.studio-sidebar__status{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.studio-sidebar{border-radius:22px}.studio-sidebar__actions,.studio-sidebar__modes,.studio-sidebar__status{grid-template-columns:1fr}}
/*# sourceMappingURL=main.e73941c7.css.map*/