:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;--ip-black: #111318;--ip-black-soft: #272b32;--ip-lime: #d8ff00;--ip-blue: #159bff;--punk-blue: var(--ip-black);--punk-blue-dark: #000;--punk-yellow: var(--ip-lime);--punk-paper: #fbfff0;--punk-ink: var(--ip-black);--punk-coral: var(--ip-blue);--color-canvas: #f1f5f0;--color-paper: var(--punk-paper);--color-paper-raised: #fff;--color-ink: var(--punk-ink);--color-ink-muted: #4b5563;--color-ink-faint: #64748b;--color-line: #cbd5e1;--color-line-strong: var(--punk-ink);--color-cinnabar: var(--punk-coral);--color-cinnabar-hover: #087fd8;--color-cinnabar-soft: #dff1ff;--color-moss: #2e6d53;--color-moss-soft: #dceee4;--color-warning: #8b4d0f;--color-danger: #a52f2f;--bg-app: var(--color-canvas);--bg-panel: var(--color-paper);--bg-paper: var(--color-paper-raised);--text-primary: var(--color-ink);--text-secondary: var(--color-ink-muted);--text-tertiary: var(--color-ink-faint);--border-default: var(--color-line);--border-emphasis: var(--color-line-strong);--action-primary: var(--ip-blue);--action-primary-hover: #087fd8;--focus-ring: var(--ip-blue);--status-success: var(--color-moss);--status-error: var(--color-danger);--font-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-editorial: "Songti SC", "STSong", Georgia, serif;--font-mono: "SFMono-Regular", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--line-height-tight: 1.3;--line-height-ui: 1.5;--line-height-reading: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 1px;--radius-md: 3px;--radius-lg: 6px;--radius-pill: 999px;--shadow-hard-sm: 3px 3px 0 var(--punk-ink);--shadow-hard: 5px 5px 0 var(--punk-ink);--shadow-paper: 0 12px 28px rgb(22 50 74 / 14%);--shadow-overlay: 8px 8px 0 var(--punk-ink);--header-height: 4.75rem;--toolbar-height: 4.25rem;--ticker-height: 1.5rem;--preview-max-width: 42.3125rem;--content-max-width: 100rem;--motion-fast: .12s;--motion-normal: .18s;--motion-slow: .24s;--ease-standard: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{min-width:20rem;background:var(--bg-app)}body{margin:0;min-width:20rem;min-height:100vh;color:var(--text-primary);background:var(--bg-app);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:500;line-height:var(--line-height-ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::view-transition-group(studio-header),::view-transition-group(studio-commandbar),::view-transition-group(studio-workspace){animation-duration:var(--motion-slow);animation-timing-function:var(--ease-standard)}::view-transition-old(studio-header),::view-transition-new(studio-header){animation-duration:var(--motion-normal);mix-blend-mode:normal}::view-transition-old(studio-commandbar),::view-transition-old(studio-workspace){animation:studio-leave .1s ease-in both;mix-blend-mode:normal}::view-transition-new(studio-commandbar),::view-transition-new(studio-workspace){animation:studio-enter var(--motion-slow) var(--ease-standard) both;mix-blend-mode:normal}:is(.studio-toolbar,.xhs-commandbar,.x-commandbar){animation:commandbar-enter var(--motion-normal) var(--ease-standard);view-transition-name:studio-commandbar}:is(.workbench,.xhs-workbench,.x-workbench,.x-article-workbench){animation:studio-enter var(--motion-slow) var(--ease-standard);view-transition-name:studio-workspace}.app-header__main>*{animation:header-slot-enter var(--motion-normal) var(--ease-standard)}@keyframes studio-enter{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes studio-leave{to{opacity:0;transform:translateY(-.2rem)}}@keyframes commandbar-enter{0%{opacity:.82;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes header-slot-enter{0%{opacity:.72;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes popover-enter{0%{opacity:0;transform:translateY(-.35rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}button,input,select,textarea{color:inherit;font:inherit}button{min-width:2.75rem;min-height:2.75rem;border:1px solid #d4dbe1;border-radius:.45rem;background:#fff;box-shadow:none;cursor:pointer;font-weight:750;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard);touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){border-color:var(--punk-blue);filter:brightness(1.025);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}::selection{color:var(--punk-blue);background:var(--punk-yellow)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important}}#root,.app-canvas{min-height:100vh;min-height:100dvh}.app-canvas{display:flex;height:100vh;height:100dvh;flex-direction:column;overflow:hidden;background:var(--ui-soft, #f4f7f2)}.app-header{position:relative;z-index:30;flex:none;border-top:3px solid var(--ip-lime);border-bottom:2px solid #111318;background:#fff;box-shadow:0 4px color-mix(in srgb,var(--ui-third) 14%,transparent);view-transition-name:studio-header}.app-header__main{display:grid;width:100%;max-width:120rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:var(--header-height);align-items:center;gap:clamp(.75rem,1.5vw,1.5rem);margin-inline:auto;padding:.45rem clamp(1rem,2vw,2rem)}.brand-lockup{display:flex;min-width:0;align-items:center;width:fit-content;gap:.85rem}.brand-lockup__avatar{display:block;width:3.5rem;height:3.5rem;flex:none;object-fit:cover;border:2px solid var(--ip-black);border-radius:.6rem;background:var(--punk-yellow);box-shadow:0 3px 0 var(--ip-blue);image-rendering:pixelated}.brand-lockup__text{display:flex;flex-direction:column;line-height:1.05}.brand-lockup__text strong{color:var(--ip-black);font-family:Georgia,Songti SC,serif;font-size:1.55rem;font-weight:900;letter-spacing:-.045em;white-space:nowrap}.brand-lockup__kicker{margin-top:.18rem;color:#66707b;font-family:var(--font-mono);font-size:.58rem;font-weight:850;letter-spacing:.15em}.brand-lockup__divider{width:1px;height:2.35rem;margin-inline:.25rem;background:var(--ui-line, #d7dde2)}.brand-lockup__slogan{color:#66707b;font-size:.82rem;font-weight:650;letter-spacing:.02em;white-space:nowrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.platform-nav{min-width:0;overflow-x:auto;scrollbar-width:none}.platform-nav::-webkit-scrollbar{display:none}.platform-nav__track{display:flex;width:max-content;align-items:center;gap:.16rem;padding:.2rem;border:2px solid #111318;border-radius:.72rem;background:#fff;box-shadow:3px 3px 0 var(--ui-third)}.platform-nav button{position:relative;display:flex;min-width:6.9rem;min-height:2.75rem;align-items:center;justify-content:center;gap:.4rem;padding:.3rem .55rem;color:#313940;border:0;border-radius:.48rem;background:#fff;box-shadow:none;text-align:left;transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.platform-nav button:hover{color:#111318;background:color-mix(in srgb,var(--ui-accent) 18%,#fff);transform:translateY(-1px)}.platform-nav button:active{transform:translateY(1px)}.platform-nav button[aria-pressed=true]{color:#111318;background:var(--ui-accent);box-shadow:inset 0 -3px #111318}.platform-nav__icon{display:grid;width:1.58rem;height:1.58rem;flex:none;place-items:center;color:#111318;border:1px solid #111318;border-radius:.38rem;background:color-mix(in srgb,var(--ui-accent) 68%,#fff);font-family:var(--font-mono);font-size:.58rem;font-weight:950}.platform-nav button[aria-pressed=true] .platform-nav__icon{background:#fff}.platform-nav button>span:last-child{display:grid;min-width:0}.platform-nav strong{overflow:hidden;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.platform-nav small{display:none}.global-brand-editor{position:relative;flex:none}.global-brand-trigger{display:inline-flex;min-width:6rem;min-height:3rem;align-items:center;justify-content:center;gap:.45rem;padding:.35rem .65rem;color:var(--ip-black);border:2px solid var(--ip-black);border-radius:.6rem;background:#fff;box-shadow:3px 3px 0 var(--ui-third);font-size:.7rem;font-weight:900;white-space:nowrap}.global-brand-trigger img{width:1.65rem;height:1.65rem;object-fit:contain;border-radius:.3rem;background:var(--ip-lime);image-rendering:pixelated}.global-brand-trigger[aria-expanded=true]{background:var(--ip-lime);box-shadow:inset 0 -3px 0 var(--ip-black)}.global-brand-popover{position:absolute;z-index:70;width:min(22rem,calc(100vw - 1rem));top:calc(100% + .65rem);right:0;padding:.9rem;border:2px solid var(--ip-black);border-radius:.85rem;background:#fff;box-shadow:8px 8px 0 var(--ui-third),0 18px 48px #1113183d;animation:popover-enter var(--motion-normal) var(--ease-standard);transform-origin:top right}.global-brand-popover>header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.global-brand-popover>header>div{display:flex;align-items:center;gap:.55rem}.global-brand-popover>header span{display:grid;width:2rem;height:2rem;place-items:center;color:var(--ui-on-primary, #fff);border-radius:50%;background:var(--ip-black);font-family:var(--font-mono);font-size:.58rem;font-weight:900}.global-brand-popover h2{margin:0;font-size:.95rem}.global-brand-popover>header>button{width:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;border:1px solid var(--ui-line);background:#fff;box-shadow:none;font-size:1.2rem}.global-brand-upload{display:flex;width:100%;min-height:5rem;align-items:center;gap:.8rem;padding:.65rem;border:1px solid var(--ui-line);border-radius:.6rem;background:var(--ui-soft);box-shadow:none;text-align:left}.global-brand-upload img{width:4rem;height:4rem;object-fit:contain;border:2px solid var(--ip-black);border-radius:.55rem;background:var(--ip-lime);image-rendering:pixelated}.global-brand-upload span{display:grid;gap:.2rem}.global-brand-upload b{font-size:.82rem}.global-brand-upload small{color:#6b7680;font-size:.62rem}.global-brand-name{display:grid;gap:.3rem;margin-top:.8rem}.global-brand-name>span,.global-brand-sections>span{color:#5f6c76;font-size:.67rem;font-weight:800}.global-brand-name input{width:100%;min-height:2.75rem;padding:.5rem .65rem;border:1px solid var(--ui-line);border-radius:.45rem;outline:0}.global-brand-name input:focus-visible{border-color:var(--ip-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--ip-blue) 14%,transparent),inset 0 -2px 0 var(--ip-lime)}.global-brand-sections{display:flex;min-height:3.4rem;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.65rem;padding:.45rem .6rem;border:1px solid var(--ui-line);border-radius:.5rem}.global-brand-sections button{min-height:2.6rem;padding:.35rem .6rem;border:1px solid var(--ui-line);background:#fff;box-shadow:none;font-size:.65rem}.global-brand-sections button[aria-pressed=true]{color:var(--ui-on-accent, #111318);background:var(--ip-lime);box-shadow:inset 0 -3px 0 var(--ip-black)}.global-brand-popover>p{min-height:1.2rem;margin:.65rem 0;color:#65717b;font-size:.62rem;line-height:1.45}.global-brand-popover>footer{display:grid;grid-template-columns:1fr 1.4fr;gap:.55rem}.global-brand-popover>footer button{min-height:2.75rem;padding:.45rem .6rem;border:1px solid var(--ui-line);background:#fff;box-shadow:none;font-size:.7rem}.global-brand-popover>footer .global-brand-save{color:var(--ui-on-primary, #fff);border-color:var(--ip-black);background:var(--ip-black);box-shadow:0 3px 0 var(--ip-lime)}.header-button{display:inline-flex;min-width:7.5rem;min-height:3rem;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .9rem;color:#111318;border:2px solid #111318;border-radius:.6rem;background:var(--ui-accent);box-shadow:3px 3px 0 var(--ui-third);font-weight:900}.header-button:hover:not(:disabled),.global-brand-trigger:hover:not(:disabled){box-shadow:4px 4px 0 var(--ui-third);transform:translate(-1px,-1px)}.header-button:active:not(:disabled),.global-brand-trigger:active:not(:disabled){box-shadow:1px 1px 0 var(--ui-third);transform:translate(2px,2px)}.studio-toolbar{position:relative;z-index:25;display:grid;grid-template-columns:auto minmax(0,1fr);min-height:var(--toolbar-height);max-height:6rem;flex:none;align-items:center;gap:clamp(1rem,2vw,2rem);padding:.5rem clamp(.75rem,1.5vw,1.5rem);border-bottom:4px solid var(--ui-accent);background:#111318;box-shadow:none;overflow:hidden;opacity:1;transform:translateY(0);transform-origin:top;transition:max-height var(--motion-slow) var(--ease-standard),min-height var(--motion-slow) var(--ease-standard),padding-block var(--motion-slow) var(--ease-standard),border-width var(--motion-normal) var(--ease-standard),opacity var(--motion-normal) var(--ease-standard),transform var(--motion-slow) var(--ease-standard)}.studio-toolbar[data-open=false]{min-height:0;max-height:0;padding-block:0;border-bottom-width:0;opacity:0;transform:translateY(-.45rem);pointer-events:none;view-transition-name:none}.studio-toolbar__actions{display:flex;align-items:center;gap:.55rem}.toolbar-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.625rem;padding:.45rem .9rem;color:#111318;border:1px solid color-mix(in srgb,var(--ui-accent) 75%,#fff);border-radius:.55rem;background:var(--ui-accent);box-shadow:0 3px 0 var(--ui-third);font-size:.8rem;font-weight:850;white-space:nowrap}.toolbar-button>span[aria-hidden=true]{display:inline-grid;width:1.5rem;height:1.5rem;flex:none;place-items:center;color:#111318;font-weight:950}.toolbar-button>span[aria-hidden=true] svg{width:1.25rem;height:1.25rem}.toolbar-button:hover:not(:disabled){box-shadow:0 4px 0 var(--ui-third);transform:translateY(-1px)}.toolbar-button:active:not(:disabled){box-shadow:0 1px 0 var(--ui-third);transform:translateY(2px)}.studio-toolbar__controls{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:0;overflow:hidden;border:1px solid rgb(255 255 255 / 13%);border-radius:.65rem;background:#1b1f24}.quick-control{display:grid;min-width:0;align-content:center;min-height:3.2rem;padding:.15rem clamp(.65rem,1.2vw,1.2rem);border-left:1px solid rgb(255 255 255 / 12%)}.quick-control>span:first-child{margin-bottom:.16rem;color:#aab3bb;font-size:.68rem;font-weight:750;white-space:nowrap}.quick-control__range-row{display:flex;align-items:center;gap:.45rem}.quick-control input[type=range]{width:clamp(4.8rem,8vw,7.5rem);accent-color:var(--ip-blue)}.quick-control output{min-width:2.5rem;color:#fff;font-family:var(--font-mono);font-size:.72rem;font-weight:900}.quick-control select{min-width:6.7rem;height:2.75rem;padding:0 1.6rem 0 .55rem;color:var(--ip-black);border:1px solid var(--ui-line, #d3dbe1);border-radius:.4rem;background:var(--ui-base, #fff);font-size:.76rem;font-weight:700}.quick-control input[type=color]{width:2.75rem;height:2.75rem;padding:.15rem;border:1px solid var(--ui-line, #d3dbe1);border-radius:.35rem;background:var(--ui-base, #fff)}.quick-control--color{place-items:center}.quick-control--body-color{min-width:15.6rem}.quick-body-colors{display:flex;align-items:center;gap:.25rem}.quick-body-colors button,.quick-body-colors__custom{position:relative;display:grid;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;place-items:center;overflow:hidden;border:1px solid var(--ui-line, #d3dbe1);border-radius:.35rem;background:var(--ui-base, #fff);box-shadow:none}.quick-body-colors button:before{width:1.2rem;height:1.2rem;border:1px solid #9aa4ad;border-radius:50%;background:var(--body-color);content:""}.quick-body-colors button:first-child:before{background:linear-gradient(90deg,#111318 50%,#fff 50%)}.quick-body-colors button[aria-pressed=true]{border-color:var(--ip-black);box-shadow:inset 0 -3px 0 var(--ip-lime)}.quick-body-colors__custom input{width:100%;height:100%;padding:.18rem;border:0;background:var(--ui-base, #fff)}.quick-contrast{padding:.15rem .38rem;color:#355800;border-radius:.3rem;background:#eaff8a;font-family:var(--font-mono);font-size:.58rem;font-weight:900;white-space:nowrap}.workbench{display:grid;grid-template-columns:minmax(22rem,42fr) minmax(30rem,58fr);width:100%;min-height:0;flex:1;margin-inline:auto;overflow:hidden;background:var(--ui-base, #fff)}.workbench-stage{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--ui-base, #fff)}.editor-stage{border-right:1px solid var(--ui-line, #d8dee3)}.preview-stage{background:var(--ui-soft, #f4f7f2)}.stage-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:3.75rem;flex:none;align-items:center;gap:.75rem;padding:.45rem 1rem;border-bottom:3px solid var(--ui-accent);background:#fff}.stage-number{display:none}.stage-heading>div:not(.stage-heading__actions){display:flex;align-items:baseline;gap:1rem}.stage-heading h2{margin:0;color:#111318;font-size:1.05rem;font-weight:950;line-height:1.15}.stage-heading p{order:-1;margin:0;color:var(--ui-third);font-family:var(--font-mono);font-size:.6rem;font-weight:850;letter-spacing:.1em}.stage-heading__actions{min-width:0;justify-self:end}.stage-action-row{display:flex;min-width:0;align-items:center;gap:.55rem}.stage-action-button{min-height:2.75rem;padding:.45rem .85rem;color:var(--ui-on-accent, var(--punk-blue));border:0;border-radius:.5rem;background:var(--punk-yellow);box-shadow:0 4px 0 var(--ip-black);font-size:.78rem;font-weight:900;white-space:nowrap}.stage-action-button--copy{min-width:8.5rem}.stage-action-button:hover:not(:disabled){box-shadow:0 5px 0 var(--ip-black);transform:translateY(-1px)}.stage-action-button:active:not(:disabled){box-shadow:0 1px 0 var(--ip-black);transform:translateY(3px)}.stage-action-button[data-state=success]{color:#fff;background:var(--status-success);box-shadow:0 4px #23543f}.stage-action-button[data-state=error]{color:#fff;background:var(--status-error);box-shadow:0 4px #762323}.workbench-stage__body{min-height:0;flex:1;overflow:auto;scrollbar-color:#9aa4ad transparent;scrollbar-width:thin}.preview-stage__body{padding:0 1.2rem 2rem;background-color:var(--ui-soft, #f3f6f1);background-image:radial-gradient(circle,color-mix(in srgb,var(--ui-third, #159bff) 24%,transparent) 1px,transparent 1.3px);background-size:1rem 1rem}.workbench[data-focus-preview=true]{grid-template-columns:minmax(0,var(--preview-max-width));justify-content:center;background:var(--ui-soft, #eff3ee)}.workbench[data-focus-preview=true] .editor-stage{display:none}.workbench[data-focus-preview=true] .preview-stage{box-shadow:0 12px 32px #16324a26}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.panel-heading h2{margin:0;font-family:var(--font-editorial);font-size:var(--font-size-md)}.panel-kicker{margin:0 0 var(--space-1);color:var(--action-primary);font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.12em}.panel-kicker__index{display:inline-grid;min-width:1.5rem;min-height:1.5rem;margin-right:var(--space-2);place-items:center;color:var(--punk-ink);border:1px solid var(--punk-ink);background:var(--punk-yellow)}.settings-panel{display:grid;grid-template-columns:17rem minmax(16rem,1fr) minmax(14rem,.9fr);gap:var(--space-4)}.settings-panel>.panel-heading{grid-column:1 / -1}.settings-panel>.settings-assistant-card{grid-column:1;grid-row:2 / 4;align-self:start}.settings-panel>.settings-group:nth-of-type(1){grid-column:2 / 4}.settings-panel>.settings-group:nth-of-type(2){grid-column:2}.settings-panel>.settings-group:nth-of-type(3){grid-column:3}.settings-assistant-card{display:grid;grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-line, #d5dce1);border-radius:.7rem;background:var(--ui-soft, #fbffe9);box-shadow:0 8px 20px #11131814}.settings-assistant-card__avatar{display:block;width:3.5rem;height:3.5rem;object-fit:cover;border:2px solid var(--punk-yellow);border-radius:.5rem;background:var(--punk-paper);image-rendering:pixelated}.settings-assistant-card__copy strong{color:var(--punk-blue);font-size:1rem}.settings-assistant-card__copy p{margin:0}.settings-assistant-card__copy>p:last-child{margin-top:.15rem;color:var(--punk-ink);font-size:var(--font-size-xs);font-weight:700}.settings-assistant-card__kicker{color:var(--punk-ink);font-family:var(--font-mono);font-size:.625rem;font-weight:900;letter-spacing:.08em}.settings-group{overflow:hidden;border:1px solid var(--ui-line, #d5dce1);border-radius:.65rem;background:#fff}.settings-group__kicker{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);color:var(--punk-paper);border-bottom:1px solid var(--ui-line, #d5dce1);background:var(--punk-blue);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:900;letter-spacing:.06em}.settings-group__index{display:inline-grid;width:1.75rem;height:1.5rem;place-items:center;color:var(--punk-blue);border-radius:50%;background:var(--punk-yellow)}.settings-group__controls{display:grid;gap:var(--space-4);padding:var(--space-3)}.settings-group .settings-control{padding-top:var(--space-3)}.settings-fieldset{min-width:0;margin:0;padding:0;border:0}.settings-fieldset legend,.settings-control>span{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:650}.settings-control{display:block;padding-top:var(--space-4);border-top:1px solid var(--border-default)}.settings-control output{color:var(--action-primary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.settings-control select{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff}.settings-control input[type=range]{width:100%;accent-color:var(--action-primary)}.settings-control input[type=color]{width:100%;height:2.75rem;padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff}.color-presets{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-2)}.color-swatch{position:relative;box-sizing:border-box;width:46px;min-width:46px;height:46px;min-height:46px;flex:0 0 46px;padding:0;border:3px solid #fff;border-radius:.35rem;box-shadow:0 0 0 1px var(--border-default)}.color-swatch--electric{background:#1479c9}.color-swatch--graphite{background:#111318}.color-swatch--acid{background:#6f8400}.color-swatch--amber{background:#d97706}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg-paper),0 0 0 4px var(--text-primary)}.color-swatch[aria-pressed=true]:after{position:absolute;inset:0;display:grid;place-items:center;color:#fff;content:"✓";font-weight:800}.color-input-label{position:relative;display:grid;box-sizing:border-box;width:46px;min-width:46px;height:46px;min-height:46px;flex:1 1 6rem;place-items:center;color:var(--text-secondary);border:1px dashed var(--border-emphasis);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer}.color-input-label input{position:absolute;width:1px;height:1px;opacity:0}.editor-panel{position:relative;display:flex;flex-direction:column;height:100%;min-height:0}.editor-panel>.panel-heading{flex:none;min-height:3.25rem;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default);background:#fffdf7a3}.editor-heading>div{display:none}.editor-heading:before{color:var(--punk-blue);content:"RAW MARKDOWN / 本地自动保存";font-family:var(--font-mono);font-size:.625rem;font-weight:900;letter-spacing:.08em}.editor-actions{display:flex;gap:var(--space-2)}.editor-actions button{min-height:2.75rem;padding:var(--space-1) var(--space-3);color:var(--text-secondary);background:transparent;font-size:var(--font-size-sm)}.markdown-source{display:block;flex:1;width:100%;min-height:18rem;resize:none;padding:1.8rem 2rem;color:var(--article-text, var(--text-primary));border:0;border-radius:0;outline:0;background:#fff;font-family:var(--font-mono);font-size:.96rem;line-height:1.9;tab-size:2}.markdown-source:focus{box-shadow:inset 3px 0 0 var(--focus-ring)}.writing-brand-bubble{display:none;flex:none;align-items:center;justify-content:space-between;min-height:2.25rem;padding:0 var(--space-4);color:var(--punk-ink);border-top:2px solid var(--punk-ink);background:var(--punk-yellow);font-size:var(--font-size-xs);font-weight:750}.writing-brand-bubble__label{font-family:var(--font-mono);font-size:.625rem;font-weight:950;letter-spacing:.12em}.writing-brand-bubble__message{color:var(--punk-blue)}.editor-status{display:flex;flex:none;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-top:1px solid var(--ui-line, #d8dee3);background:#fff;font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden}.article-stats{display:flex;min-width:0;flex-wrap:nowrap;gap:var(--space-3);margin:0;overflow:hidden}.article-stats div{display:flex;gap:var(--space-1)}.article-stats dt:after{content:":"}.article-stats dd{margin:0;color:var(--text-primary);font-family:var(--font-mono)}.article-stats .code-status{min-width:0;color:var(--ip-blue);font-weight:800;overflow:hidden;text-overflow:ellipsis}.save-status,.editor-status [role=alert]{margin:0}.save-status{display:inline-flex;flex:none;align-items:center;margin-left:auto}.save-status:before{width:.5rem;height:.5rem;margin-right:.4rem;border-radius:50%;background:#66707b;content:""}.save-status--dirty:before,.save-status--saving:before{background:var(--ip-blue)}.save-status--saved:before{background:#21875a}.save-status--error:before{background:var(--status-error)}.editor-status [role=alert]{flex-basis:100%}.editor-status [role=alert],.render-warning{color:var(--status-error)}.preview-panel{min-height:100%}.preview-panel>.panel-heading{display:none}.preview-panel>.preview-paper{width:100%;max-width:var(--preview-max-width);min-height:100%;margin-inline:auto;border:0;border-top:4px solid var(--ip-lime);background:var(--ui-base, #fff);box-shadow:0 8px 28px #1113181f;transition:max-width var(--motion-slow) var(--ease-standard)}.preview-brand-chrome{display:flex;min-height:3.75rem;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--punk-blue);border-bottom:1px solid var(--ui-line, #d8dee3);background:var(--ui-base, #fff)}.preview-brand-chrome__byline{display:inline-flex;align-items:center;gap:var(--space-2)}.preview-brand-chrome__avatar{display:block;width:2.6rem;height:2.6rem;object-fit:cover;border:2px solid var(--punk-yellow);background:var(--punk-paper);image-rendering:pixelated}.preview-brand-chrome__author{display:grid;line-height:1.25}.preview-brand-chrome__author strong{color:var(--punk-blue);font-size:var(--font-size-sm)}.preview-brand-chrome__author small{color:var(--text-secondary);font-family:var(--font-mono);font-size:.625rem}.preview-brand-chrome__original{padding:.2rem .55rem;color:var(--ip-black);border:1px solid var(--ip-black);background:var(--ip-lime);font-family:var(--font-mono);font-size:.58rem;font-weight:900;letter-spacing:.08em}.preview-panel>.preview-paper--mobile{max-width:23.4375rem}.wechat-article{min-height:28rem;padding:clamp(1.5rem,5vw,3rem);color:var(--article-text, var(--text-primary));background:var(--ui-base, var(--bg-paper))}.preview-article-end{display:grid;grid-template-columns:minmax(2rem,1fr) auto minmax(2rem,1fr);align-items:center;gap:var(--space-3);padding:0 var(--space-12) var(--space-8);color:#9aa3aa}.preview-article-end span{height:1px;background:#d7dce0}.preview-article-end i{font-family:var(--font-mono);font-size:.58rem;font-style:normal;font-weight:800;letter-spacing:.18em}.wechat-article-header{padding-bottom:var(--space-6);border-bottom:0}.wechat-article-header h1{margin:0;padding:0;font-family:var(--font-editorial);font-size:25px;font-weight:900;line-height:1.45;letter-spacing:.025em;color:var(--ui-primary, var(--text-primary));text-align:center}.wechat-article-title-underline{display:block;width:36px;height:5px;margin:15px auto 24px;border-radius:1px;background:var(--ui-accent, var(--ip-lime))}.wechat-article-header p{display:flex;gap:var(--space-3);margin:var(--space-3) 0 0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.wechat-article-body{padding-top:var(--space-4);overflow-wrap:anywhere}.render-warning{margin:var(--space-3) 0 0;padding:var(--space-3);border:1px solid rgb(163 50 40 / 28%);background:#f3ded78c;font-size:var(--font-size-sm)}.viewport-switcher{display:inline-grid;grid-template-columns:1fr 1fr;padding:.1875rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#d8cebf61}.viewport-switcher button{min-width:2.75rem;min-height:2.75rem;padding:.25rem var(--space-3);color:var(--text-secondary);border:0;background:transparent;font-size:var(--font-size-xs)}.viewport-switcher button[aria-pressed=true]{color:var(--text-primary);background:#fff;box-shadow:0 1px 3px #3b2d1f24}.preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.preview-edit-button,.preview-reset-button{min-height:2.75rem;padding:.35rem .7rem;border:1px solid var(--ui-line);background:var(--ui-base);box-shadow:none;font-size:.72rem}.preview-edit-button[aria-pressed=true]{color:var(--ui-on-primary, #fff);border-color:var(--ui-primary);background:var(--ui-primary);box-shadow:inset 0 -3px 0 var(--ui-accent)}.preview-reset-button{color:#8f2d27}.preview-edit-status{padding:.28rem .48rem;color:var(--ui-primary);border-radius:999px;background:color-mix(in srgb,var(--ui-accent) 28%,#fff);font-family:var(--font-mono);font-size:.58rem;font-weight:900;white-space:nowrap}.wechat-preview-editing [contenteditable=true]{cursor:text;border-radius:.12rem;outline:0;caret-color:var(--ui-third);box-shadow:inset 0 -2px 0 transparent;transition:box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.wechat-preview-editing [contenteditable=true]:hover:not(:focus){background:color-mix(in srgb,var(--ui-accent) 4%,transparent);box-shadow:inset 0 -2px color-mix(in srgb,var(--ui-third) 28%,transparent)}.wechat-preview-editing [contenteditable=true]:focus,.wechat-preview-editing [contenteditable=true]:focus-visible{outline:0;background:color-mix(in srgb,var(--ui-accent) 6%,transparent);box-shadow:inset 0 -4px 0 var(--ui-accent)!important}.wechat-preview-editing [contenteditable=true]::selection{color:var(--ui-primary);background:color-mix(in srgb,var(--ui-accent) 52%,#fff)}.wechat-preview-editing .wechat-article-body[contenteditable=true]:focus,.wechat-preview-editing .wechat-article-body[contenteditable=true]:focus-visible{background:transparent;box-shadow:none!important}.wechat-preview-editing .wechat-article-body :is(h2,h3,h4,p,blockquote,li,th,td,pre){border-radius:.12rem;cursor:text;transition:background-color var(--motion-fast) var(--ease-standard)}.wechat-preview-editing .wechat-article-body :is(h2,h3,h4,p,blockquote,li,th,td,pre):hover{background-color:color-mix(in srgb,var(--ui-accent) 6%,transparent)!important}.mobile-pane-tabs{display:none}.settings-drawer-layer{position:fixed;z-index:60;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#16324a6b;animation:overlay-in var(--motion-normal) var(--ease-standard)}.settings-drawer{display:flex;width:min(70rem,calc(100vw - 3rem));height:min(88dvh,52rem);flex-direction:column;overflow:hidden;border:2px solid var(--ui-line, #c9d1d8);border-radius:1rem;background:var(--ui-base, #fff);box-shadow:0 24px 70px #11131847;animation:modal-in var(--motion-slow) var(--ease-standard)}.settings-drawer__header{display:flex;min-height:4.4rem;flex:none;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:2px solid var(--punk-yellow);background:#fff}.settings-drawer__header>div{display:flex;align-items:center;gap:.75rem}.settings-drawer__header h2{margin:0;color:#18364f;font-size:1.25rem;font-weight:900}.settings-drawer__header .stage-number{display:inline-grid;width:2rem;height:2rem;place-items:center;color:#fff;border-radius:50%;background:var(--punk-blue)}.settings-drawer__body{flex:1;min-height:0;padding:1.25rem;overflow:auto;background:var(--ui-soft, #f5f7f4)}.settings-drawer__footer{padding:.75rem 1.25rem;border-top:1px solid var(--ui-line, #d5dce1);background:#fff}.drawer-restore-button{width:100%;color:#fff;border:0;background:var(--punk-blue);box-shadow:0 4px #000}.icon-button{display:grid;width:2.75rem;min-width:2.75rem;padding:0;place-items:center;color:var(--punk-blue);border:2px solid var(--punk-blue);border-radius:50%;background:var(--punk-yellow);font-size:1.5rem;line-height:1}.toast-viewport{position:fixed;z-index:80;right:1.5rem;bottom:1.5rem;width:min(24rem,calc(100vw - 2rem));pointer-events:none}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:1rem;border:1px solid var(--ui-line, #c7d0d7);border-radius:.65rem;background:var(--ui-base, #fff);box-shadow:0 14px 36px #1113182e;animation:toast-in var(--motion-slow) var(--ease-standard);pointer-events:auto}.toast[data-kind=success]{border-left:6px solid var(--status-success)}.toast[data-kind=error]{border-left:6px solid var(--status-error)}.toast[data-kind=info]{border-left:6px solid var(--action-primary)}.toast__mark{width:.625rem;height:.625rem;margin-top:.375rem;border-radius:50%;background:var(--color-ink-muted)}.toast[data-kind=success] .toast__mark{background:var(--status-success)}.toast[data-kind=error] .toast__mark{background:var(--status-error)}.toast[data-kind=info] .toast__mark{background:var(--action-primary)}.toast__content{display:flex;flex-direction:column;gap:.25rem}.toast__content span{color:var(--text-secondary);font-size:var(--font-size-sm)}.toast button{width:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;border:0;background:transparent;box-shadow:none;font-size:1.25rem}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(1rem) scale(.985)}}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)}}@media(max-width:95.99em){.brand-lockup__slogan,.brand-lockup__divider{display:none}}@media(max-width:79.99em){.app-header__main{padding-inline:1rem}.studio-toolbar{gap:.75rem;padding-inline:.75rem}.toolbar-button--assistant{display:none}.quick-control{padding-inline:.65rem}.quick-control input[type=range]{width:5rem}.quick-control--color:nth-child(5){display:none}}@media(max-width:63.99em){.brand-lockup__text strong{font-size:1.35rem}.studio-toolbar__actions{gap:.4rem}.toolbar-button{padding-inline:.7rem}.quick-control--range:nth-child(2),.quick-control--color{display:none}.preview-stage__body{padding-inline:.75rem}.global-brand-trigger{min-width:3rem;padding-inline:.45rem}.global-brand-trigger span{display:none}}@media(max-width:55.99em){:root{--header-height: 4.35rem;--toolbar-height: 3.65rem;--mobile-tabs-height: 3.2rem}.app-header__main{grid-template-columns:minmax(0,1fr) auto;min-height:var(--header-height);gap:.35rem .75rem;padding-bottom:.5rem}.brand-lockup__avatar{width:3rem;height:3rem}.brand-lockup__text strong{font-size:1.2rem}.header-actions{display:flex}.header-button{display:none}.platform-nav{grid-column:1 / -1;grid-row:2;width:calc(100% + 2rem);margin:0 -1rem -.5rem;padding:.38rem 1rem .5rem;border-top:1px solid var(--ui-line);background:color-mix(in srgb,var(--ui-soft) 68%,#fff)}.platform-nav__track{box-shadow:2px 2px 0 var(--ui-third)}.platform-nav button{min-width:7.5rem}.studio-toolbar{grid-template-columns:minmax(0,1fr);min-height:var(--toolbar-height);padding-block:.35rem}.studio-toolbar__actions{justify-content:center}.studio-toolbar__controls{display:none}.toolbar-button{flex:1 1 0;max-width:14rem}.toolbar-button--assistant{display:inline-flex}.mobile-pane-tabs{display:grid;grid-template-columns:1fr 1fr;height:var(--mobile-tabs-height);flex:none;padding:.2rem .75rem 0;border-bottom:1px solid var(--ui-line, #d2d9de);background:var(--ui-base, #fff)}.mobile-pane-tabs button{min-height:2.75rem;color:#66707b;border:0;border-bottom:4px solid transparent;border-radius:0;background:transparent;box-shadow:none}.mobile-pane-tabs button span{margin-right:.4rem;color:var(--punk-blue);font-family:var(--font-mono);font-size:.62rem}.mobile-pane-tabs button[aria-selected=true]{color:var(--punk-blue);border-bottom-color:var(--punk-yellow);background:var(--ui-soft, #f4f7f2)}.workbench{grid-template-columns:minmax(0,1fr)}.editor-stage,.preview-stage{border:0}.stage-heading{min-height:3.6rem;padding:.35rem .75rem}.stage-heading p{display:none}.stage-heading h2{font-size:1rem}.stage-number,.viewport-switcher,.stage-action-button--focus{display:none}.stage-action-button--copy{min-width:7.5rem}.preview-stage__body{padding:0 .5rem 1rem}.markdown-source{padding:1.25rem 1rem}.editor-status{gap:.5rem;padding-inline:.75rem}.article-stats{gap:.6rem}.article-stats .code-status{display:none}.settings-drawer-layer{align-items:flex-end;padding:0}.settings-drawer{width:100%;height:min(85dvh,48rem);border:0;border-top:2px solid var(--punk-blue);border-radius:1rem 1rem 0 0;animation-name:drawer-up}.settings-panel{grid-template-columns:minmax(0,1fr)}.settings-panel>.panel-heading,.settings-panel>.settings-assistant-card,.settings-panel>.settings-group:nth-of-type(1),.settings-panel>.settings-group:nth-of-type(2),.settings-panel>.settings-group:nth-of-type(3){grid-column:1;grid-row:auto}}@media(max-width:31.99em){.app-header__main{padding-inline:.55rem}.brand-lockup{gap:.45rem}.brand-lockup__avatar{width:2.65rem;height:2.65rem}.brand-lockup__text strong{font-size:1.05rem}.brand-lockup__kicker{display:none}.platform-nav{width:calc(100% + 1.1rem);margin-inline:-.55rem;padding-inline:.55rem}.platform-nav button{min-width:7rem;min-height:2.75rem;padding-inline:.45rem}.global-brand-popover{position:fixed;top:4.6rem;right:.5rem}.brand-lockup__kicker{font-size:.5rem}.toolbar-button{font-size:.72rem}.stage-action-button--copy{min-width:6.8rem;padding-inline:.55rem}.wechat-article{padding:1.5rem 1rem 3rem}.preview-brand-chrome__badge{display:none}.toast-viewport{right:1rem;bottom:1rem}}@keyframes drawer-up{0%{transform:translateY(100%)}}.tool-modal-layer{position:fixed;z-index:90;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#11131885;animation:overlay-in var(--motion-normal) var(--ease-standard)}.studio-modal{position:relative;width:min(70rem,calc(100vw - 3rem));max-height:min(84dvh,48rem);overflow:auto;border:2px solid var(--ui-line, #c9d1d8);border-radius:1rem;background:var(--ui-base, #fff);box-shadow:0 28px 80px #1113184d;animation:modal-in var(--motion-slow) var(--ease-standard)}.studio-close{position:sticky;z-index:3;top:1rem;float:right;display:grid;width:3rem;min-width:3rem;height:3rem;margin:1rem 1rem -4rem 0;padding:0;place-items:center;color:var(--ip-black);border:2px solid var(--ip-black);border-radius:50%;background:var(--ip-lime);box-shadow:0 4px 0 var(--ip-black)}.studio-close svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.studio-close:active{box-shadow:none;transform:translateY(4px)}.palette-studio{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:1.25rem}.palette-studio__intro{padding:1.4rem}.tool-eyebrow,.palette-studio__intro>span{color:var(--ip-blue);font-family:var(--font-mono);font-size:.68rem;font-weight:900;letter-spacing:.13em}.palette-studio__intro h3{margin:.7rem 0;color:var(--ip-black);font-size:1.55rem}.palette-studio__intro>p{margin:0;color:#66707b;line-height:1.8}.palette-ip-preview{margin-top:1.5rem}.palette-ip-preview__eyebrow{color:#66707b;font-family:var(--font-mono);font-size:.58rem}.palette-ip-preview__card{display:flex;align-items:flex-end;gap:.8rem;margin-top:.5rem;padding:1rem;color:var(--palette-primary);border:1px solid var(--palette-primary);border-radius:.65rem;background:#fff;box-shadow:0 8px 20px #11131814}.palette-ip-preview__card img{width:4.4rem;height:4.4rem;object-fit:cover;image-rendering:pixelated}.palette-ip-preview__card p{display:flex;align-items:baseline;gap:.5rem;margin:0;padding-bottom:.35rem;border-bottom:.45rem solid var(--palette-action)}.palette-ip-preview__card b{color:var(--palette-accent);font-family:var(--font-mono);font-size:1.2rem}.palette-ip-preview__path{color:#66707b;font-size:.68rem;font-weight:750}.palette-studio__workbench{display:grid;gap:1rem}.palette-studio__section{overflow:hidden;border:1px solid var(--ui-line, #d5dce1);border-radius:.75rem;background:#fff}.palette-studio__section-heading{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border-bottom:1px solid var(--ui-line, #dce2e6);background:var(--ui-soft, #f5f7f4)}.palette-studio__section-heading>span{display:grid;width:2rem;height:2rem;place-items:center;color:var(--ip-lime);border-radius:50%;background:var(--ip-black);font-family:var(--font-mono);font-size:.62rem;font-weight:900}.palette-studio__section-heading h4,.palette-studio__section-heading p{margin:0}.palette-studio__section-heading h4{font-size:.9rem}.palette-studio__section-heading p{color:#7a858e;font-size:.66rem}.palette-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;padding:.8rem}.palette-preset{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;min-height:4.25rem;align-items:center;gap:.55rem;padding:.5rem;text-align:left}.palette-preset.active{border-color:var(--ip-black);box-shadow:inset 0 -4px 0 var(--ip-lime)}.palette-preset__swatches{display:grid;grid-template-columns:repeat(2,1fr);width:3rem;height:2.4rem;overflow:hidden;border-radius:.3rem}.palette-preset__copy{display:grid;min-width:0}.palette-preset__copy small{overflow:hidden;color:#7a858e;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.palette-preset__check{color:var(--ip-blue);font-weight:900}.palette-color-grid,.palette-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:.9rem}.palette-color-editor,.palette-select-field,.palette-range-field{display:grid;gap:.4rem;color:#5c6670;font-size:.72rem;font-weight:750}.palette-color-editor{align-self:start;padding:.7rem;border:1px solid var(--ui-line, #d3dbe1);border-radius:.6rem;background:#fff}.palette-color-editor__fields{display:grid;grid-template-columns:3rem 2.8rem minmax(0,1fr);min-height:46px;align-items:center;border:1px solid var(--ui-line, #d3dbe1);border-radius:.45rem;overflow:hidden}.palette-color-editor__picker{width:48px;height:46px;padding:.2rem;border:0;box-sizing:border-box}.palette-color-editor__fields small{display:grid;align-self:stretch;place-items:center;color:var(--ip-blue);background:#eef7ff;font-family:var(--font-mono)}.palette-color-editor__hex{width:100%;min-height:46px;border:0;padding:0 .6rem;font-family:var(--font-mono);font-weight:850}.palette-color-editor__roles{margin-top:.35rem}.palette-color-editor__roles summary{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;padding:0 .7rem;border:1px solid var(--ui-line, #d3dbe1);border-radius:.45rem;background:var(--ui-soft, #f5f7f4);cursor:pointer;list-style:none}.palette-color-editor__roles summary:after{color:var(--ui-third);content:"▾";font-size:.8rem}.palette-color-editor__roles[open] summary{border-color:var(--ui-primary);border-radius:.45rem .45rem 0 0}.palette-color-editor__role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.45rem;border:1px solid var(--ui-primary);border-top:0;border-radius:0 0 .45rem .45rem;background:var(--ui-base, #fff)}.palette-color-editor__role-list label{display:flex;min-height:44px;align-items:center;gap:.45rem;padding:.25rem .4rem;color:var(--article-text, #1a1d21);font-size:.68rem;cursor:pointer}.palette-color-editor__role-list input{width:1rem;height:1rem;accent-color:var(--ui-third)}.palette-meta{display:flex;justify-content:space-between;gap:1rem;padding:0 .9rem .9rem;color:#69747d;font-size:.66rem}.palette-meta b{color:var(--ui-third)}.palette-studio__section{container-type:inline-size}.palette-ip-upload{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:.8rem;width:100%;max-width:100%;padding:.9rem;overflow:hidden}.palette-ip-upload>*{min-width:0;max-width:100%}.palette-ip-upload__button{display:grid;grid-template-columns:4.25rem minmax(0,1fr);min-height:5.25rem;align-items:center;gap:.8rem;padding:.5rem .7rem;color:var(--article-text, #1a1d21);border:2px solid var(--ui-primary);border-radius:.35rem;background:#fff;box-shadow:3px 3px 0 var(--ui-primary);text-align:left}.palette-ip-upload__button:hover:not(:disabled){border-color:var(--ui-third);box-shadow:4px 4px 0 var(--ui-primary)}.palette-ip-upload__button img{width:4.25rem;height:4.25rem;object-fit:contain;border:2px solid var(--ui-primary);border-radius:.3rem;background:transparent;image-rendering:auto}.palette-ip-upload__button span{display:grid;gap:.2rem}.palette-ip-upload__button b{color:var(--ui-third);font-size:.86rem}.palette-ip-upload__button small{color:#68737d;font-size:.66rem}.palette-ip-upload__settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;align-items:end;gap:.75rem;padding:.75rem;border:1px solid var(--ui-line, #d3dbe1);border-radius:.45rem;background:var(--ui-soft, #f5f7f4)}.palette-ip-name{display:grid;min-width:0;gap:.35rem;color:#68737d;font-size:.68rem;font-weight:800}.palette-ip-name input{width:100%;min-height:2.75rem;padding:0 .7rem}.palette-ip-toggle{display:grid;gap:.3rem;color:#68737d;font-size:.68rem;font-weight:800}.palette-ip-toggle>div{display:grid;grid-template-columns:1fr 1fr}.palette-ip-toggle button{min-width:4rem;border-radius:0;box-shadow:none}.palette-ip-toggle button.active{color:var(--ui-on-accent);border-color:var(--ui-primary);background:var(--ui-accent);box-shadow:inset 0 -3px 0 var(--ui-primary)}.palette-ip-toggle small{max-width:9rem;color:#7a858e;font-size:.58rem;font-weight:650}.palette-ip-save{width:100%;min-width:0;grid-column:1 / -1;color:var(--ui-on-primary);border-color:var(--ui-primary);background:var(--ui-primary);box-shadow:0 3px 0 var(--ui-accent)}.palette-ip-upload__meta{display:flex;min-width:0;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border:1px solid var(--ui-line, #d3dbe1);border-radius:.45rem;background:var(--ui-soft, #f5f7f4)}.palette-ip-upload__meta p{margin:0;color:#68737d;font-size:.68rem;line-height:1.6}.palette-ip-upload__meta button{flex:none;padding-inline:.8rem;color:var(--ui-on-primary, #fff);border-color:var(--ui-primary);background:var(--ui-primary)}.brand-lockup__avatar,.preview-brand-chrome__avatar,.palette-ip-preview__card img,.ending-postcard img,.onboarding-portrait img{image-rendering:auto}.palette-select-field select{min-height:2.75rem;padding:0 .7rem;border:1px solid var(--ui-line, #d3dbe1);border-radius:.45rem;background:#fff}@container (max-width: 44rem){.palette-ip-upload{grid-template-columns:minmax(0,1fr)}}@container (max-width: 28rem){.palette-ip-upload__settings{grid-template-columns:minmax(0,1fr)}.palette-ip-toggle small{max-width:none}.palette-ip-upload__meta{align-items:stretch;flex-direction:column}.palette-ip-upload__meta button{width:100%}}.palette-range-field__control{display:flex;min-height:2.75rem;align-items:center;gap:.6rem}.palette-range-field input{width:100%;accent-color:var(--ip-blue)}.palette-range-field output{min-width:2.7rem;color:var(--ip-black);font-family:var(--font-mono)}.ending-tool{display:grid;grid-template-columns:24rem minmax(0,1fr);gap:2rem;padding:3rem}.tool-intro>span{color:var(--ip-blue);font-family:var(--font-mono);font-size:.68rem;font-weight:900;letter-spacing:.13em}.tool-intro h2{margin:.8rem 0;font-size:1.65rem}.tool-intro>p{color:#66707b;line-height:1.85}.ending-postcard{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;border:1px solid var(--ui-line, #d5dce1);border-radius:.7rem}.ending-postcard img{width:4.5rem;height:4.5rem;object-fit:cover;image-rendering:pixelated}.ending-postcard span{display:flex;align-items:center;gap:.65rem}.ending-postcard i{color:var(--ip-lime);font-size:1.5rem;font-style:normal}.ending-workbench{padding:1.2rem;border:1px solid var(--ui-line, #d5dce1);border-radius:.8rem;background:var(--ui-soft, #f5f7f4)}.ending-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--ui-line, #d7dde2)}.ending-toolbar>div:first-child{display:grid}.ending-toolbar small{color:#7a858e}.ending-toggle{display:grid;grid-template-columns:1fr 1fr}.ending-toggle button{min-height:2.75rem;border-radius:0}.ending-toggle button.active{color:var(--ip-black);background:var(--ip-lime);box-shadow:inset 0 -3px 0 var(--ip-black)}.ending-editor{display:grid;gap:.6rem;margin-top:1rem}.ending-editor>span{display:flex;justify-content:space-between;gap:1rem}.ending-editor small{color:#7a858e}.ending-editor textarea{min-height:14rem;resize:vertical;padding:1rem;border:1px solid var(--ui-line, #cfd8de);border-radius:.6rem;background:#fff;line-height:1.8}.ending-meta,.ending-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:.75rem}.ending-meta{color:#7a858e;font-size:.7rem}.ending-actions{justify-content:flex-end}.ending-save{min-width:10rem;color:var(--ip-black);border:0;background:var(--ip-lime);box-shadow:0 4px 0 var(--ip-black)}.tool-note{grid-column:2;margin:0;color:#7a858e;font-size:.72rem}.onboarding-letter{display:grid;grid-template-columns:40% 60%;width:min(62rem,calc(100vw - 3rem));height:min(82dvh,46rem);max-height:calc(100dvh - 2rem);overflow:hidden;border-color:var(--ip-black)}.onboarding-close{position:absolute;z-index:5;top:1.25rem;right:1.25rem;float:none;margin:0}.onboarding-letter:before,.onboarding-letter:after{position:absolute;z-index:2;left:0;right:0;height:.55rem;background:repeating-linear-gradient(135deg,var(--ip-lime) 0 1.5rem,#fff 1.5rem 2.2rem,var(--ip-black) 2.2rem 3.7rem,#fff 3.7rem 4.4rem);content:""}.onboarding-letter:before{top:0}.onboarding-letter:after{bottom:0}.onboarding-portrait{position:relative;display:grid;min-width:0;place-items:end center;overflow:hidden;color:#fff;background:var(--ip-black)}.onboarding-portrait:before{position:absolute;width:23rem;height:23rem;border-radius:50%;background:var(--ip-lime);content:""}.onboarding-portrait img{position:relative;z-index:1;width:95%;max-height:78%;object-fit:contain;image-rendering:pixelated}.onboarding-postmark{position:absolute;z-index:2;top:2rem;right:2rem;display:grid;width:5rem;height:5rem;place-items:center;border:2px dashed #fff;border-radius:50%;font-family:var(--font-mono);font-size:.65rem;text-align:center;letter-spacing:.12em}.onboarding-airmail{position:absolute;z-index:2;top:2rem;left:1.5rem;writing-mode:vertical-rl;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em}.onboarding-portrait>div{position:absolute;z-index:2;right:1rem;bottom:1.5rem;left:1rem;padding:.65rem;border-top:1px solid rgb(255 255 255 / 45%)}.onboarding-copy{display:flex;min-width:0;min-height:0;flex-direction:column;justify-content:center;padding:4rem 3rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.onboarding-guide{justify-content:flex-start;padding-top:3rem;padding-bottom:3rem}.onboarding-eyebrow{color:var(--ip-blue);font-family:var(--font-mono);font-size:.68rem;font-weight:900;letter-spacing:.15em}.onboarding-copy h1{margin:.8rem 0 1rem;font-family:Georgia,Songti SC,serif;font-size:2rem}.onboarding-copy h1{overflow-wrap:anywhere}.onboarding-copy p{color:#66707b;line-height:1.9}.onboarding-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.onboarding-primary{min-width:9.5rem;color:var(--ip-black);border:0;background:var(--ip-lime);box-shadow:0 4px 0 var(--ip-black)}.onboarding-skip,.onboarding-back{border:0;background:transparent;box-shadow:none}.onboarding-progress-row,.onboarding-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.onboarding-progress-row{padding-right:3.5rem}.onboarding-guide .onboarding-footer{margin-top:auto;padding-top:1rem}.onboarding-footer .onboarding-actions{margin-top:0}.onboarding-progress-row>b{color:var(--ip-black);font-family:var(--font-mono)}.onboarding-guide-visual{display:flex;min-height:7rem;align-items:center;justify-content:center;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid var(--ui-line, #d5dce1);border-radius:.7rem;background:var(--ui-soft, #f5f7f4)}.guide-swatch{width:3rem;height:3rem;border:1px solid var(--ip-black);border-radius:.35rem}.guide-swatch--ink{background:var(--ip-black)}.guide-swatch--lime{background:var(--ip-lime)}.guide-swatch--blue{background:var(--ip-blue)}.onboarding-guide-visual--2{flex-direction:column;align-items:flex-start;font-family:var(--font-mono)}.onboarding-guide-visual--3 b{padding:.5rem .8rem;background:var(--ip-lime)}.onboarding-guide-visual>div{width:100%}.tutorial-ip-flow{display:grid;grid-template-columns:3.5rem auto minmax(6rem,1fr);align-items:center;gap:.8rem}.tutorial-ip-flow img{width:3.5rem;height:3.5rem;object-fit:cover;border:2px solid var(--ip-black);border-radius:.35rem;background:var(--ip-lime)}.tutorial-ip-flow>span{display:grid;grid-template-columns:repeat(4,1fr);height:2.5rem;overflow:hidden;border:2px solid var(--ip-black);border-radius:.35rem}.tutorial-ip-flow i:nth-child(1){background:var(--ip-black)}.tutorial-ip-flow i:nth-child(2){background:var(--ip-lime)}.tutorial-ip-flow i:nth-child(3){background:var(--ip-blue)}.tutorial-ip-flow i:nth-child(4){background:var(--ui-base)}.tutorial-color-flow{display:flex;min-height:4rem;align-items:center;justify-content:center;gap:.75rem}.tutorial-color-flow>span{display:grid;width:2.75rem;height:2.75rem;place-items:center;color:var(--ui-on-primary);border:2px solid var(--ip-black);border-radius:50%;background:var(--ip-blue);font-size:1.25rem}.tutorial-color-flow code{padding:.55rem .7rem;color:var(--ip-blue);border:2px solid var(--ip-black);background:var(--ui-base);font-family:var(--font-mono);font-weight:900}.tutorial-color-flow b{padding:.6rem .8rem;border:2px solid var(--ip-black);background:var(--ip-lime)}.tutorial-import-flow{display:flex;align-items:center;justify-content:center;gap:1rem}.tutorial-import-flow span{display:grid;width:3.5rem;height:3.5rem;place-items:center;border:2px solid var(--ip-black);background:var(--ui-base);font-family:var(--font-mono);font-weight:900}.tutorial-import-flow span:last-child{color:var(--ui-on-primary);background:var(--ip-blue)}.tutorial-import-flow b{color:var(--ip-blue);font-size:1.4rem}.tutorial-publish-flow{display:flex;align-items:center;justify-content:center;gap:.8rem}.tutorial-publish-flow span,.tutorial-publish-flow b{padding:.75rem 1rem;border:2px solid var(--ip-black);border-radius:.35rem;box-shadow:0 4px 0 var(--ip-lime)}.tutorial-publish-flow span{background:var(--ui-base)}.tutorial-publish-flow b{color:var(--ui-on-primary);background:var(--ip-blue)}.tutorial-ending-shot{display:grid;gap:.45rem;padding:.75rem;border:2px solid var(--ip-black);border-radius:.5rem;background:var(--ui-base)}.tutorial-ending-shot>div{display:flex;align-items:center;justify-content:space-between}.tutorial-ending-shot>div span{padding:.2rem .5rem;color:var(--ui-on-primary);background:var(--ip-blue)}.tutorial-ending-shot p{margin:0;color:var(--article-text);font-weight:800}.tutorial-ending-shot section{display:grid;gap:.3rem}.tutorial-ending-shot section i{height:.35rem;background:var(--ui-line)}.tutorial-ending-shot section i:nth-child(2){width:82%}.tutorial-ending-shot section i:nth-child(3){width:64%}.tutorial-ending-shot>strong{justify-self:end;padding:.35rem .6rem;color:var(--ip-black);background:var(--ip-lime)}.onboarding-guide-note{display:flex;align-items:center;gap:.6rem;font-size:.75rem}.onboarding-guide-note i{width:.55rem;height:.55rem;border-radius:50%;background:var(--ip-lime)}.onboarding-dots{display:flex;gap:.4rem}.onboarding-dots button{position:relative;width:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none}.onboarding-dots button:before{position:absolute;inset:50% auto auto 50%;width:.7rem;height:.7rem;border-radius:50%;background:#cbd2d8;content:"";transform:translate(-50%,-50%)}.onboarding-dots button.active:before{width:1.6rem;border-radius:99px;background:var(--ip-lime)}@media(max-width:55.99em){.tool-modal-layer{align-items:flex-end;padding:0}.studio-modal{width:100%;max-height:88dvh;border-radius:1rem 1rem 0 0}.palette-studio,.ending-tool{grid-template-columns:minmax(0,1fr)}.palette-studio__intro{padding:.5rem}.palette-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-color-grid,.palette-type-grid,.palette-ip-upload,.palette-ip-upload__settings{grid-template-columns:minmax(0,1fr)}.palette-ip-toggle small{max-width:none}.palette-meta{flex-direction:column}.ending-tool{gap:1rem;padding:1.5rem 1rem 2rem}.tool-note{grid-column:1}.onboarding-letter{grid-template-columns:1fr;height:88dvh}.onboarding-letter{grid-template-rows:clamp(8.5rem,30%,14rem) minmax(0,1fr)}.onboarding-portrait{min-height:0}.onboarding-portrait img{width:62%;max-height:90%}.onboarding-copy{height:100%;min-height:0;padding:2rem 1.5rem 2.5rem}.onboarding-guide .onboarding-footer{position:sticky;z-index:3;bottom:0;padding-block:.75rem;background:var(--ui-base, #fff)}.onboarding-footer .onboarding-actions{margin-top:0}}@media(max-width:26em){.onboarding-footer{align-items:stretch;flex-direction:column}.onboarding-guide .onboarding-footer{position:static}.onboarding-dots{justify-content:center}.onboarding-footer .onboarding-actions{justify-content:space-between}.onboarding-primary{min-width:0}.tutorial-ip-flow{grid-template-columns:3rem minmax(0,1fr)}.tutorial-ip-flow img{width:3rem;height:3rem}.tutorial-ip-flow>span{grid-column:1 / -1}.tutorial-color-flow,.tutorial-publish-flow{flex-wrap:wrap;gap:.45rem}.onboarding-guide-visual{min-height:6rem;padding:.75rem}}.app-canvas :is(.quick-control select,.settings-control select,.palette-select-field select,.palette-ip-name input,.ending-editor textarea){min-height:2.75rem;color:var(--article-text, #111318);border:2px solid var(--ui-primary, #111318);border-radius:.25rem;outline:0;background-color:var(--ui-base, #fff);box-shadow:3px 3px 0 var(--ui-primary, #111318);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.app-canvas :is(.quick-control select,.settings-control select,.palette-select-field select){appearance:none;padding-right:2.35rem;background-image:linear-gradient(45deg,transparent 50%,var(--ui-primary, #111318) 50%),linear-gradient(135deg,var(--ui-primary, #111318) 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .7rem) 50%;background-repeat:no-repeat;background-size:.35rem .35rem;cursor:pointer}.app-canvas :is(.quick-control select,.settings-control select,.palette-select-field select,.palette-ip-name input,.ending-editor textarea):hover:not(:disabled){border-color:var(--ui-third, #168cff);box-shadow:4px 4px 0 var(--ui-primary, #111318)}.app-canvas :is(.quick-control select,.settings-control select,.palette-select-field select,.palette-ip-name input,.ending-editor textarea):focus-visible{border-color:var(--ui-primary, #111318);outline:3px solid var(--ui-third, #168cff);outline-offset:3px;box-shadow:3px 3px 0 var(--ui-primary, #111318)}.app-canvas :is(.quick-control select,.settings-control select,.palette-select-field select):active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ui-primary, #111318)}.app-canvas :is(input,select,textarea):disabled{cursor:not-allowed;opacity:.48}.app-canvas textarea::placeholder,.app-canvas input[type=text]::placeholder{color:color-mix(in srgb,var(--article-text, #111318) 58%,var(--ui-base, #fff));opacity:1}.ending-editor textarea{caret-color:var(--ui-third, #168cff)}.palette-color-editor__fields{border:2px solid var(--ui-primary, #111318);border-radius:.25rem;box-shadow:3px 3px 0 var(--ui-primary, #111318);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.palette-color-editor__fields:hover{border-color:var(--ui-third, #168cff)}.palette-color-editor__fields:focus-within{border-color:var(--ui-primary, #111318);outline:3px solid var(--ui-third, #168cff);outline-offset:3px;box-shadow:3px 3px 0 var(--ui-primary, #111318)}.palette-color-editor__hex{color:var(--article-text, #111318);outline:0;background:#fff;caret-color:var(--ui-third, #168cff)}.palette-color-editor__picker:focus-visible,.palette-color-editor__hex:focus-visible{outline:0}.app-canvas :is(.quick-control,.settings-control,.palette-range-field) input[type=range]{width:100%;min-height:2.75rem;margin:0;appearance:none;outline:0;background:transparent;cursor:pointer}.app-canvas :is(.quick-control,.settings-control,.palette-range-field) input[type=range]:focus-visible{outline:3px solid var(--ui-third, #168cff);outline-offset:1px}.app-canvas input[type=range]::-webkit-slider-runnable-track{height:.5rem;border:2px solid var(--ui-primary, #111318);border-radius:0;background:var(--ui-soft, #eef2ec)}.app-canvas input[type=range]::-webkit-slider-thumb{width:1.5rem;height:1.5rem;margin-top:-.62rem;appearance:none;border:2px solid var(--ui-primary, #111318);border-radius:.15rem;background:var(--ui-accent, #c8ff00);box-shadow:2px 2px 0 var(--ui-primary, #111318);transition:background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.app-canvas input[type=range]::-moz-range-track{height:.3rem;border:2px solid var(--ui-primary, #111318);border-radius:0;background:var(--ui-soft, #eef2ec)}.app-canvas input[type=range]::-moz-range-progress{height:.3rem;border:2px solid var(--ui-primary, #111318);background:var(--ui-third, #168cff)}.app-canvas input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:2px solid var(--ui-primary, #111318);border-radius:.15rem;background:var(--ui-accent, #c8ff00);box-shadow:2px 2px 0 var(--ui-primary, #111318)}.app-canvas input[type=range]:hover:not(:disabled)::-webkit-slider-thumb,.app-canvas input[type=range]:hover:not(:disabled)::-moz-range-thumb{background:var(--ui-third, #168cff)}.app-canvas input[type=range]:active:not(:disabled)::-webkit-slider-thumb,.app-canvas input[type=range]:active:not(:disabled)::-moz-range-thumb{transform:scale(.9)}.app-canvas :is(.quick-control input[type=color],.settings-control input[type=color],.palette-color-editor__picker,.quick-body-colors__custom input[type=color]){min-width:2.75rem;min-height:2.75rem;appearance:none;padding:3px;border:2px solid var(--ui-primary, #111318);border-radius:.25rem;background:var(--ui-base, #fff);cursor:pointer}.app-canvas input[type=color]::-webkit-color-swatch-wrapper{padding:0}.app-canvas input[type=color]::-webkit-color-swatch,.app-canvas input[type=color]::-moz-color-swatch{border:0;border-radius:0}.quick-body-colors__custom:focus-within,.color-input-label:focus-within{border-color:var(--ui-primary, #111318);outline:3px solid var(--ui-third, #168cff);outline-offset:3px;box-shadow:3px 3px 0 var(--ui-primary, #111318)}.quick-body-colors__custom input[type=color]:focus-visible,.color-input-label input[type=color]:focus-visible{outline:0}.palette-color-editor__role-list input[type=checkbox]{width:1.25rem;height:1.25rem;flex:0 0 1.25rem;appearance:none;border:2px solid var(--ui-primary, #111318);border-radius:.12rem;background:var(--ui-base, #fff);box-shadow:2px 2px 0 var(--ui-primary, #111318);cursor:pointer}.palette-color-editor__role-list input[type=checkbox]:checked{background:var(--ui-accent, #c8ff00);box-shadow:inset 0 0 0 3px var(--ui-base, #fff),2px 2px 0 var(--ui-primary, #111318)}.palette-color-editor__role-list input[type=checkbox]:focus-visible{outline:3px solid var(--ui-third, #168cff);outline-offset:3px}.markdown-source:focus-visible{outline:3px solid var(--ui-third, #168cff);outline-offset:-3px;box-shadow:inset 5px 0 0 var(--ui-accent, #c8ff00)}@media(pointer:coarse){.app-canvas :is(.quick-control,.settings-control,.palette-range-field) input[type=range]{min-height:3rem}.app-canvas input[type=range]::-webkit-slider-thumb{width:1.75rem;height:1.75rem;margin-top:-.75rem}.app-canvas input[type=range]::-moz-range-thumb{width:1.5rem;height:1.5rem}}.xhs-studio{background:var(--ui-soft)}.xhs-commandbar{display:flex;min-height:4.15rem;flex:none;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem clamp(.75rem,2vw,1.75rem);color:#fff;border-bottom:4px solid var(--ui-accent);background:#111318}.xhs-commandbar>div:first-child{display:flex;align-items:baseline;gap:.75rem}.xhs-commandbar span{color:var(--ui-accent);font-family:var(--font-mono);font-size:.65rem;font-weight:900;letter-spacing:.12em}.xhs-commandbar strong{font-size:1rem}.xhs-commandbar small{color:#aab2ba;font-size:.7rem}.xhs-commandbar__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.xhs-commandbar__actions button{min-height:2.75rem;padding:.45rem .9rem;color:var(--ui-on-accent, #111318);border:0;background:var(--ui-accent);box-shadow:0 3px 0 var(--ui-third);font-size:.75rem}.xhs-workbench{display:grid;grid-template-columns:minmax(15rem,19rem) minmax(24rem,1fr) minmax(19rem,23rem);min-height:0;flex:1;overflow:hidden;background:var(--ui-soft)}.xhs-source-pane,.xhs-edit-pane,.xhs-preview-pane{min-width:0;min-height:0}.xhs-source-pane{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--ui-line);background:var(--ui-base)}.xhs-pane-section{display:flex;min-height:0;flex-direction:column;padding:.9rem}.xhs-pane-section>header,.xhs-edit-pane__head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.xhs-pane-section>header>div,.xhs-edit-pane__head>div{display:flex;align-items:center;gap:.55rem}.xhs-pane-section>header span,.xhs-edit-pane__head span{display:grid;width:1.7rem;height:1.7rem;place-items:center;color:var(--ui-on-primary, #fff);border-radius:50%;background:var(--ui-primary);font-family:var(--font-mono);font-size:.58rem;font-weight:900}.xhs-pane-section h2,.xhs-edit-pane h2{margin:0;font-size:.9rem}.xhs-pane-section header small,.xhs-edit-pane__head small{color:#66707b;font-family:var(--font-mono);font-size:.62rem}.xhs-source-editor{flex:0 0 47%;border-bottom:1px solid var(--ui-line)}.xhs-source-editor textarea{width:100%;min-height:0;flex:1;resize:none;padding:.8rem;border:1px solid var(--ui-line);border-radius:.5rem;background:#fff;font-family:var(--font-mono);font-size:.75rem;line-height:1.75}.xhs-primary-action{margin-top:.65rem;color:var(--ui-on-primary, #fff);border:0;background:var(--ui-primary);box-shadow:0 4px 0 var(--ui-accent)}.xhs-primary-action span{margin-left:.35rem;color:var(--ui-accent)}.xhs-card-list{flex:1 1 0;overflow:hidden}.xhs-card-thumbs{display:flex;min-height:0;flex:1;flex-direction:column;gap:.55rem;padding:.15rem .3rem .3rem .15rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.xhs-card-thumbs>button{display:grid;grid-template-columns:3.8rem 1.75rem 2.35rem minmax(0,1fr);min-height:5.7rem;flex:0 0 auto;align-items:center;column-gap:.55rem;padding:.55rem;border:2px solid transparent;background:var(--ui-soft);box-shadow:none;text-align:left}.xhs-card-thumbs>button[aria-pressed=true]{border-color:var(--ui-primary);background:#fff;box-shadow:3px 3px 0 var(--ui-accent)}.xhs-card-thumbs>button>.xhs-card{width:3.8rem;min-width:3.8rem;max-width:3.8rem;aspect-ratio:3 / 4;justify-self:start}.xhs-card-thumb__index{color:var(--ui-third);font-family:var(--font-mono);font-size:.65rem;font-weight:900;text-align:center}.xhs-card-thumb__type{color:#66707b;font-size:.62rem;font-weight:800;white-space:nowrap}.xhs-card-thumb__title{display:-webkit-box;min-width:0;overflow:hidden;color:var(--text-primary);font-size:.72rem;font-style:normal;font-weight:850;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.xhs-preview-pane{display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 1px 1px,var(--ui-line) 1px,transparent 1px) 0 0 / 18px 18px,var(--ui-soft)}.xhs-preview-pane__head{display:flex;min-height:4.15rem;flex:none;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--ui-line);background:#ffffffeb}.xhs-preview-pane__head>div{min-width:0}.xhs-preview-pane__head span{color:var(--ui-third);font-family:var(--font-mono);font-size:.58rem;font-weight:900;letter-spacing:.12em}.xhs-preview-pane__head h1{overflow:hidden;margin:.2rem 0 0;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.xhs-preview-pane__head>b{flex:none;padding:.35rem .5rem;color:var(--ui-on-primary, #fff);background:var(--ui-primary);font-family:var(--font-mono);font-size:.65rem}.xhs-preview-stage{display:grid;min-height:0;flex:1;padding:clamp(.75rem,2vh,1.5rem);overflow:auto;place-items:center}.xhs-deck-actions{display:flex;min-height:4rem;flex:none;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-top:1px solid var(--ui-line);background:#fff}.xhs-deck-actions>span{color:#66707b;font-family:var(--font-mono);font-size:.62rem;white-space:nowrap}.xhs-deck-actions>div{display:flex;justify-content:flex-end;gap:.35rem}.xhs-deck-actions button{min-height:2.75rem;padding:.35rem .55rem;font-size:.68rem}.xhs-danger-action{color:#a52f2f}.xhs-edit-pane{display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--ui-line);background:var(--ui-base)}.xhs-edit-pane__head{min-height:4.15rem;margin:0;padding:.7rem .9rem;border-bottom:1px solid var(--ui-line)}.xhs-edit-scroll{display:grid;min-height:0;gap:.85rem;padding:.85rem;overflow:auto;background:var(--ui-soft)}.xhs-edit-group{padding:.8rem;border:1px solid var(--ui-line);border-radius:.65rem;background:#fff;box-shadow:0 5px 16px #1113180d}.xhs-edit-group>header{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.75rem}.xhs-edit-group>header>div{display:flex;min-width:0;align-items:center;gap:.5rem}.xhs-edit-group>header span{display:grid;width:1.55rem;height:1.55rem;flex:none;place-items:center;color:var(--ui-on-primary, #fff);border-radius:50%;background:var(--ui-primary);font-family:var(--font-mono);font-size:.54rem;font-weight:900}.xhs-edit-group h3{margin:0;font-size:.82rem}.xhs-edit-group header small{color:#78838d;font-size:.58rem}.xhs-edit-group--blocks>header>div{display:grid;grid-template-columns:1.55rem minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:.08rem .5rem}.xhs-edit-group--blocks>header>div>span{grid-row:1 / 3}.xhs-edit-group--blocks>header small{grid-column:2}.xhs-edit-group--blocks>header select{width:8.7rem;min-width:0;min-height:2.5rem;padding:.35rem .5rem;border:1px solid var(--ui-line);border-radius:.4rem;background:#fff;font-size:.68rem}.xhs-field{display:grid;gap:.35rem;margin-bottom:.8rem}.xhs-edit-group--meta .xhs-field:last-child{margin-bottom:0}.xhs-field>span,.xhs-mini-field>span{color:#66707b;font-size:.68rem;font-weight:800}.xhs-field input,.xhs-field textarea,.xhs-mini-field input,.xhs-block-editor textarea,.xhs-block-editor select,.xhs-block-list-heading select{width:100%;border:1px solid var(--ui-line);border-radius:.45rem;outline:0;background:#fff;caret-color:var(--ui-third);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.xhs-field input,.xhs-mini-field input,.xhs-block-editor select,.xhs-block-list-heading select{min-height:2.75rem;padding:.45rem .65rem}.xhs-field textarea,.xhs-block-editor textarea{resize:vertical;padding:.65rem;line-height:1.6}.xhs-block-editors{display:grid;gap:.65rem}.xhs-block-editor{padding:.65rem;border:1px solid color-mix(in srgb,var(--ui-primary) 18%,transparent);border-radius:.55rem;background:#fff;box-shadow:inset 4px 0 color-mix(in srgb,var(--ui-accent) 72%,transparent)}.xhs-block-editor>header{display:grid;grid-template-columns:auto minmax(5.5rem,1fr) auto;align-items:center;gap:.4rem;margin-bottom:.55rem}.xhs-block-editor>header>span{color:var(--ui-third);font-family:var(--font-mono);font-size:.62rem;font-weight:900}.xhs-block-editor__moves{display:flex;gap:.15rem}.xhs-block-editor__moves button{width:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;box-shadow:none}.xhs-block-editor>textarea{min-height:6.5rem;resize:vertical;padding:.7rem .15rem .15rem;border:0;border-top:1px solid var(--ui-line);border-radius:0;background:transparent;box-shadow:none}.xhs-mini-field{display:grid;gap:.25rem;margin-bottom:.45rem}.xhs-studio :is(input,select,textarea):hover:not(:disabled){border-color:color-mix(in srgb,var(--ui-third) 34%,var(--ui-line))}.xhs-studio :is(input,select,textarea):focus-visible{border-color:color-mix(in srgb,var(--ui-third) 58%,var(--ui-line));outline:0;background-color:color-mix(in srgb,var(--ui-accent) 4%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-third) 13%,transparent),inset 0 -2px color-mix(in srgb,var(--ui-accent) 72%,transparent)}.xhs-studio :is(input,textarea,[contenteditable=true])::selection{color:var(--ui-primary);background:color-mix(in srgb,var(--ui-accent) 52%,#fff)}.xhs-live-notice{position:fixed;z-index:90;right:1rem;bottom:1rem;min-height:0;margin:0;padding:.6rem .8rem;color:var(--ui-on-primary, #fff);border-radius:.45rem;background:var(--ui-primary);box-shadow:3px 3px 0 var(--ui-accent);font-size:.72rem;pointer-events:none}.xhs-live-notice:empty{display:none}.xhs-card{position:relative;width:min(100%,31.5rem);aspect-ratio:3 / 4;overflow:hidden;color:var(--xhs-ink);background:var(--xhs-paper);box-shadow:0 18px 44px #11131833}.xhs-card--cover{display:flex;flex-direction:column;padding:6.5% 7%;color:var(--xhs-deep);background:var(--xhs-accent)}.xhs-cover__noise{position:absolute;inset:0;opacity:.1;background:radial-gradient(circle at 20% 10%,#fff 0 1px,transparent 1px) 0 0 / 12px 12px;pointer-events:none}.xhs-cover__head{position:relative;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:clamp(.48rem,1.2vw,.72rem);font-weight:900;letter-spacing:.12em}.xhs-cover__head b{padding:.25rem .45rem;border:2px solid currentColor}.xhs-card--cover>h2{position:relative;max-width:88%;margin:8% 0 5%;font-family:Georgia,Songti SC,serif;font-size:clamp(1.65rem,4vw,3.35rem);font-weight:950;letter-spacing:-.05em;line-height:1.08}.xhs-card--cover>h2:after{display:block;width:22%;height:.38rem;margin-top:.65rem;background:var(--xhs-focus);content:""}.xhs-cover__window{position:relative;border:.28rem solid var(--xhs-deep);border-radius:.75rem;background:#fff;box-shadow:.65rem .65rem 0 var(--xhs-focus)}.xhs-cover__window-bar{display:flex;height:2.2rem;align-items:center;gap:.32rem;padding:0 .7rem;border-bottom:.16rem solid var(--xhs-deep);background:#f5f7f2}.xhs-cover__window-bar i{width:.55rem;height:.55rem;border:1px solid var(--xhs-deep);border-radius:50%;background:var(--xhs-accent)}.xhs-cover__window-bar i:nth-child(2){background:#fff}.xhs-cover__window-bar i:nth-child(3){background:var(--xhs-focus)}.xhs-cover__window-bar span{margin-left:auto;font-family:var(--font-mono);font-size:clamp(.4rem,1vw,.62rem);font-weight:900;letter-spacing:.1em}.xhs-cover__window-body{position:relative;display:flex;aspect-ratio:16 / 9;align-items:flex-end;justify-content:space-between;overflow:hidden;padding:4% 7% 0;background:var(--xhs-deep)}.xhs-cover__window-body img{position:relative;z-index:2;width:48%;height:95%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 .4rem 0 rgb(0 0 0 / 22%))}.xhs-cover__window-body strong{z-index:2;align-self:center;color:var(--xhs-accent);font-family:var(--font-mono);font-size:clamp(1.2rem,4vw,2.8rem);line-height:.88;text-align:right}.xhs-cover__orbit{position:absolute;width:13rem;height:13rem;left:-2rem;bottom:-5rem;border:1.2rem solid color-mix(in srgb,var(--xhs-accent) 55%,transparent);border-radius:50%}.xhs-cover__summary{position:relative;max-width:88%;margin:5% 0 0;font-size:clamp(.65rem,1.55vw,.95rem);font-weight:750;line-height:1.55}.xhs-card--cover>footer{position:relative;display:flex;align-items:baseline;gap:.5rem;margin-top:auto;border-top:.15rem solid var(--xhs-deep);padding-top:.7rem}.xhs-card--cover>footer span{font-family:var(--font-mono);font-size:.58rem}.xhs-card--cover>footer strong{font-family:Georgia,Songti SC,serif;font-size:clamp(1rem,2.3vw,1.55rem)}.xhs-card--content{display:flex;flex-direction:column;padding:7% 8% 6%}.xhs-card__rail{position:absolute;top:0;bottom:0;left:0;width:.55rem;background:var(--xhs-accent)}.xhs-card__head{display:flex;flex:none;align-items:center;justify-content:space-between;color:var(--xhs-deep);font-family:var(--font-mono);font-size:clamp(.45rem,1.15vw,.7rem);font-weight:900;letter-spacing:.1em}.xhs-card--content>h2{margin:6% 0 3%;color:var(--xhs-deep);font-family:Georgia,Songti SC,serif;font-size:clamp(1.35rem,3.1vw,2.35rem);line-height:1.14}.xhs-card__rule{width:100%;height:.25rem;margin-bottom:5%;background:var(--xhs-deep)}.xhs-card__rule i{display:block;width:24%;height:100%;background:var(--xhs-accent)}.xhs-card__blocks{display:flex;min-height:0;flex:1;flex-direction:column;gap:clamp(.35rem,1.2vh,.8rem);overflow:hidden}.xhs-card__block{flex:none}.xhs-card__block p{margin:0;font-size:clamp(.66rem,1.5vw,.96rem);line-height:1.62}.xhs-card__highlight,.xhs-card__note{padding:.75rem .85rem;border-left:.35rem solid var(--xhs-deep);background:color-mix(in srgb,var(--xhs-accent) 15%,#fff);font-weight:800}.xhs-card__section{color:var(--xhs-deep);font-size:clamp(.72rem,1.7vw,1.05rem)!important;font-weight:950}.xhs-card__section:before{margin-right:.45rem;color:var(--xhs-accent);content:"■"}.xhs-card__item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;font-size:clamp(.64rem,1.45vw,.92rem);line-height:1.55}.xhs-card__item b{display:grid;min-width:1.85rem;height:1.85rem;place-items:center;color:var(--xhs-deep);background:var(--xhs-accent);font-family:var(--font-mono);font-size:.65em}.xhs-card__bullet{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.6rem;font-size:clamp(.64rem,1.45vw,.92rem);line-height:1.55}.xhs-card__bullet i{width:.55rem;height:.55rem;margin-top:.42em;border-radius:50%;background:var(--xhs-accent)}.xhs-card__code{max-height:9rem;margin:0;padding:.75rem;overflow:hidden;color:var(--xhs-accent);border-radius:.4rem;background:var(--xhs-deep);font-family:var(--font-mono);font-size:clamp(.54rem,1.2vw,.76rem);line-height:1.55;white-space:pre-wrap}.xhs-card__image{margin:0}.xhs-card__image img{display:block;width:100%;max-height:12rem;object-fit:cover;border:.22rem solid var(--xhs-deep)}.xhs-card__image figcaption{margin-top:.35rem;color:#66707b;font-size:clamp(.48rem,1.1vw,.68rem)}.xhs-card__footer{display:flex;flex:none;align-items:center;justify-content:space-between;margin-top:4%;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--xhs-deep) 25%,transparent)}.xhs-card__footer>span{display:flex;align-items:center;gap:.4rem;font-size:clamp(.5rem,1.1vw,.68rem)}.xhs-card__footer img{width:1.7rem;height:1.7rem;object-fit:contain;border-radius:.2rem;background:var(--xhs-accent)}.xhs-card__footer em{color:#7b8792;font-family:var(--font-mono);font-size:clamp(.4rem,.9vw,.58rem);font-style:normal;letter-spacing:.1em}.xhs-card [contenteditable=true]{cursor:text;border-radius:.12rem;outline:0;caret-color:var(--xhs-focus);box-shadow:inset 0 -2px 0 transparent;transition:box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.xhs-card [contenteditable=true]:hover:not(:focus){outline:0;background:color-mix(in srgb,var(--xhs-accent) 4%,transparent);box-shadow:inset 0 -2px color-mix(in srgb,var(--xhs-focus) 28%,transparent)}.xhs-card [contenteditable=true]:focus,.xhs-card [contenteditable=true]:focus-visible{outline:0;outline-offset:0;background:color-mix(in srgb,var(--xhs-accent) 6%,transparent);box-shadow:inset 0 -4px 0 var(--xhs-accent)}.xhs-card.is-compact{width:3.6rem;box-shadow:none}.xhs-card.is-compact.xhs-card--cover,.xhs-card.is-compact.xhs-card--content{padding:.35rem}.xhs-card.is-compact .xhs-cover__head,.xhs-card.is-compact .xhs-cover__summary,.xhs-card.is-compact .xhs-card__head,.xhs-card.is-compact .xhs-card__blocks,.xhs-card.is-compact .xhs-card__footer{display:none}.xhs-card.is-compact h2{margin:0;font-size:.46rem}.xhs-card.is-compact .xhs-cover__window{margin-top:.4rem;border-width:1px;border-radius:2px;box-shadow:2px 2px 0 var(--xhs-focus)}.xhs-card.is-compact .xhs-cover__window-bar{height:.35rem;padding:0;border-width:1px}.xhs-card.is-compact .xhs-cover__window-bar i,.xhs-card.is-compact .xhs-cover__window-bar span,.xhs-card.is-compact .xhs-cover__window-body strong{display:none}.xhs-card.is-compact .xhs-cover__window-body{padding:0}.xhs-card.is-compact .xhs-cover__window-body img{width:100%;height:100%}.xhs-card.is-compact .xhs-card__rule{margin-top:.3rem}.xhs-card:not(.is-compact){container-type:inline-size;display:block;width:min(100%,31.5rem,calc(75dvh - 13.5rem));padding:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}.xhs-card:not(.is-compact) :is(h2,p,figcaption,code,.xhs-card__item>span,.xhs-card__bullet>span){overflow-wrap:anywhere;white-space:pre-wrap}.xhs-card:not(.is-compact) .xhs-cover__head{position:absolute;top:5.18518519cqi;left:7.03703704cqi;width:85.92592593cqi;height:4.81481481cqi;font-size:2.22222222cqi}.xhs-card:not(.is-compact).xhs-card--cover>h2{position:absolute;top:10.37037037cqi;left:7.03703704cqi;width:83.33333333cqi;max-width:none;max-height:19.25925926cqi;margin:0;overflow:hidden;font-size:8.14814815cqi;line-height:9.62962963cqi}.xhs-card:not(.is-compact).xhs-card--cover>h2:after{position:absolute;bottom:-4.44444444cqi;left:0;width:19.44444444cqi;height:1.11111111cqi;margin:0}.xhs-card:not(.is-compact) .xhs-cover__window{position:absolute;top:var(--xhs-cover-window-y, 36.11111111cqi);left:7.03703704cqi;width:85.92592593cqi;height:54.25925926cqi;border-width:.74074074cqi;border-radius:2.22222222cqi;box-shadow:none}.xhs-card:not(.is-compact) .xhs-cover__window-bar{height:6.11111111cqi;gap:.74074074cqi;padding:0 2.59259259cqi;border-bottom-width:.37037037cqi}.xhs-card:not(.is-compact) .xhs-cover__window-bar i{width:1.85185185cqi;height:1.85185185cqi}.xhs-card:not(.is-compact) .xhs-cover__window-bar span{font-size:1.66666667cqi}.xhs-card:not(.is-compact) .xhs-cover__window-body{height:47.22222222cqi;aspect-ratio:auto;padding:3.51851852cqi 5.92592593cqi 0}.xhs-card:not(.is-compact) .xhs-cover__window-body strong{font-size:6.85185185cqi}.xhs-card:not(.is-compact) .xhs-cover__summary{position:absolute;top:100.55555556cqi;left:7.03703704cqi;width:83.33333333cqi;max-width:none;max-height:8.88888889cqi;margin:0;overflow:hidden;font-size:2.77777778cqi;line-height:4.44444444cqi}.xhs-card:not(.is-compact).xhs-card--cover>footer{position:absolute;top:120.37037037cqi;left:7.03703704cqi;width:85.92592593cqi;margin:0;padding-top:1.66666667cqi;border-top-width:.37037037cqi;gap:1.48148148cqi}.xhs-card:not(.is-compact).xhs-card--cover>footer span{font-size:1.66666667cqi}.xhs-card:not(.is-compact).xhs-card--cover>footer strong{font-size:3.88888889cqi}.xhs-card:not(.is-compact) .xhs-card__rail{width:1.2962963cqi}.xhs-card:not(.is-compact) .xhs-card__head{position:absolute;top:6.11111111cqi;left:7.96296296cqi;width:84.07407407cqi;font-size:2.12962963cqi}.xhs-card:not(.is-compact).xhs-card--content>h2{position:relative;width:84.07407407cqi;max-height:14.07407407cqi;margin:12.03703704cqi 0 0 7.96296296cqi;overflow:hidden;font-size:5.92592593cqi;line-height:7.03703704cqi}.xhs-card:not(.is-compact) .xhs-card__rule{width:84.07407407cqi;height:.64814815cqi;margin:2.59259259cqi 0 4.35185185cqi 7.96296296cqi}.xhs-card:not(.is-compact) .xhs-card__blocks{width:84.07407407cqi;height:87.03703704cqi;margin-left:7.96296296cqi;gap:1.66666667cqi}.xhs-card:not(.is-compact) .xhs-card__block p{font-size:2.77777778cqi;line-height:4.44444444cqi}.xhs-card:not(.is-compact) .xhs-card__paragraph{padding:1.11111111cqi 0}.xhs-card:not(.is-compact) :is(.xhs-card__highlight,.xhs-card__note){padding:1.66666667cqi 2.77777778cqi;border-left-width:1.11111111cqi}.xhs-card:not(.is-compact) .xhs-card__section{font-size:3.33333333cqi!important;line-height:4.44444444cqi}.xhs-card:not(.is-compact) :is(.xhs-card__item,.xhs-card__bullet){gap:2.22222222cqi;font-size:2.77777778cqi;line-height:4.44444444cqi}.xhs-card:not(.is-compact) .xhs-card__item b{min-width:5.37037037cqi;height:5.37037037cqi}.xhs-card:not(.is-compact) .xhs-card__bullet i{width:1.85185185cqi;height:1.85185185cqi}.xhs-card:not(.is-compact) .xhs-card__code{max-height:24.25925926cqi;padding:2.22222222cqi;font-size:2.31481481cqi;line-height:3.51851852cqi}.xhs-card:not(.is-compact) .xhs-card__image img,.xhs-card:not(.is-compact) .xhs-card__image-placeholder{width:100%;height:30.55555556cqi;max-height:none;border:.27777778cqi solid var(--xhs-deep);object-fit:cover}.xhs-card__image-placeholder{display:grid;place-items:center;color:#7b8792;background:color-mix(in srgb,var(--xhs-deep) 8%,#fff);font-weight:800}.xhs-card:not(.is-compact) .xhs-card__image figcaption{margin-top:1.2037037cqi;font-size:2.03703704cqi;line-height:2.96296296cqi}.xhs-card:not(.is-compact) .xhs-card__footer{position:absolute;top:123.14814815cqi;left:7.96296296cqi;width:84.07407407cqi;height:6.48148148cqi;margin:0;padding-top:1.11111111cqi}.xhs-card:not(.is-compact) .xhs-card__footer>span{font-size:2.03703704cqi}.xhs-card:not(.is-compact) .xhs-card__footer img{width:5cqi;height:5cqi}.xhs-card:not(.is-compact) .xhs-card__footer em{font-size:1.66666667cqi}.xhs-card__edit-hint{position:absolute;z-index:8;top:1.66666667cqi;right:2.03703704cqi;padding:.74074074cqi 1.11111111cqi;color:var(--xhs-deep);border:1px solid color-mix(in srgb,var(--xhs-deep) 28%,transparent);border-radius:.74074074cqi;background:color-mix(in srgb,var(--xhs-paper) 86%,transparent);font-size:1.66666667cqi;font-weight:800;pointer-events:none}.xhs-card [data-xhs-editable=true]{outline:0!important;background:transparent;box-shadow:inset 0 -.18518519cqi color-mix(in srgb,var(--xhs-focus) 22%,transparent)}.xhs-card [data-xhs-editable=true]:hover:not(:focus){background:color-mix(in srgb,var(--xhs-accent) 5%,transparent);box-shadow:inset 0 -.27777778cqi color-mix(in srgb,var(--xhs-focus) 38%,transparent)}.xhs-card [data-xhs-editable=true]:focus{outline:0!important;background:color-mix(in srgb,var(--xhs-accent) 7%,transparent);box-shadow:inset 0 -.55555556cqi 0 var(--xhs-focus)}.xhs-card.xhs-card--compact{position:relative;display:block;width:3.8rem;min-width:3.8rem;aspect-ratio:3 / 4;padding:.35rem;overflow:hidden;border:1px solid var(--xhs-deep);background:var(--xhs-paper)}.xhs-card--compact.is-cover{background:var(--xhs-accent)}.xhs-card--compact>i,.xhs-card--compact .xhs-compact__blocks i{position:absolute;display:block}.xhs-compact__eyebrow{top:.4rem;left:.4rem;width:1.55rem;height:.12rem;background:var(--xhs-deep)}.xhs-compact__title{top:.85rem;left:.4rem;width:2.75rem;height:.55rem;border-top:.2rem solid var(--xhs-deep);border-bottom:.2rem solid var(--xhs-deep)}.xhs-compact__rule{top:1.62rem;left:.4rem;width:1.25rem;height:.12rem;background:var(--xhs-focus)}.xhs-compact__visual{inset:2rem .4rem .4rem;overflow:hidden;border:1px solid var(--xhs-deep);background:var(--xhs-deep)}.xhs-compact__visual img{width:100%;height:100%;object-fit:contain;object-position:bottom}.xhs-compact__blocks{position:absolute;inset:2rem .4rem .4rem}.xhs-compact__blocks i{left:0;width:100%;height:.42rem;background:color-mix(in srgb,var(--xhs-deep) 16%,#fff);border-left:.16rem solid var(--xhs-accent)}.xhs-compact__blocks i:nth-child(1){top:0}.xhs-compact__blocks i:nth-child(2){top:.7rem;width:82%}.xhs-compact__blocks i:nth-child(3){top:1.4rem;width:92%}@media(max-width:49.99em){.xhs-studio{height:auto;min-height:100dvh;overflow:auto}.xhs-commandbar{align-items:flex-start}.xhs-commandbar>div:first-child{flex-direction:column;gap:.1rem}.xhs-commandbar small{display:none}.xhs-workbench{grid-template-columns:minmax(0,1fr);overflow:visible}.xhs-preview-pane{min-height:48rem;order:1}.xhs-source-pane{min-height:42rem;order:2;border-right:0}.xhs-edit-pane{grid-column:auto;min-height:38rem;order:3}.xhs-edit-scroll{display:block}.xhs-block-list-heading,.xhs-block-editors{grid-column:auto;grid-row:auto}.xhs-preview-stage{padding:1rem}.xhs-card:not(.is-compact){width:min(100%,31.5rem)}}@media(max-width:31.99em){.xhs-commandbar{flex-direction:column}.xhs-commandbar__actions{width:100%}.xhs-commandbar__actions button{flex:1;padding-inline:.45rem;font-size:.68rem}.xhs-deck-actions{align-items:flex-start;flex-direction:column}.xhs-deck-actions>div{width:100%;flex-wrap:wrap;justify-content:flex-start}.xhs-preview-pane{min-height:45rem}}.channels-workbench{grid-template-columns:minmax(15rem,19rem) minmax(22rem,1fr) minmax(19rem,23rem)}.channels-studio .xhs-source-editor{flex-basis:42%;min-height:15rem}.channels-studio .xhs-card-list{min-height:0}.channels-preview-stage{align-items:start;padding-block:.75rem}.channels-preview-edit-hint{display:block;overflow:hidden;margin-top:.1rem;color:#737d87;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.channels-card-thumbs>button{grid-template-columns:4rem minmax(0,1fr);min-height:8.2rem;flex:0 0 auto;align-items:center}.channels-card-thumbs>button>span{display:grid;min-width:0;align-content:center;gap:.3rem}.channels-card-thumbs>button>span b{color:var(--ui-third);font-family:var(--font-mono);font-size:.62rem}.channels-card-thumbs>button>span small{overflow:hidden;color:#6a737d;font-size:.58rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.channels-card-thumbs>button>span em{display:-webkit-box;min-width:0;max-height:3.15rem;overflow:hidden;color:var(--text-primary);font-size:.72rem;font-style:normal;font-weight:850;line-height:1.45;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.channels-thumbnail{position:relative;width:4rem;aspect-ratio:9 / 16;overflow:hidden;justify-self:start;color:var(--channels-ink, #111318);background:var(--channels-paper, #fff);box-shadow:inset 0 0 0 1px #1113182e}.channels-thumbnail>i{position:absolute;inset:0 auto 0 0;width:.18rem;background:var(--channels-accent)}.channels-thumbnail__kicker{position:absolute;top:.5rem;left:.48rem;width:1.75rem;height:.14rem;background:var(--channels-primary)}.channels-thumbnail__title{position:absolute;top:1rem;left:.48rem;right:.35rem;display:grid;gap:.18rem}.channels-thumbnail__title b{height:.28rem;background:currentColor}.channels-thumbnail__title b:nth-child(2){width:82%}.channels-thumbnail__title b:nth-child(3){width:54%}.channels-thumbnail__panel{position:absolute;top:2.6rem;right:.38rem;left:.48rem;display:grid;gap:.2rem;padding:.42rem;border-radius:.25rem;background:color-mix(in srgb,var(--channels-primary) 8%,#fff)}.channels-thumbnail__panel b{height:.12rem;background:color-mix(in srgb,currentColor 56%,transparent)}.channels-thumbnail__panel b:nth-child(2){width:88%}.channels-thumbnail__panel b:nth-child(3){width:68%}.channels-thumbnail img{position:absolute;right:.15rem;bottom:.25rem;width:2.2rem;height:2.35rem;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.channels-thumbnail--cover{color:var(--channels-paper);background:var(--channels-primary)}.channels-thumbnail--cover .channels-thumbnail__kicker{background:var(--channels-accent)}.channels-thumbnail--cover .channels-thumbnail__panel{display:none}.channels-thumbnail--cover img{right:.35rem;bottom:.35rem;width:3.2rem;height:3.8rem}.channels-thumbnail--cta .channels-thumbnail__panel{background:var(--channels-accent)}.channels-card-frame{display:block;width:min(100%,25rem);height:auto;aspect-ratio:9 / 16;overflow:visible;filter:drop-shadow(0 18px 22px rgb(17 19 24 / 22%))}.channels-card-frame foreignObject{overflow:hidden}.channels-card{position:relative;width:1080px;height:1920px;overflow:hidden;color:var(--channels-ink);background:var(--channels-paper)}.channels-card--cover{color:var(--channels-paper);background:var(--channels-primary)}.channels-card--cta{background:color-mix(in srgb,var(--channels-accent) 16%,var(--channels-paper))}.channels-card__rail{position:absolute;z-index:5;inset:0 auto 0 0;width:28px;background:var(--channels-accent)}.channels-card__safe-frame{position:absolute;box-sizing:border-box;border:3px solid color-mix(in srgb,var(--channels-primary) 28%,transparent)}.channels-card--cover .channels-card__safe-frame{border-color:var(--channels-accent)}.channels-card__eyebrow,.channels-card__counter{z-index:3;overflow:hidden;color:var(--channels-primary);letter-spacing:.1em;white-space:nowrap}.channels-card--cover :is(.channels-card__eyebrow,.channels-card__counter){color:var(--channels-accent)}.channels-card__counter{text-align:right}.channels-card__title{z-index:3;overflow:hidden;color:var(--channels-ink);letter-spacing:-.045em}.channels-card--cover .channels-card__title{color:var(--channels-paper)}.channels-card__title,.channels-card__body-text,.channels-card__eyebrow,.channels-card__counter,.channels-card__signature-name,.channels-card__signature-meta{overflow-wrap:anywhere;white-space:pre-wrap}.channels-card__accent{position:absolute;z-index:3;display:block;background:var(--channels-accent)}.channels-card--cta .channels-card__accent{background:var(--channels-third)}.channels-card__portrait{position:absolute;z-index:1;overflow:hidden}.channels-card__portrait>span{position:absolute;right:0;bottom:0;width:100%;aspect-ratio:1;border:42px solid color-mix(in srgb,var(--channels-third) 80%,transparent);border-radius:50%}.channels-card__portrait img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(0 14px 0 rgb(0 0 0 / 18%))}.channels-card:not(.channels-card--cover) .channels-card__portrait{display:none}.channels-card__body{position:absolute;z-index:2;box-sizing:border-box;border-radius:24px;background:color-mix(in srgb,var(--channels-primary) 8%,#fff)}.channels-card--cover .channels-card__body{border-left:14px solid var(--channels-accent);background:color-mix(in srgb,var(--channels-paper) 8%,transparent)}.channels-card--cta .channels-card__body{background:var(--channels-accent)}.channels-card__quote{position:absolute;z-index:3;left:150px;color:var(--channels-primary);font:900 150px/1 Georgia,serif}.channels-card__body-text{z-index:3;overflow:hidden;color:var(--channels-ink)}.channels-card--cover .channels-card__body-text{color:var(--channels-accent)}.channels-card--cta .channels-card__body-text{color:var(--channels-primary)}.channels-card__signature{display:contents}.channels-card__signature-rule{position:absolute;z-index:2;left:110px;width:860px;height:3px;background:color-mix(in srgb,var(--channels-primary) 28%,transparent)}.channels-card--cover .channels-card__signature-rule{background:color-mix(in srgb,var(--channels-paper) 38%,transparent)}.channels-card__signature>img{position:absolute;z-index:2;object-fit:contain;object-position:center bottom;border-radius:8px;background:var(--channels-accent);image-rendering:pixelated}.channels-card__signature-name{z-index:3;overflow:hidden;color:var(--channels-ink);white-space:nowrap}.channels-card--cover .channels-card__signature-name{color:var(--channels-paper)}.channels-card__signature-meta{z-index:3;overflow:hidden;color:#75808a;letter-spacing:.08em;white-space:nowrap}.channels-card--cover .channels-card__signature-meta{color:color-mix(in srgb,var(--channels-paper) 58%,transparent);text-align:right}.channels-card [contenteditable=true]{cursor:text;outline:0;caret-color:var(--channels-third);box-shadow:inset 0 -6px 0 transparent}.channels-card [contenteditable=true]:hover{background:color-mix(in srgb,var(--channels-accent) 8%,transparent)}.channels-card [contenteditable=true]:focus{background:color-mix(in srgb,var(--channels-accent) 12%,transparent);box-shadow:inset 0 -8px 0 var(--channels-accent)}.channels-inspector{min-width:0;min-height:0;overflow:hidden;border-left:1px solid var(--ui-line);background:var(--ui-base)}.xhs-inspector-pane__head{display:flex;min-height:4.15rem;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border-bottom:1px solid var(--ui-line)}.xhs-inspector-pane__head>div{display:flex;align-items:center;gap:.55rem}.xhs-inspector-pane__head span{display:grid;width:1.7rem;height:1.7rem;place-items:center;color:var(--ui-on-primary, #fff);border-radius:50%;background:var(--ui-primary);font-family:var(--font-mono);font-size:.58rem;font-weight:900}.xhs-inspector-pane__head h2{margin:0;font-size:.9rem}.xhs-inspector-pane__head small{color:#66707b;font-size:.62rem}.xhs-card-editor{display:grid;height:calc(100% - 4.15rem);gap:.8rem;padding:.8rem;overflow:auto;background:var(--ui-soft)}.xhs-card-editor>section{display:grid;align-content:start;gap:.7rem;padding:.8rem;border:1px solid var(--ui-line);border-radius:.65rem;background:#fff;box-shadow:0 5px 16px #1113180d}.xhs-card-editor>section>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.xhs-card-editor>section>header>div{display:flex;align-items:center;gap:.5rem}.xhs-card-editor>section>header span{display:grid;width:1.55rem;height:1.55rem;place-items:center;color:var(--ui-on-primary, #fff);border-radius:50%;background:var(--ui-primary);font-family:var(--font-mono);font-size:.54rem;font-weight:900}.xhs-card-editor h3{margin:0;font-size:.82rem}.xhs-card-editor header small{color:#78838d;font-size:.58rem}.xhs-card-editor label{display:grid;gap:.3rem}.xhs-card-editor label>span{color:#66707b;font-size:.68rem;font-weight:800}.xhs-card-editor :is(input,select,textarea){width:100%;min-height:2.75rem;padding:.55rem .65rem;border:1px solid var(--ui-line);border-radius:.45rem;outline:0;background:#fff;caret-color:var(--ui-third)}.xhs-card-editor textarea{resize:vertical;line-height:1.6}@media(max-width:79.99em){.channels-workbench{grid-template-columns:minmax(14rem,17rem) minmax(20rem,1fr) minmax(17rem,20rem)}}@media(max-width:49.99em){.channels-workbench{grid-template-columns:minmax(0,1fr)}.channels-preview-pane{min-height:55rem;order:1}.channels-inspector{min-height:42rem;order:3;border-left:0}.channels-card-frame{width:min(100%,24rem)}}.x-studio{background:var(--ui-soft)}.x-commandbar{display:flex;min-height:4.15rem;flex:none;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem clamp(.75rem,2vw,1.75rem);color:#fff;border-bottom:4px solid var(--ui-accent);background:#111318}.x-commandbar>div:first-child{display:flex;align-items:baseline;gap:.75rem}.x-commandbar span{color:var(--ui-accent);font-family:var(--font-mono);font-size:.65rem;font-weight:900;letter-spacing:.12em}.x-commandbar strong{font-size:1rem}.x-commandbar small{color:#aab2ba;font-size:.7rem}.x-commandbar__right{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.x-commandbar__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.x-commandbar button{min-height:2.75rem;padding:.45rem .8rem;color:#111318;border:0;background:var(--ui-accent);box-shadow:0 3px 0 var(--ui-third);font-size:.72rem}.x-workspace-switch{display:inline-flex;padding:.18rem;border:1px solid #56606b;border-radius:.55rem;background:#262b31}.x-workspace-switch button{min-width:7.4rem;min-height:2.55rem;padding:.25rem .55rem;color:#cbd2d8;border-radius:.38rem;background:transparent;box-shadow:none}.x-workspace-switch button small{display:block;color:#8f9aa4;font-size:.52rem}.x-workspace-switch button[aria-selected=true]{color:#111318;background:#fff}.x-workspace-switch button[aria-selected=true] small{color:#4c5964}.x-workbench{display:grid;grid-template-columns:minmax(16rem,20rem) minmax(24rem,1fr) minmax(17rem,21rem);min-height:0;flex:1;overflow:hidden;background:var(--ui-soft)}.x-source-pane{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border-right:1px solid var(--ui-line);background:#fff}.x-source-pane>section{display:flex;min-height:0;flex-direction:column;padding:.9rem}.x-source-pane>section:first-child{flex:0 0 48%;border-bottom:1px solid var(--ui-line)}.x-source-pane section>header,.x-preview-pane>header,.x-inspector-pane>header{display:flex;min-height:3.2rem;flex:none;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.x-source-pane header>div,.x-inspector-pane>header>div{display:flex;align-items:center;gap:.55rem}.x-source-pane header span,.x-inspector-pane>header span{display:grid;width:1.7rem;height:1.7rem;place-items:center;color:#fff;border-radius:50%;background:#111318;font-family:var(--font-mono);font-size:.58rem;font-weight:900}.x-source-pane h2,.x-inspector-pane h2{margin:0;font-size:.9rem}.x-source-pane header small,.x-inspector-pane header small{color:#6b7680;font-size:.62rem}.x-source-pane textarea{width:100%;min-height:0;flex:1;resize:none;padding:.8rem;border:1px solid var(--ui-line);border-radius:.5rem;outline:0;font-family:var(--font-mono);font-size:.74rem;line-height:1.7}.x-primary{margin-top:.65rem;color:#fff;border:0;background:#111318;box-shadow:0 4px 0 var(--ui-accent)}.x-post-list-section{flex:1;overflow:hidden}.x-post-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:.5rem;overflow:auto}.x-post-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:4.7rem;align-items:start;gap:.55rem;padding:.65rem;border:2px solid transparent;background:var(--ui-soft);box-shadow:none;text-align:left}.x-post-list button[aria-pressed=true]{border-color:#111318;background:#fff;box-shadow:3px 3px 0 var(--ui-accent)}.x-post-list b{color:var(--ui-third);font-family:var(--font-mono);font-size:.6rem}.x-post-list span{display:-webkit-box;overflow:hidden;color:var(--text-primary);font-size:.7rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.x-post-list em{color:#66707b;font-family:var(--font-mono);font-size:.58rem;font-style:normal}.x-post-list em[data-over=true]{color:#c13030}.x-preview-pane{display:flex;min-width:0;min-height:0;flex-direction:column;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 1px 1px,var(--ui-line) 1px,transparent 1px) 0 0 / 18px 18px,var(--ui-soft);scrollbar-color:#111318 color-mix(in srgb,var(--ui-accent) 18%,#fff);scrollbar-gutter:stable;scrollbar-width:thin}.x-preview-pane::-webkit-scrollbar{width:.65rem}.x-preview-pane::-webkit-scrollbar-track{background:color-mix(in srgb,var(--ui-accent) 18%,#fff)}.x-preview-pane::-webkit-scrollbar-thumb{border:2px solid color-mix(in srgb,var(--ui-accent) 18%,#fff);border-radius:.35rem;background:#111318}.x-preview-pane>header{position:sticky;z-index:6;top:0;min-height:4.15rem;margin:0;padding:.55rem 1rem;border-bottom:1px solid var(--ui-line);background:#fffffff5}.x-preview-pane>header span{color:var(--ui-third);font-family:var(--font-mono);font-size:.58rem;font-weight:900;letter-spacing:.12em}.x-preview-pane>header h1{margin:.18rem 0 0;font-size:.95rem}.x-preview-pane>header b{padding:.35rem .5rem;color:#fff;background:#111318;font-family:var(--font-mono);font-size:.65rem}.x-post-preview{display:grid;width:min(92%,38rem);grid-template-columns:auto minmax(0,1fr);flex:none;gap:.8rem;margin:clamp(1rem,3vh,2.5rem) auto .7rem;padding:1.1rem;border:1px solid #d8dde2;border-radius:1rem;background:#fff;box-shadow:0 16px 40px #1113181f}.x-post-preview>img{width:3rem;height:3rem;object-fit:contain;border:2px solid #111318;border-radius:50%;background:var(--ui-accent);image-rendering:pixelated}.x-post-preview__body{min-width:0}.x-post-preview__body>header{display:flex;align-items:baseline;gap:.35rem}.x-post-preview__body>header strong{color:#0f1419;font-size:.9rem}.x-post-preview__body>header span{color:#536471;font-size:.75rem}.x-post-preview__body>header b{margin-left:auto;color:#536471;font-size:.75rem;letter-spacing:.1em}.x-post-preview p{min-height:7rem;max-height:min(46vh,30rem);margin:.55rem 0 1rem;padding-right:.45rem;overflow-y:auto;color:#0f1419;font-size:clamp(.9rem,1.6vw,1.08rem);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:var(--ui-third) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.x-post-preview p:focus-visible{outline:2px solid var(--ui-third);outline-offset:.2rem}.x-post-preview footer{display:flex;justify-content:space-between;max-width:28rem;color:#536471;font-size:.9rem}.x-post-unicode{border-radius:.14em}.x-post-unicode[data-style=bold]{background:color-mix(in srgb,var(--ui-accent) 62%,#fff);box-shadow:inset 0 -.16em 0 var(--ui-accent)}.x-post-unicode[data-style=italic]{border-bottom:.12em solid var(--ui-third)}.x-post-unicode[data-style=boldItalic]{background:color-mix(in srgb,var(--ui-accent) 52%,#fff);box-shadow:inset 0 -.16em 0 var(--ui-third)}.x-post-unicode[data-style=monospace]{padding-inline:.08em;background:color-mix(in srgb,var(--ui-third) 12%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-third) 32%,transparent)}.x-preview-format-status{display:flex;width:min(92%,38rem);min-height:3.4rem;flex:none;align-items:center;gap:.65rem;margin:0 auto .75rem;padding:.55rem .7rem;color:#5c6872;border:1px solid var(--ui-line);border-radius:.6rem;background:#fffffff0}.x-preview-format-status>i{width:.75rem;height:.75rem;flex:none;border:2px solid #111318;border-radius:50%;background:#fff}.x-preview-format-status[data-active=true]>i{background:var(--ui-accent)}.x-preview-format-status>span{display:grid;gap:.08rem}.x-preview-format-status b{color:#111318;font-size:.68rem}.x-preview-format-status small{color:#697681;font-size:.58rem}.x-live-editor{width:min(92%,38rem);flex:none;margin:0 auto;border:1px solid var(--ui-line);border-radius:.8rem;background:#fff;box-shadow:0 8px 22px #11131814}.x-live-editor>header{display:flex;min-height:3.25rem;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .65rem;border-bottom:1px solid var(--ui-line)}.x-format-actions{display:flex;gap:.3rem}.x-format-actions button{display:inline-flex;min-width:4.15rem;min-height:2.75rem;align-items:center;justify-content:center;gap:.3rem;padding:0 .48rem;color:#111318;border:1px solid var(--ui-line);background:#fff;box-shadow:none}.x-format-actions button b{font-size:.92rem}.x-format-actions button span{font-size:.62rem;font-weight:800}.x-format-actions button:hover{border-color:var(--ui-third);background:color-mix(in srgb,var(--ui-accent) 9%,#fff)}.x-live-editor output{color:#52606c;font-family:var(--font-mono);font-size:.7rem;font-weight:900}.x-live-editor output[data-over=true]{color:#bd2424}.x-unicode-proof{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.5rem .65rem;border-bottom:1px solid var(--ui-line);background:color-mix(in srgb,var(--ui-accent) 8%,#fff)}.x-unicode-proof span{display:flex;min-width:0;align-items:center;gap:.4rem;overflow:hidden;color:#111318;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.x-unicode-proof span:first-child{color:#68737d}.x-unicode-proof span:last-child{padding:.28rem .4rem;color:#111318;border-left:4px solid var(--ui-accent);background:#fff;font-size:.78rem}.x-unicode-proof small{flex:none;padding:.14rem .28rem;color:#5d6872;border:1px solid var(--ui-line);border-radius:.25rem;background:#fff;font-family:var(--font-mono);font-size:.5rem;font-weight:850}.x-live-editor textarea{display:block;width:100%;min-height:10rem;resize:vertical;padding:.9rem;border:0;outline:0;caret-color:var(--ui-third);font-size:.9rem;line-height:1.65}.x-live-editor textarea:focus{box-shadow:inset 0 -4px 0 var(--ui-accent)}.x-live-editor__mode-note{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.55rem .7rem;color:#596670;border-top:1px solid var(--ui-line);background:var(--ui-soft);font-size:.62rem;line-height:1.45}.x-live-editor__mode-note span{min-width:0}.x-live-editor__mode-note b{display:block;margin-bottom:.08rem;color:#111318}.x-live-editor__mode-note button{min-height:2.75rem;flex:none;padding:.35rem .55rem;color:#111318;border:1px solid #111318;background:var(--ui-accent);box-shadow:2px 2px 0 var(--ui-third);font-size:.6rem}.x-deck-actions{position:sticky;z-index:5;bottom:0;display:flex;min-height:4rem;flex:none;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem;padding:.55rem .75rem;border-top:1px solid var(--ui-line);background:#fffffff7;box-shadow:0 -8px 18px #11131812}.x-deck-actions>span{color:#66707b;font-family:var(--font-mono);font-size:.62rem}.x-deck-actions>div{display:flex;gap:.35rem}.x-deck-actions button{min-height:2.75rem;padding:.35rem .55rem;font-size:.68rem}.x-danger{color:#ae2f2f}.x-inspector-pane{min-width:0;min-height:0;padding-bottom:1rem;overflow:auto;border-left:1px solid var(--ui-line);background:#fff}.x-inspector-pane>header{min-height:4.15rem;margin:0;padding:.7rem .9rem;border-bottom:1px solid var(--ui-line)}.x-inspector-pane>section{margin:.8rem;padding:.8rem;border:1px solid var(--ui-line);border-radius:.65rem;background:var(--ui-soft)}.x-inspector-pane h3{margin:0 0 .7rem;font-size:.82rem}.x-premium-toggle{display:grid;grid-template-columns:1fr 1fr;padding:.2rem;border:1px solid var(--ui-line);border-radius:.5rem;background:#fff}.x-premium-toggle button{min-height:2.75rem;border:0;background:transparent;box-shadow:none;font-size:.68rem}.x-premium-toggle button[aria-pressed=true]{color:#111318;background:var(--ui-accent);box-shadow:inset 0 -3px #111318}.x-inspector-pane dl{display:grid;gap:.55rem;margin:0}.x-inspector-pane dl div{display:flex;justify-content:space-between;gap:.75rem;padding-bottom:.45rem;border-bottom:1px solid var(--ui-line)}.x-inspector-pane dt{color:#66707b;font-size:.68rem}.x-inspector-pane dd{margin:0;font-family:var(--font-mono);font-size:.68rem;font-weight:850;text-align:right}.x-inspector-pane dd[data-over=true]{color:#bd2424}.x-inspector-pane ul{display:grid;gap:.6rem;margin:0;padding-left:1.1rem;color:#53606a;font-size:.7rem;line-height:1.55}.x-article-workbench{display:grid;grid-template-columns:minmax(17rem,22rem) minmax(28rem,1fr) minmax(19rem,23rem);min-height:0;flex:1;overflow:hidden;background:var(--ui-soft)}.x-article-source,.x-article-inspector{min-width:0;min-height:0;padding:.9rem;overflow:auto;background:#fff}.x-article-source{display:flex;flex-direction:column;border-right:1px solid var(--ui-line)}.x-article-source>header,.x-article-inspector>header{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.x-article-source>header>span,.x-article-inspector>header>span{display:grid;width:1.8rem;height:1.8rem;flex:none;place-items:center;color:#fff;border-radius:50%;background:#111318;font-family:var(--font-mono);font-size:.58rem;font-weight:900}.x-article-source h2,.x-article-inspector h2{margin:0;font-size:.9rem}.x-article-source header small,.x-article-inspector header small{color:#697681;font-size:.6rem}.x-article-capability{display:grid;gap:.15rem;margin-bottom:.55rem;padding:.55rem .65rem;border-left:4px solid var(--ui-accent);background:var(--ui-soft)}.x-article-capability b{color:#111318;font-size:.68rem}.x-article-capability span{color:#5f6b75;font-size:.58rem;line-height:1.45}.x-article-formatbar{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.55rem;padding:.35rem;border:1px solid #111318;border-radius:.55rem;background:#111318}.x-article-formatbar>span{display:block}.x-article-formatbar>.x-article-formatbar__split{margin-left:.2rem;padding-left:.45rem;border-left:1px solid #5a6269}.x-article-formatbar button{display:inline-flex;min-width:3.75rem;min-height:2.75rem;align-items:center;justify-content:center;gap:.28rem;padding:.25rem .42rem;color:#111318;border:1px solid transparent;border-radius:.35rem;background:#fff;box-shadow:none}.x-article-formatbar button[data-group=block]{background:color-mix(in srgb,var(--ui-accent) 74%,#fff)}.x-article-formatbar button:hover{border-color:var(--ui-accent);box-shadow:inset 0 -3px 0 var(--ui-accent);transform:translateY(-1px)}.x-article-formatbar button b{font-family:var(--font-mono);font-size:.66rem}.x-article-formatbar button em{font-size:.58rem;font-style:normal;font-weight:850}.x-article-source textarea{width:100%;min-height:0;flex:1;resize:none;padding:.85rem;border:1px solid var(--ui-line);border-radius:.55rem;outline:0;font-family:var(--font-mono);font-size:.74rem;line-height:1.75}.x-article-source textarea:focus{border-color:var(--ui-third);box-shadow:inset 0 -3px 0 var(--ui-accent)}.x-article-source__hint{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.x-article-source__hint b{width:100%;font-size:.68rem}.x-article-source__hint span{padding:.28rem .42rem;border:1px solid var(--ui-line);border-radius:.35rem;background:var(--ui-soft);font-size:.58rem}.x-article-preview-pane{min-width:0;min-height:0;overflow:auto;background:radial-gradient(circle at 1px 1px,var(--ui-line) 1px,transparent 1px) 0 0 / 18px 18px,var(--ui-soft)}.x-article-preview-pane>header{position:sticky;z-index:2;top:0;display:flex;min-height:4.15rem;align-items:center;justify-content:space-between;padding:.55rem 1rem;border-bottom:1px solid var(--ui-line);background:#fffffff2}.x-article-preview-pane>header span{color:var(--ui-third);font-family:var(--font-mono);font-size:.58rem;font-weight:900;letter-spacing:.12em}.x-article-preview-pane>header h1{margin:.18rem 0 0;font-size:.95rem}.x-article-preview-pane>header>b{padding:.35rem .5rem;color:#111318;background:var(--ui-accent);font-family:var(--font-mono);font-size:.62rem}.x-article-preview{width:min(94%,46rem);min-height:calc(100% - 6rem);margin:1.2rem auto 2rem;padding:clamp(1.4rem,4vw,3.4rem);border-top:5px solid #111318;background:#fff;box-shadow:0 18px 44px #11131824}.x-article-author{display:flex;align-items:center;gap:.6rem;margin-bottom:2rem}.x-article-author img{width:2.8rem;height:2.8rem;object-fit:contain;border-radius:50%;background:var(--ui-accent);image-rendering:pixelated}.x-article-author span{display:grid}.x-article-author strong{color:#111318;font-size:.78rem}.x-article-author small{color:#6a7680;font-size:.62rem}.x-article-preview>h1{margin:0 0 2rem;color:#111318;font-family:Georgia,Songti SC,serif;font-size:clamp(2rem,4vw,3.25rem);font-weight:900;letter-spacing:-.035em;line-height:1.12}.x-article-body{color:#1f2429;font-size:1rem;line-height:1.85}.x-article-body :is(h2,h3,h4){margin:2em 0 .8em;color:#111318;line-height:1.3}.x-article-body h2{padding-bottom:.45rem;border-bottom:2px solid #111318;font-size:1.5rem;font-weight:900;box-shadow:inset 0 -.28rem color-mix(in srgb,var(--ui-accent) 42%,transparent)}.x-article-body h3{padding-left:.65rem;border-left:4px solid var(--ui-accent);font-size:1.2rem;font-weight:850}.x-article-body p{margin:0 0 1.15em}.x-article-body strong{color:#111318;font-weight:950;box-shadow:inset 0 -.42em color-mix(in srgb,var(--ui-accent) 62%,transparent)}.x-article-body em{color:#39444d}.x-article-body blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:5px solid #111318;background:var(--ui-soft)}.x-article-body img{max-width:100%;height:auto}.x-article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.x-article-body :is(th,td){padding:.5rem;border:1px solid var(--ui-line)}.x-article-inspector{border-left:1px solid var(--ui-line)}.x-article-inspector>section{margin-bottom:.8rem;padding:.85rem;border:1px solid var(--ui-line);border-radius:.65rem;background:var(--ui-soft)}.x-article-inspector h3{margin:0 0 .7rem;font-size:.8rem}.x-article-inspector ol{display:grid;gap:.55rem;padding-left:1.1rem;color:#53606a;font-size:.68rem;line-height:1.55}.x-article-inspector section>button{width:100%;min-height:2.75rem;margin-top:.45rem;border:1px solid var(--ui-line);background:#fff;box-shadow:none}.x-article-inspector section>.x-article-copy{color:#111318;border-color:#111318;background:var(--ui-accent);box-shadow:0 3px #111318}.x-article-inspector dl{display:grid;gap:.55rem;margin:0}.x-article-inspector dl div{display:flex;justify-content:space-between;gap:.6rem;padding-bottom:.45rem;border-bottom:1px solid var(--ui-line)}.x-article-inspector dt{color:#66717b;font-size:.64rem}.x-article-inspector dd{margin:0;font-size:.64rem;font-weight:800;text-align:right}.x-article-inspector>p{color:#596670;font-size:.66rem;line-height:1.6}.x-article-notice{display:block;min-height:1.2rem;color:#111318;font-size:.66rem;font-weight:800}.x-commandbar button.x-ai-launch{color:var(--ui-accent);border:1px solid var(--ui-accent);background:#111318;box-shadow:0 3px 0 var(--ui-third);font-weight:900}.x-ai-backdrop{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:1.25rem;background:#111318b8;backdrop-filter:blur(10px)}.x-ai-workflow{display:grid;width:min(100%,48rem);max-height:min(92dvh,58rem);overflow:auto;padding:1.1rem;color:#111318;border:1px solid #111318;border-radius:1rem;background:#fff;box-shadow:.8rem .8rem color-mix(in srgb,var(--ui-accent) 52%,transparent)}.x-ai-workflow__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:3px solid #111318}.x-ai-workflow__header span{color:var(--ui-third);font-family:var(--font-mono);font-size:.58rem;font-weight:900;letter-spacing:.12em}.x-ai-workflow__header h2{margin:.25rem 0 0;font-size:clamp(1.4rem,3vw,2.25rem);letter-spacing:-.05em}.x-ai-workflow__header>button{width:2.75rem;height:2.75rem;flex:none;color:#fff;border:0;border-radius:50%;background:#111318;font-size:1.35rem}.x-ai-workflow__route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.5rem;margin-top:.8rem;padding:.7rem;color:#596670;border:1px solid var(--ui-line);border-radius:.7rem;background:var(--ui-soft);font-size:.68rem;text-align:center}.x-ai-workflow__route span{display:flex;align-items:center;justify-content:center;gap:.35rem}.x-ai-workflow__route b{color:var(--ui-third);font-family:var(--font-mono)}.x-ai-workflow__route i{color:#111318;font-style:normal}.x-ai-workflow__targets{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.8rem}.x-ai-workflow__targets button{display:grid;min-height:3.5rem;align-content:center;gap:.15rem;padding:.5rem;color:#111318;border:1px solid var(--ui-line);border-radius:.6rem;background:#fff;box-shadow:none}.x-ai-workflow__targets button[aria-checked=true]{border-color:#111318;background:var(--ui-accent);box-shadow:inset 0 -3px #111318}.x-ai-workflow__targets strong{font-size:.72rem}.x-ai-workflow__targets small{color:#66717b;font-size:.56rem}.x-ai-field{display:grid;gap:.45rem;margin-top:.9rem}.x-ai-field>span,.x-ai-prompt-card>div>span{color:#111318;font-size:.7rem;font-weight:900}.x-ai-field>span b,.x-ai-prompt-card>div>span b{margin-right:.35rem;color:var(--ui-third);font-family:var(--font-mono)}.x-ai-field textarea{width:100%;min-height:7rem;resize:vertical;padding:.75rem;border:1px solid var(--ui-line);border-radius:.6rem;outline:0;font-family:var(--font-mono);font-size:.7rem;line-height:1.65}.x-ai-field--result textarea{min-height:9rem}.x-ai-field textarea:focus{border-color:var(--ui-third);box-shadow:inset 0 -3px 0 var(--ui-accent)}.x-ai-prompt-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;margin-top:.8rem;padding:.8rem;color:#fff;border-radius:.7rem;background:#111318}.x-ai-prompt-card>div{display:flex;justify-content:space-between;gap:1rem}.x-ai-prompt-card>div>span{color:#fff}.x-ai-prompt-card small{color:#97a1aa;font-family:var(--font-mono);font-size:.56rem}.x-ai-prompt-card p{margin:0;color:#b9c0c6;font-size:.64rem;line-height:1.55}.x-ai-prompt-card>button{grid-area:1 / 2 / 3 / 3;min-height:3rem;padding:.5rem .8rem;color:#111318;border:0;border-radius:.5rem;background:var(--ui-accent);box-shadow:0 3px 0 var(--ui-third);font-size:.68rem;font-weight:900}.x-ai-workflow__check{display:grid;gap:.18rem;margin-top:.65rem;padding:.55rem .7rem;color:#596670;border-left:4px solid #99a3ac;background:var(--ui-soft)}.x-ai-workflow__check[data-ready=true]{border-left-color:var(--ui-accent)}.x-ai-workflow__check strong{color:#111318;font-size:.68rem}.x-ai-workflow__check span{font-size:.6rem;line-height:1.5}.x-ai-workflow__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--ui-line)}.x-ai-workflow__footer p{max-width:30rem;margin:0;color:#596670;font-size:.62rem;line-height:1.55}.x-ai-workflow__footer button{min-height:3rem;flex:none;padding:.55rem .9rem;color:#111318;border:1px solid #111318;border-radius:.5rem;background:var(--ui-accent);box-shadow:0 3px #111318;font-size:.68rem;font-weight:900}.x-ai-workflow__footer button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:79.99em){.x-workbench{grid-template-columns:minmax(14rem,17rem) minmax(21rem,1fr) minmax(16rem,19rem)}.x-article-workbench{grid-template-columns:minmax(15rem,18rem) minmax(24rem,1fr) minmax(17rem,20rem)}.x-workspace-switch button{min-width:6.4rem}}@media(max-width:49.99em){.x-studio{height:auto;min-height:100dvh;overflow:auto}.x-commandbar{align-items:flex-start;flex-direction:column}.x-commandbar__right{width:100%;align-items:stretch;flex-direction:column}.x-workspace-switch{align-self:flex-start}.x-commandbar__actions{width:100%}.x-commandbar button{flex:1}.x-workbench,.x-article-workbench{grid-template-columns:minmax(0,1fr);overflow:visible}.x-article-preview-pane{min-height:48rem;order:1}.x-article-source{min-height:38rem;order:2}.x-article-inspector{min-height:30rem;order:3}.x-preview-pane{min-height:48rem;order:1}.x-source-pane{min-height:42rem;order:2}.x-inspector-pane{min-height:34rem;order:3;border-left:0}.x-ai-backdrop{align-items:end;padding:0}.x-ai-workflow{width:100%;max-height:94dvh;border-radius:1rem 1rem 0 0;box-shadow:0 -.5rem color-mix(in srgb,var(--ui-accent) 52%,transparent)}}@media(max-width:31.99em){.x-commandbar>div:first-child{flex-direction:column;gap:.1rem}.x-commandbar small{display:none}.x-post-preview,.x-live-editor{width:calc(100% - 1rem)}.x-format-actions{max-width:15rem;overflow-x:auto}.x-unicode-proof{grid-template-columns:1fr}.x-live-editor__mode-note{align-items:flex-start;flex-direction:column}.x-live-editor__mode-note button{align-self:flex-start}.x-article-formatbar>.x-article-formatbar__split{margin-left:0;padding-left:0;border-left:0}.x-deck-actions{align-items:flex-start;flex-direction:column}.x-deck-actions>div{flex-wrap:wrap}.x-ai-workflow__route{grid-template-columns:1fr;text-align:left}.x-ai-workflow__route span{justify-content:flex-start}.x-ai-workflow__route i{display:none}.x-ai-workflow__targets,.x-ai-prompt-card{grid-template-columns:1fr}.x-ai-prompt-card>button{grid-area:auto;width:100%}.x-ai-workflow__footer{align-items:stretch;flex-direction:column}.x-ai-workflow__footer button{width:100%}}