.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-page);color:var(--ink);font-family:var(--font-sans);z-index:0}.app-body{flex:1;display:flex;min-height:0}.app-header{--app-header-control-height: 38px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1.25rem;border-bottom:1px solid var(--ink);background:var(--bg-card)}.app-header-brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);text-decoration:none;font-family:var(--font-mono);font-size:.85rem;line-height:1}.app-header-logo{display:block;width:24px;height:24px;flex:0 0 auto;object-fit:contain}.app-header-mark{font-weight:600}.app-header-left{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0;margin-left:1.2rem}.app-header-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto}.app-header-stat{display:inline-flex;align-items:center;gap:.4rem;height:var(--app-header-control-height);box-sizing:border-box;padding:.32rem .55rem;border:1px solid var(--comp-side);background:var(--bg-page);font-family:var(--font-mono);font-size:.78rem;color:var(--ink);white-space:nowrap;cursor:help;text-decoration:none}.app-header-stat-link{cursor:pointer;transition:border-color .12s,background .12s}.app-header-stat-link:hover{border-color:var(--ink)}.app-header-stat-icon{width:14px;height:14px;color:var(--ink-light);flex-shrink:0}.app-header-stat-link:hover .app-header-stat-icon{color:var(--ink)}.app-header-stat-value{font-feature-settings:"tnum"}.app-header-organization{position:relative;flex:0 1 15rem;min-width:0}.app-header-organization-switcher{min-height:var(--app-header-control-height)}.app-header-account-trigger,.app-header-user-fallback{display:inline-flex;align-items:center;gap:.5rem;width:100%;max-width:15rem;height:var(--app-header-control-height);box-sizing:border-box;padding:0 .55rem 0 .35rem;border:1px solid var(--comp-side);background:var(--bg-page);color:var(--ink);font-family:var(--font-mono);font-size:.82rem}.app-header-account-trigger{cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.app-header-account-trigger:hover{border-color:var(--ink);background:var(--bg-card)}.app-header-account-avatar,.app-header-user-fallback-avatar{width:28px;height:28px;flex-shrink:0;border-radius:0;object-fit:cover}.app-header-account-initial,.app-header-user-fallback-initial{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--comp-side);background:var(--bg-card);font-family:var(--font-mono);font-size:.76rem}.app-header-account-label,.app-header-user-fallback-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-user-fallback-name{font-family:var(--font-mono-email)}.app-header-account-chevron{width:12px;height:12px;flex-shrink:0;color:var(--ink-light)}.app-header-organization-loading{width:10rem;height:var(--app-header-control-height);border:1px dashed var(--comp-side);background:var(--bg-page)}.app-header-account-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:280px;z-index:100;display:flex;flex-direction:column;padding:.3rem 0;border:1px solid var(--ink);background:var(--bg-card);box-shadow:6px 6px 0 var(--comp-shadow)}.app-header-account-menu-item,.app-header-account-menu-action{display:grid;align-items:center;min-height:var(--app-header-control-height);border:0;background:var(--bg-card);color:var(--ink);font-family:var(--font-mono);font-size:.82rem;cursor:pointer;transition:background .12s}.app-header-account-menu-item{grid-template-columns:28px minmax(0,1fr) 14px;gap:.5rem;padding:0 .7rem;text-align:left}.app-header-account-menu-action{grid-template-columns:minmax(0,1fr);padding:0 .7rem;text-align:left}.app-header-account-menu-item:hover,.app-header-account-menu-item.active,.app-header-account-menu-action:hover{background:var(--bg-page)}.app-header-account-menu-item:disabled{cursor:wait;opacity:.65}.app-header-account-menu-item svg{justify-self:end}.app-header-account-menu-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-account-menu-divider{height:1px;margin:.3rem 0;background:var(--comp-side)}.app-header-scoped .app-header-left{flex:1;max-width:24rem}.app-header-scope{display:inline-flex;align-items:center;gap:.4rem;max-width:min(34vw,24rem);padding:.32rem .55rem;border:1px solid var(--comp-side);background:var(--bg-page);font-family:var(--font-mono);font-size:.76rem;color:var(--ink);white-space:nowrap}.app-header-scope-client,.app-header-scope-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.app-header-scope-separator{color:var(--ink-light);flex-shrink:0}.app-mailbox-switcher-wrapper{position:relative;display:inline-block;flex:1 1 16rem;min-width:12rem;width:100%;max-width:360px}.app-mailbox-switcher{display:flex;align-items:center;gap:.5rem;width:100%;height:var(--app-header-control-height);box-sizing:border-box;background:var(--bg-page);border:1px solid var(--comp-side);padding:0 .65rem;font-family:var(--font-mono);font-size:.82rem;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .15s}.app-mailbox-switcher:hover{border-color:var(--ink)}.app-mailbox-switcher.empty{text-decoration:none;color:var(--ink-light)}.app-mailbox-switcher.loading{border:1px dashed var(--comp-side);color:var(--ink-light);cursor:default}.app-mailbox-switcher-icon{width:14px;height:14px;flex-shrink:0;color:var(--ink-light)}.app-mailbox-switcher-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono-email)}.app-mailbox-switcher-chevron{width:12px;height:12px;flex-shrink:0;color:var(--ink-light)}.app-mailbox-switcher-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:280px;list-style:none;background:var(--bg-card);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--comp-shadow);padding:.3rem 0;z-index:100;display:flex;flex-direction:column}.app-mailbox-switcher-item{display:flex;align-items:center;gap:.5rem;min-height:var(--app-header-control-height);padding:0 .7rem;font-family:var(--font-mono);font-size:.82rem;color:var(--ink);cursor:pointer;transition:background .12s}.app-mailbox-switcher-item:hover,.app-mailbox-switcher-item.active{background:var(--bg-page)}.app-mailbox-switcher-item-dot{font-size:.7rem;width:.8rem;flex-shrink:0;color:var(--ink);line-height:1}.app-mailbox-switcher-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono-email)}.app-mailbox-switcher-divider{height:1px;background:var(--comp-side);margin:.3rem 0}.app-mailbox-switcher-domain-divider{margin:.45rem 0;background:var(--ink);opacity:.22}.app-mailbox-switcher-action{display:flex;align-items:center;min-height:var(--app-header-control-height);padding:0 .7rem;font-family:var(--font-mono);font-size:.82rem}.app-mailbox-switcher-action button{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;padding:0;font:inherit;color:var(--ink-light);text-decoration:none;cursor:pointer}.app-mailbox-switcher-action button:hover{color:var(--ink)}.app-sidebar{flex-shrink:0;width:240px;border-right:1px solid var(--ink);background:var(--bg-card);display:flex;flex-direction:column;min-height:0}.app-sidebar-scroll{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:1.25rem}.app-sidebar-footer{flex-shrink:0;border-top:1px solid var(--comp-side);padding:.5rem .6rem;background:var(--bg-card)}.app-sidebar-section{display:flex;flex-direction:column}.app-sidebar-title{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);padding:0 1rem .4rem}.app-sidebar-nav{display:flex;flex-direction:column}.app-sidebar-link{display:flex;align-items:center;gap:.55rem;padding:.5rem 1rem;font-size:.86rem;color:var(--ink-light);text-decoration:none;border-left:2px solid transparent;transition:background .15s,color .15s,border-color .15s}.app-sidebar-link:hover{background:var(--bg-page);color:var(--ink)}.app-sidebar-link.active{background:var(--bg-page);color:var(--ink);border-left-color:var(--ink)}.app-sidebar-icon{font-size:.95rem;flex-shrink:0}.app-sidebar-icon-svg{width:16px;height:16px;flex-shrink:0;color:currentColor;opacity:.8}.app-sidebar-link:hover .app-sidebar-icon-svg,.app-sidebar-link.active .app-sidebar-icon-svg{opacity:1}.app-sidebar-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar-link-mailbox .app-sidebar-text{font-family:var(--font-mono);font-size:.78rem}.app-sidebar-hint{padding:.4rem 1rem;font-size:.78rem;color:var(--ink-light);font-style:italic}.app-sidebar-hint-error{color:#b33b2e}.app-main{flex:1;min-width:0;overflow-y:auto;padding:2rem 2.5rem}.app-pane{display:flex;flex-direction:column;gap:1.25rem}.app-pane-header{border-bottom:1px solid var(--comp-side);padding-bottom:.85rem}.app-pane-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.app-pane-title{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;color:var(--ink)}.app-pane-meta{font-size:.78rem;color:var(--ink-light);font-family:var(--font-mono)}.app-pane-state{padding:1.5rem;text-align:center;color:var(--ink-light);font-size:.9rem}.app-pane-state-error{color:#b33b2e}.app-launch-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:var(--bg-page);color:var(--ink);font-family:var(--font-sans)}.app-launch-panel{width:min(100%,24rem);display:grid;gap:.85rem;padding:1.2rem;border:1px solid var(--ink);background:var(--bg-card);box-shadow:6px 6px 0 var(--comp-shadow)}.app-launch-brand{font-family:var(--font-mono);font-size:.88rem;font-weight:600}.app-launch-status,.app-launch-error{margin:0;font-size:.9rem;color:var(--ink-light)}.app-launch-error{color:#b33b2e}.app-authorization-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--bg-page);color:var(--ink);font-family:var(--font-sans)}.app-authorization-user{position:fixed;top:1.25rem;right:1.25rem;z-index:2}.app-authorization-main{min-height:100%;display:grid;place-items:center;padding:5rem 1.5rem 3rem}.app-authorization-card{width:min(100%,48.75rem);display:grid;gap:1rem}.app-authorization-header{display:grid;gap:.6rem;padding-bottom:.85rem;border-bottom:1px solid var(--comp-side)}.app-authorization-brand-strip{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app-authorization-brand{display:inline-flex;align-items:center;gap:.45rem;min-width:0;max-width:min(100%,18rem);padding:.35rem .5rem;border:1px solid var(--comp-side);background:var(--bg-card);color:var(--ink);font-size:.78rem;font-weight:700;line-height:1}.app-authorization-brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-authorization-brand-logo,.app-authorization-brand-mark{flex:0 0 1.55rem;width:1.55rem;height:1.55rem;border:1px solid var(--ink);background:#f2efe6}.app-authorization-brand-logo{display:block;object-fit:cover}.app-authorization-brand-mark{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);font-family:var(--font-mono);font-size:.72rem;font-weight:800;line-height:1;text-transform:uppercase}.app-authorization-brand-mails .app-authorization-brand-logo{border-color:#3e8e80;background:var(--bg-card)}.app-authorization-brand-client .app-authorization-brand-mark{border-color:#d7ac4e;background:#f4cc76;color:#332813}.app-authorization-connector{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.8rem;width:1.8rem;height:1.8rem;border:1px solid var(--comp-side);border-radius:999px;background:var(--bg-page);color:var(--ink-light)}.app-authorization-title{margin:0;color:var(--ink);font-family:var(--font-mono);font-size:clamp(1.05rem,1.8vw,1.32rem);font-style:normal;font-weight:600;line-height:1.25}.app-authorization-subtitle{max-width:42rem;margin:0;color:var(--ink-light);font-size:.9rem;line-height:1.55}.app-authorization-section{display:grid;gap:.75rem;padding:.95rem;background:var(--bg-card);border:1px dashed var(--comp-side)}.app-authorization-section-title{color:var(--ink);font-family:var(--font-mono);font-size:.78rem;font-weight:600}.app-authorization-scope-picker{display:grid;gap:.65rem}.app-authorization-domain-filter{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--comp-side);background:#ffffff5c}.app-authorization-domain-filter span{color:var(--ink-light);font-family:var(--font-mono);font-size:.72rem;font-weight:700}.app-authorization-domain-filter select{min-width:13rem;max-width:100%;height:2rem;padding:0 .55rem;border:1px solid var(--comp-side);background:var(--bg-card);color:var(--ink);font-family:var(--font-sans);font-size:.82rem}.app-authorization-choice-list{display:grid;gap:.55rem}.app-authorization-choice{display:grid;grid-template-columns:1.125rem minmax(0,1fr);gap:.65rem;align-items:start;width:100%;padding:.75rem .85rem;border:1px solid var(--comp-side);background:var(--bg-card);color:var(--ink);cursor:pointer;text-align:left;transition:border-color .12s ease,background .12s ease}.app-authorization-choice:hover{border-color:#9ccbc3}.app-authorization-choice.active{border-color:#4a9e8eb8;background:#4a9e8e14}.app-authorization-choice.emphasized{border-color:#d7ac4ea3;background:#f4cc761a}.app-authorization-choice.emphasized:hover{border-color:#d7ac4e}.app-authorization-choice.emphasized.active{border-color:#d7ac4e;background:#f4cc762e}.app-authorization-choice-radio{width:.875rem;height:.875rem;margin-top:.12rem;border:1px solid #bdb5a8;border-radius:999px;background:var(--bg-card)}.app-authorization-choice.active .app-authorization-choice-radio{border:4px solid #4a9e8e}.app-authorization-choice-copy{display:grid;gap:.2rem;min-width:0}.app-authorization-choice-copy strong{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:.83rem;line-height:1.35}.app-authorization-choice-copy span{color:var(--ink-light);font-size:.78rem;line-height:1.45}.app-authorization-permission-list{display:grid;gap:.45rem;margin:0;padding-left:1.1rem;color:var(--ink-light);font-size:.85rem;line-height:1.55}.app-authorization-tool-list{list-style:none;padding-left:0}.app-authorization-tool-list li{display:grid;gap:.16rem;padding:.65rem .7rem;border:1px solid var(--comp-side);background:#ffffff57}.app-authorization-tool-list strong{color:var(--ink);font-size:.82rem;line-height:1.35}.app-authorization-tool-list span{color:var(--ink-light);font-size:.78rem;line-height:1.45}.app-authorization-error{padding:.7rem .8rem;border:1px solid rgba(196,79,79,.28);background:#c44f4f14;color:#9d2f2f;font-size:.83rem;line-height:1.45}.app-authorization-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.app-authorization-button{min-height:2.25rem;padding:0 .9rem;border:1px solid var(--comp-side);background:var(--bg-card);color:var(--ink-light);font-family:var(--font-sans);font-size:.83rem;font-weight:700;cursor:pointer}.app-authorization-button:disabled{cursor:default;opacity:.64}.app-authorization-button-secondary:not(:disabled):hover{border-color:var(--ink);color:var(--ink)}.app-authorization-button-primary{border-color:#3e8e80;background:#4a9e8e;color:var(--bg-card)}.app-authorization-button-primary:not(:disabled):hover{background:#3e8e80}.app-empty{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;max-width:38rem;padding:2rem 0}.app-empty-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}html[lang=zh] .app-empty-title,html[lang=ja] .app-empty-title{font-style:normal;font-weight:500}html[lang=zh] .app-empty-title{font-family:var(--font-serif-zh)}html[lang=ja] .app-empty-title{font-family:var(--font-serif-ja)}.app-empty-body{color:var(--ink-light);font-size:.95rem;line-height:1.6}.app-empty-link{font-family:var(--font-mono);font-size:.85rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:1px}.app-phase-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border:1px solid var(--comp-side);background:var(--bg-card);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-light)}.app-preset-gallery{display:flex;flex-direction:column;gap:1rem}.app-preset-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.app-preset-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid var(--comp-side);background:var(--bg-card);padding:0;cursor:pointer;transition:border-color .12s,transform .12s;font-family:inherit;color:inherit;overflow:hidden}.app-preset-card:hover:not(:disabled){border-color:var(--ink)}.app-preset-card-selected{border-color:var(--ink);background:var(--bg-page);box-shadow:inset 0 0 0 1px var(--ink)}.app-preset-card-existing{opacity:.55;cursor:not-allowed}.app-preset-card-thumb{position:relative;display:flex;align-items:center;justify-content:center;padding:.55rem;background:var(--bg-page)}.app-preset-thumb-img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--bg-page)}.app-preset-card-thumb-custom{aspect-ratio:3 / 2;background:var(--bg-card);border-bottom:1px solid var(--comp-side)}.app-preset-card-plus{display:grid;place-items:center;width:3rem;height:3rem;line-height:1;color:var(--ink)}.app-preset-card-badge{position:absolute;top:.45rem;right:.45rem;display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .4rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page)}.app-preset-card-badge-existing{background:var(--bg-card);color:var(--ink-light);border-color:var(--comp-side)}.app-preset-card-body{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .9rem .85rem}.app-preset-card-name{font-size:.92rem;font-weight:500;color:var(--ink)}.app-preset-card-desc{font-size:.78rem;color:var(--ink-light);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-preset-gallery-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--comp-side);background:var(--bg-card);z-index:10}.app-preset-gallery-counter{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-light)}.app-preset-gallery-actions{display:flex;gap:.5rem}.app-modal-wide{width:min(56rem,100%);max-height:90vh}.app-pane-action-row{display:flex;gap:.45rem;align-items:center}.app-billing-balance{display:flex;align-items:baseline;gap:.85rem;padding:1.5rem;border:1px solid var(--ink);background:var(--bg-card);margin-bottom:1.25rem}.app-billing-balance-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light)}.app-billing-balance-value{font-family:var(--font-serif);font-size:2.6rem;font-style:italic;letter-spacing:-.02em;color:var(--ink)}html[lang=zh] .app-billing-balance-value,html[lang=ja] .app-billing-balance-value{font-style:normal;font-weight:500}.app-billing-topup-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.app-billing-autotopup-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.app-sidebar-lang{position:relative}.app-sidebar-lang-button{display:flex;align-items:center;gap:.55rem;width:100%;border:1px solid transparent;background:transparent;font-family:var(--font-sans);font-size:.82rem;color:var(--ink-light);padding:.4rem .5rem;cursor:pointer;text-align:left;transition:background .12s,border-color .12s,color .12s}.app-sidebar-lang-button:hover{background:var(--bg-page);color:var(--ink);border-color:var(--comp-side)}.app-sidebar-lang-short{display:inline-block;min-width:1.8rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink);font-weight:600}.app-sidebar-lang-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar-lang-chevron{width:12px;height:12px;color:var(--ink-light);flex-shrink:0;transition:transform .15s ease}.app-sidebar-lang-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;list-style:none;background:var(--bg-card);border:1px solid var(--ink);box-shadow:4px -4px 0 var(--comp-shadow);padding:.3rem 0;z-index:80;display:flex;flex-direction:column}.app-sidebar-lang-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .75rem;font-family:var(--font-sans);font-size:.82rem;color:var(--ink);cursor:pointer;transition:background .12s}.app-sidebar-lang-item:hover,.app-sidebar-lang-item.active{background:var(--bg-page)}.app-sidebar-lang-item-short{display:inline-block;min-width:1.5rem;font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--ink)}.app-sidebar-lang-item-label{flex:1}.app-email-frame{display:block;width:100%;min-height:24rem;border:0;background:#fff}.app-inbox-workspace{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);height:calc(100vh - 56px);margin:-2rem -2.5rem;overflow:hidden;background:var(--bg-page)}.app-inbox-list-column{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--ink);background:var(--bg-card)}.app-inbox-list-body{flex:1;min-height:0;overflow-y:auto}.app-inbox-detail-column{display:flex;min-width:0;min-height:0;background:var(--bg-page)}.app-inbox-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:var(--ink-light);font-size:.88rem}.app-inbox-preview-empty-icon{width:42px;height:42px;color:var(--comp-side)}.app-email-preview-state-shell,.app-email-preview{width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-page)}.app-email-preview-header{flex-shrink:0;display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.35rem;border-bottom:1px solid var(--comp-side);background:var(--bg-card)}.app-email-preview-back{display:none}.app-email-preview-subject-row{display:flex;align-items:flex-start;gap:.75rem}.app-email-preview-subject{flex:1;min-width:0;font-family:var(--font-serif);font-style:italic;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:400;line-height:1.15;color:var(--ink)}html[lang=zh] .app-email-preview-subject,html[lang=ja] .app-email-preview-subject{font-family:var(--font-sans);font-style:normal;font-weight:500}.app-email-preview-code{flex-shrink:0;font-family:var(--font-mono);font-size:.85rem;background:var(--bg-page);border:1px solid var(--ink);padding:.18rem .45rem}.app-email-preview-sender{display:flex;align-items:center;gap:.65rem;min-width:0}.app-email-preview-avatar{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--ink);background:var(--bg-page);font-family:var(--font-mono);font-size:.82rem;color:var(--ink)}.app-email-preview-sender-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}.app-email-preview-name{font-size:.9rem;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-email-preview-address{font-family:var(--font-mono-email);font-size:.74rem;color:var(--ink-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-email-preview-time{flex-shrink:0;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-light);white-space:nowrap}.app-email-preview-meta{display:grid;gap:.24rem;margin:0;font-family:var(--font-mono);font-size:.74rem}.app-email-preview-meta>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.6rem;align-items:baseline}.app-email-preview-meta dt{color:var(--ink-light);text-transform:uppercase;letter-spacing:.08em}.app-email-preview-meta dd{min-width:0;margin:0;font-family:var(--font-mono-email);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-email-preview-body{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}.app-email-preview-toolbar{position:absolute;top:.65rem;right:.65rem;z-index:2}.app-email-scale-button{border:1px solid var(--comp-side);background:#ffffffe0;color:var(--ink);font-family:var(--font-mono);font-size:.72rem;padding:.26rem .45rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-email-scale-button:hover{border-color:var(--ink)}.app-email-frame-preview{height:100%;min-height:0}.app-email-text-preview{height:100%;overflow:auto}.app-email-preview-attachments{flex-shrink:0;padding:.85rem 1.1rem 1rem;border-top:1px solid var(--comp-side);background:var(--bg-card)}.app-email-preview-attachment-icon{width:13px;height:13px;margin-right:.35rem;vertical-align:-2px}.app-mail-pane{display:flex;flex-direction:column;margin:-1rem}.app-mail-list{list-style:none;display:flex;flex-direction:column}.app-mail-row+.app-mail-row{border-top:1px solid var(--comp-side)}.app-mail-row-link{display:flex;align-items:flex-start;gap:1rem;width:100%;padding:.65rem 1.25rem;color:var(--ink);text-decoration:none;font:inherit;text-align:left;border:0;background:transparent;cursor:pointer;transition:background .12s}.app-mail-row-link:hover{background:var(--bg-page)}.app-mail-row-link.selected{background:var(--bg-page);box-shadow:inset 2px 0 0 var(--ink)}.app-mail-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.18rem}.app-mail-row-line1{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink-light);min-width:0}.app-mail-row-arrow{width:12px;height:12px;color:var(--ink-light);flex-shrink:0}.app-mail-row-sender{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}.app-mail-row-sender-addr{font-family:var(--font-mono-email);font-size:.72rem;color:var(--ink-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.app-mail-row-line2{display:flex;align-items:baseline;gap:.55rem;min-width:0}.app-mail-row-subject{flex:1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.app-mail-row-code{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-light);flex-shrink:0}.app-mail-row-time{flex-shrink:0;align-self:center;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light);white-space:nowrap}.app-mail-pagination{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem 1rem;border-top:1px solid var(--comp-side);background:var(--bg-card)}.app-mail-pagination-button{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--comp-side);background:var(--bg-page);color:var(--ink);cursor:pointer;transition:border-color .12s,opacity .12s}.app-mail-pagination-button svg{width:15px;height:15px}.app-mail-pagination-button:hover:not(:disabled){border-color:var(--ink)}.app-mail-pagination-button:disabled{opacity:.4;cursor:default}.app-mail-pagination-label{min-width:4rem;text-align:center;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-email-list{list-style:none;display:flex;flex-direction:column;border:1px solid var(--comp-side);background:var(--bg-card)}.app-email-row+.app-email-row{border-top:1px solid var(--comp-side)}.app-email-link{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;gap:1rem;align-items:baseline;padding:.8rem 1rem;color:var(--ink);text-decoration:none;transition:background .15s}.app-email-link:hover{background:var(--bg-page)}.app-email-from{min-width:0;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-email-from-addr{color:var(--ink-light);font-family:var(--font-mono-email);font-size:.78rem}.app-email-subject{min-width:0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-email-code{margin-left:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-email-time{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-light);white-space:nowrap}.app-email-detail{display:flex;flex-direction:column;gap:1.5rem;max-width:920px}.app-email-back{align-self:flex-start;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light);text-decoration:none}.app-email-back:hover{color:var(--ink)}.app-email-detail-header{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--comp-side)}.app-email-detail-subject{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:400;line-height:1.2;letter-spacing:-.02em}html[lang=zh] .app-email-detail-subject,html[lang=ja] .app-email-detail-subject{font-style:normal;font-weight:500}.app-email-detail-meta{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--ink);font-family:var(--font-mono)}.app-email-detail-meta>div{display:flex;gap:.55rem;align-items:baseline}.app-email-detail-label{display:inline-block;min-width:6rem;color:var(--ink-light);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.app-email-detail-from-addr{color:var(--ink-light);font-family:var(--font-mono-email);font-size:.78rem}.app-email-detail-code{font-family:var(--font-mono);font-size:1rem;background:var(--bg-card);border:1px solid var(--comp-side);padding:.15rem .5rem}.app-email-body{border:1px solid var(--comp-side);background:var(--bg-card);min-height:12rem}.app-email-iframe{width:100%;min-height:32rem;border:none;display:block;background:#fff}.app-email-text{white-space:pre-wrap;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;padding:1.25rem;color:var(--ink)}.app-attachments{display:flex;flex-direction:column;gap:.6rem}.app-attachments-title{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);font-weight:600}.app-attachments-list{list-style:none;display:flex;flex-direction:column;border:1px solid var(--comp-side);background:var(--bg-card)}.app-attachment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.7rem 1rem}.app-attachment-row+.app-attachment-row{border-top:1px solid var(--comp-side)}.app-attachment-name{font-family:var(--font-mono);font-size:.86rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-attachment-type{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light)}.app-attachment-download{border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.78rem;padding:.3rem .7rem;cursor:pointer;transition:background .15s,color .15s}.app-attachment-download:hover{background:var(--ink);color:var(--bg-page)}.app-attachment-download:disabled{opacity:.55;cursor:default}.app-pane-action{border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);font-family:var(--font-sans);font-size:.82rem;padding:.4rem .85rem;cursor:pointer;transition:opacity .15s}.app-pane-action:hover{opacity:.85}.app-pane-subtitle{margin-top:.55rem;color:var(--ink-light);font-size:.85rem;line-height:1.5}.app-empty-cta{margin-top:.5rem;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);font-family:var(--font-sans);font-size:.85rem;padding:.55rem 1.1rem;cursor:pointer;transition:opacity .15s}.app-empty-cta:hover{opacity:.85}.app-product-list{list-style:none;border:1px solid var(--comp-side);background:var(--bg-card)}.app-product-row+.app-product-row{border-top:1px solid var(--comp-side)}.app-product-link{display:grid;grid-template-columns:1fr minmax(0,14rem) auto;gap:1rem;align-items:center;padding:.9rem 1rem;color:var(--ink);text-decoration:none;transition:background .15s}.app-product-link:hover{background:var(--bg-page)}.app-product-name{font-size:.92rem;font-weight:500}.app-product-slug{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-product-status{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-light);white-space:nowrap}.app-product-status.connected{color:#236046}.app-product-status:before{content:"○ "}.app-product-status.connected:before{content:"● "}.app-product-detail{display:flex;flex-direction:column;gap:2rem;max-width:960px}.app-product-detail-header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.app-product-slug-pill{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-card);border:1px solid var(--comp-side);padding:.2rem .55rem;color:var(--ink-light)}.app-product-delete{margin-left:auto;border:1px solid var(--comp-side);background:transparent;color:#b33b2e;font-family:var(--font-sans);font-size:.78rem;padding:.35rem .75rem;cursor:pointer;transition:background .15s}.app-product-delete:hover{background:#b33b2e14}.app-section{display:flex;flex-direction:column;gap:.55rem;padding:1.2rem 1.25rem;border:1px solid var(--comp-side);background:var(--bg-card)}.app-section-title{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);font-weight:600;margin:0}.app-section-help{font-size:.85rem;line-height:1.55;color:var(--ink-light);margin:0}.app-section-status{margin:.25rem 0 0;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-section-status.connected{color:#236046}.app-section-message{margin:0;font-size:.82rem;color:var(--ink-light)}.app-section-message-error{color:#b33b2e}.app-section-footer-note{margin-top:.5rem;font-size:.78rem;color:var(--ink-light);font-style:italic}.app-copy-row{display:flex;align-items:stretch;gap:.5rem}.app-copy-code{flex:1;min-width:0;font-family:var(--font-mono);font-size:.82rem;background:var(--bg-page);border:1px solid var(--comp-side);padding:.55rem .7rem;overflow-x:auto;white-space:nowrap}.app-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.78rem;padding:0 .85rem;cursor:pointer;min-height:2.05rem;white-space:nowrap;transition:background .15s,color .15s}.app-copy-btn:hover{background:var(--ink);color:var(--bg-page)}.app-copy-btn:disabled{cursor:default;opacity:.56}.app-copy-btn:disabled:hover{background:transparent;color:var(--ink)}.app-copy-btn-danger{border-color:#b33b2e8f;color:#9d2f2f}.app-copy-btn-danger:hover{background:#9d2f2f;color:var(--bg-page)}.app-integration-list{list-style:none;display:grid;gap:.75rem}.app-integration-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:1rem;align-items:start;padding:1rem;border:1px solid var(--comp-side);background:var(--bg-card)}.app-integration-main{min-width:0;display:grid;gap:.65rem}.app-integration-heading{min-width:0;display:flex;align-items:center;gap:.65rem}.app-integration-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.15rem;width:2.15rem;height:2.15rem;border:1px solid #d7ac4e;background:#f4cc76;color:#332813;font-family:var(--font-mono);font-size:.76rem;font-weight:800}.app-integration-title-copy{min-width:0;display:grid;gap:.16rem}.app-integration-title-copy strong{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:.95rem;line-height:1.25}.app-integration-title-copy span{min-width:0;overflow-wrap:anywhere;color:var(--ink-light);font-size:.8rem;line-height:1.35}.app-integration-meta{display:flex;flex-wrap:wrap;gap:.45rem .75rem;color:var(--ink-light);font-size:.76rem;line-height:1.35}.app-integration-scopes{display:flex;flex-wrap:wrap;gap:.4rem}.app-integration-scopes span{display:inline-flex;align-items:center;min-height:1.55rem;padding:0 .55rem;border:1px solid rgba(74,158,142,.26);background:#4a9e8e14;color:#2f8278;font-size:.72rem;font-weight:700}.app-integration-controls{min-width:0;display:grid;gap:.65rem}.app-integration-scope-field{margin-bottom:0}.app-integration-tool-field{display:grid;gap:.5rem;margin:0;padding:.7rem;border:1px solid var(--comp-side);background:#ffffff52}.app-integration-tool-field legend{padding:0 .25rem;color:var(--ink-light);font-family:var(--font-mono);font-size:.7rem;font-weight:700}.app-integration-tool-choice{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.55rem;align-items:start;color:var(--ink)}.app-integration-tool-choice input{margin:.14rem 0 0;accent-color:#4a9e8e}.app-integration-tool-choice>span{display:grid;gap:.12rem;min-width:0}.app-integration-tool-choice strong{color:var(--ink);font-size:.78rem;line-height:1.35}.app-integration-tool-choice span span{color:var(--ink-light);font-size:.74rem;line-height:1.38}.app-integration-actions{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.app-signing-row{display:flex;gap:.55rem;align-items:stretch}.app-signing-row .app-field-input{flex:1}.app-bindings-table{width:100%;border-collapse:collapse;margin-top:.4rem;font-size:.85rem}.app-bindings-table th,.app-bindings-table td{text-align:left;padding:.55rem;border-bottom:1px solid var(--comp-side);vertical-align:top}.app-bindings-table th{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);font-weight:600}.app-binding-event{display:flex;flex-direction:column;gap:.18rem}.app-binding-event code{font-family:var(--font-mono);font-size:.78rem;color:var(--ink)}.app-binding-event-name{font-size:.78rem;color:var(--ink-light)}.app-binding-template{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-binding-status{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-light)}.app-binding-status.active{color:#236046}.app-binding-status.staged{color:#7a4d00;border:1px solid #d4b85a;background:#fff5d0;padding:.18rem .5rem}.app-binding-status.disabled{color:#b33b2e}.app-binding-status.inactive{color:var(--ink-light);opacity:.7}.app-rollout-control{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.78rem}.app-rollout-slider{width:8rem;accent-color:var(--ink)}.app-rollout-value{width:2.6rem;text-align:right;color:var(--ink-light)}.app-rollout-error{color:#b33b2e;font-weight:700;cursor:help}.app-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.app-field-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light)}.app-field-input{border:1px solid var(--ink);background:var(--bg-page);padding:.55rem .7rem;font-family:var(--font-sans);font-size:.9rem;color:var(--ink);outline:none}.app-field-input:focus{outline:2px solid var(--ink);outline-offset:1px}.app-field-mono{font-family:var(--font-mono);font-size:.85rem}.app-field-hint{font-size:.78rem;color:var(--ink-light)}.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.app-modal{width:min(34rem,100%);max-height:min(90vh,40rem);overflow:auto;background:var(--bg-card);border:1px solid var(--ink);box-shadow:14px 14px 0 var(--comp-shadow);display:flex;flex-direction:column}.app-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;border-bottom:1px solid var(--comp-side)}.app-modal-title{font-family:var(--font-serif);font-style:italic;font-size:1.45rem;font-weight:400}html[lang=zh] .app-modal-title,html[lang=ja] .app-modal-title{font-style:normal;font-weight:500}.app-modal-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--ink-light);cursor:pointer;padding:0}.app-modal-body{padding:1.2rem 1.25rem}.app-modal-error{color:#b33b2e;font-size:.84rem;margin-top:.5rem}.app-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--comp-side)}.app-modal-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);font-family:var(--font-sans);font-size:.85rem;padding:.55rem 1.2rem;cursor:pointer;transition:opacity .15s}.app-modal-primary:hover{opacity:.85}.app-modal-primary:disabled{opacity:.55;cursor:default}.app-modal-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--comp-side);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.85rem;padding:.55rem 1.2rem;cursor:pointer;transition:background .15s}.app-modal-secondary:hover{background:var(--bg-page)}.app-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2.1rem;min-height:2.1rem;border:1px solid var(--comp-side);background:var(--bg-card);color:var(--ink);font-family:var(--font-sans);font-size:.82rem;line-height:1;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.app-icon-button:hover:not(:disabled){border-color:var(--ink)}.app-icon-button:disabled{opacity:.45;cursor:default}.app-icon-button-danger{color:#b33b2e}.app-icon-button-danger:hover:not(:disabled){background:#b33b2e14;border-color:#b33b2e}.app-icon-spin{animation:app-icon-spin .9s linear infinite}@keyframes app-icon-spin{to{transform:rotate(360deg)}}.app-domain-workspace{--app-domain-list-width: 340px;display:grid;grid-template-columns:var(--app-domain-list-width) minmax(0,1fr);height:calc(100vh - 56px);margin:-2rem -2.5rem;overflow:hidden;background:var(--bg-page)}.app-domain-list-column,.app-domain-detail-column{min-width:0;min-height:0}.app-domain-list-column{display:flex;flex-direction:column;border-right:1px solid var(--ink);background:var(--bg-card)}.app-domain-column-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:start;padding:1rem;border-bottom:1px solid var(--comp-side)}.app-domain-column-header .app-pane-title{font-size:1rem}.app-domain-column-header .app-pane-subtitle{margin-top:.25rem}.app-template-list-add.active{border-color:var(--ink);background:var(--bg-page)}.app-domain-list-body{flex:1;min-height:0;overflow-y:auto}.app-domain-list{list-style:none;display:flex;flex-direction:column}.app-domain-list-item{border-bottom:1px solid var(--comp-side)}.app-domain-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;align-items:center;width:100%;border:0;border-left:3px solid transparent;background:transparent;color:var(--ink);padding:.8rem .9rem;text-align:left;cursor:pointer}.app-domain-list-row:hover,.app-domain-list-row.selected{background:var(--bg-page);border-left-color:var(--ink)}.app-domain-list-main{min-width:0;display:flex;flex-direction:column;gap:.25rem}.app-domain-list-add-row{grid-template-columns:minmax(0,1fr)}.app-domain-add-label{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);font-size:.86rem}.app-domain-provider-icon{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;color:#f38020;flex-shrink:0}.app-domain-detail-column{overflow-y:auto;padding:1.25rem}.app-domain-detail-stack{max-width:780px;display:flex;flex-direction:column;gap:.9rem}.app-domain-detail-header{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding-bottom:.25rem}.app-domain-detail-header .app-domain-name{flex:0 1 auto}.app-domain-add-form{display:grid;gap:.85rem;max-width:32rem}.app-domain-groups{display:flex;flex-direction:column;gap:1.25rem}.app-domain-group{display:flex;flex-direction:column;gap:.6rem}.app-domain-group-header{display:flex;align-items:baseline;gap:.5rem}.app-domain-group-product{font-size:.92rem;font-weight:500}.app-domain-row{border:1px solid var(--comp-side);background:var(--bg-card)}.app-domain-summary{display:flex;align-items:center;gap:.7rem;width:100%;border:none;background:transparent;padding:.65rem .85rem;cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--ink)}.app-domain-summary:hover{background:var(--bg-page)}.app-domain-name{flex:1;font-family:var(--font-mono);font-size:.88rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.app-domain-region{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light)}.app-domain-chevron{color:var(--ink-light);font-size:.9rem;flex-shrink:0}.app-domain-details{display:flex;flex-direction:column;gap:.85rem;padding:.4rem .85rem 1rem;border-top:1px solid var(--comp-side)}.app-domain-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.app-domain-actions .app-product-delete{margin-left:auto}.app-domain-actions .app-product-delete,.app-domain-delete-confirm .app-product-delete{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.app-domain-delete-confirm{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;border:1px solid #d9a099;background:#fff4f2}.app-domain-delete-confirm p{margin:0;color:#8f2d23;font-size:.84rem;line-height:1.45}.app-domain-delete-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.app-domain-verification-warning{padding:.65rem .75rem;border:1px solid #d9a099;background:#fff4f2;color:#8f2d23;font-size:.84rem;line-height:1.45}.app-domain-webhook-card{display:flex;flex-direction:column;gap:.55rem;padding:.85rem;background:var(--bg-page);border:1px dashed var(--comp-side)}.app-domain-byo-card{display:flex;flex-direction:column;gap:.55rem;padding:.85rem;background:#f6fbf8;border:1px solid #b8d8c2}.app-domain-inbound-card{border-style:solid}.app-domain-inbound-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end}.app-domain-org-mailbox-form{display:grid;gap:.75rem}.app-domain-provider-ready{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border:1px solid #f4c182;background:#fff8ef;color:var(--ink);font-size:.84rem}.app-domain-cloudflare-connect{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}.app-domain-inbound-local{min-width:0}.app-domain-inbound-address{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--comp-side);background:var(--bg-card)}.app-domain-inbound-address .app-field-input{border:0;background:transparent}.app-domain-inbound-address span{min-width:0;padding:0 .65rem;color:var(--ink-light);font-family:var(--font-mono);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-domain-inbound-created{display:flex;flex-direction:column;gap:.55rem;padding-top:.65rem;border-top:1px solid var(--comp-side)}.app-domain-inbound-existing{display:flex;flex-direction:column;gap:.45rem;padding-top:.65rem;border-top:1px solid var(--comp-side)}.app-domain-route-sync{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}.app-domain-route-sync .app-section-help{margin:0}.app-domain-inbound-list{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none}.app-domain-inbound-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.65rem;align-items:center;font-size:.78rem}.app-domain-inbound-list small{grid-column:1 / -1;color:#8f2d23;line-height:1.35}.app-domain-inbound-list code,.app-domain-inbound-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-domain-webhook-title{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--ink)}.app-domain-webhook-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr) auto;gap:.55rem;align-items:center}.app-domain-webhook-label{font-size:.78rem;color:var(--ink-light)}.app-domain-webhook-url{min-width:0;overflow:hidden;padding:.45rem .55rem;background:var(--bg-card);border:1px solid var(--comp-side);color:var(--ink);font-family:var(--font-mono);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.app-copy-icon-btn{display:inline-flex;align-items:center;gap:.35rem}.app-cloudflare-link{text-decoration:none}.app-cloudflare-link svg{color:#f38020}@media(max-width:720px){.app-domain-inbound-form,.app-domain-inbound-list li,.app-domain-webhook-row{grid-template-columns:minmax(0,1fr)}}.app-dns-table td code{font-family:var(--font-mono);font-size:.78rem;color:var(--ink);word-break:break-all}.app-dns-value{display:inline-block;max-width:26rem;white-space:normal;overflow-wrap:anywhere}.app-dns-priority{margin-left:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-light)}.app-cf-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem;padding:.85rem;background:var(--bg-page);border:1px dashed var(--comp-side)}.app-section-help-small{font-size:.78rem}.app-domain-link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}.app-cf-result{margin-top:.4rem;font-size:.85rem}.app-cf-result-list{list-style:none;margin-top:.4rem;font-family:var(--font-mono);font-size:.78rem;display:flex;flex-direction:column;gap:.18rem}.app-cf-result-list .ok{color:#236046}.app-cf-result-list .fail{color:#b33b2e}.app-cf-result-error{margin-left:.4rem;color:#b33b2e}.app-editor{display:flex;flex-direction:column;height:100%;margin:-2rem -2.5rem}.app-editor-toolbar{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--comp-side);background:var(--bg-card)}.app-editor-toolbar-title{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0}.app-editor-template-slug{font-family:var(--font-mono);font-size:.95rem;font-weight:500}.app-editor-toolbar-actions{display:flex;align-items:center;gap:.55rem}.app-editor-locale-select{width:auto;padding:.35rem .6rem;font-size:.78rem}.app-editor-save-indicator{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light);display:inline-block;max-width:min(24rem,44vw);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-editor-save-saved{color:#236046}.app-editor-save-error{color:#b33b2e}.app-editor-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr)}.app-editor-preview{display:flex;flex-direction:column;padding:1rem 1.25rem;background:var(--bg-page);overflow:auto;border-right:1px solid var(--comp-side)}.app-editor-preview-meta{margin-bottom:.6rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-editor-preview-meta strong{font-weight:600;color:var(--ink);margin-right:.4rem}.app-editor-preview-error{margin-bottom:.6rem;padding:.55rem .7rem;background:var(--bg-card);border:1px solid var(--comp-side)}.app-editor-iframe{flex:1;width:100%;min-height:28rem;border:1px solid var(--comp-side);background:#fff}.app-editor-side{display:flex;flex-direction:column;min-height:0;background:var(--bg-card)}.app-editor-tabs{flex-shrink:0;display:flex;border-bottom:1px solid var(--comp-side)}.app-editor-tab{flex:1;border:none;background:transparent;padding:.65rem .5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);cursor:pointer;border-bottom:2px solid transparent}.app-editor-tab:hover{color:var(--ink)}.app-editor-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.app-editor-tab-body{flex:1;overflow-y:auto;padding:1rem}.app-blocks-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.app-block-card{border:1px solid var(--comp-side);background:var(--bg-page);padding:.6rem .7rem}.app-block-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.app-block-type{font-family:var(--font-mono);font-size:.78rem;color:var(--ink)}.app-block-actions{display:flex;gap:.25rem}.app-block-actions button{border:1px solid var(--comp-side);background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:.78rem;padding:.1rem .45rem;cursor:pointer}.app-block-actions button:disabled{opacity:.4;cursor:default}.app-block-fields{display:flex;flex-direction:column;gap:.3rem}.app-block-field{margin-bottom:0}.app-block-field .app-field-label{font-size:.66rem}.app-blocks-add{margin-top:.75rem}.app-blocks-add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.35rem;margin-top:.3rem}.app-block-add-btn{border:1px solid var(--comp-side);background:transparent;font-family:var(--font-mono);font-size:.74rem;color:var(--ink);padding:.4rem .55rem;cursor:pointer;text-align:center}.app-block-add-btn:hover{background:var(--bg-page)}.app-locale-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.55rem;align-items:center}.app-locale-tab{border:1px solid var(--comp-side);background:transparent;font-family:var(--font-mono);font-size:.75rem;padding:.3rem .6rem;cursor:pointer}.app-locale-tab.active{background:var(--ink);color:var(--bg-page);border-color:var(--ink)}.app-locale-tab-add{color:#236046}.app-locale-add{border:1px dashed var(--comp-side);background:transparent;font-family:var(--font-mono);font-size:.74rem;padding:.25rem .45rem;width:9rem}.app-i18n-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.app-i18n-row{display:grid;grid-template-columns:8rem 1fr;gap:.55rem;align-items:start}.app-i18n-key{font-family:var(--font-mono);font-size:.78rem;padding-top:.4rem;color:var(--ink-light)}.app-i18n-add{display:flex;gap:.4rem;margin-top:.55rem}.app-fieldset{border:1px solid var(--comp-side);padding:.6rem .7rem;margin-bottom:1rem}.app-fieldset legend{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);padding:0 .3rem}.app-radio{display:flex;align-items:center;gap:.4rem;font-size:.85rem;padding:.25rem 0}.app-ai-panel{display:flex;flex-direction:column;gap:.8rem;height:100%}.app-ai-help{font-size:.82rem;color:var(--ink-light);line-height:1.5}.app-ai-examples{list-style:none;display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem}.app-ai-example{display:inline-flex;align-items:flex-start;gap:.4rem;text-align:left;font-family:var(--font-mono);font-size:.74rem;background:var(--bg-page);border:1px dashed var(--comp-side);padding:.35rem .55rem;cursor:pointer;color:var(--ink-light);width:100%}.app-ai-example:hover{background:var(--bg-card);color:var(--ink)}.app-ai-history{list-style:none;display:flex;flex-direction:column;gap:.8rem;flex:1;min-height:0;overflow-y:auto}.app-ai-turn{display:flex;flex-direction:column;gap:.45rem}.app-ai-prompt{display:flex;justify-content:flex-end}.app-ai-bubble{background:var(--ink);color:var(--bg-page);padding:.55rem .75rem;border-radius:4px;max-width:90%;font-size:.85rem;line-height:1.5;white-space:pre-wrap}.app-ai-response{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .7rem;background:var(--bg-page);border:1px solid var(--comp-side)}.app-ai-pending{font-style:italic;color:var(--ink-light)}.app-ai-explanation{font-size:.85rem;line-height:1.5;color:var(--ink);margin:0}.app-ai-ops{font-size:.78rem;font-family:var(--font-mono)}.app-ai-ops summary{cursor:pointer;color:var(--ink-light);padding:.15rem 0}.app-ai-ops-pre{background:var(--bg-card);border:1px solid var(--comp-side);padding:.55rem;margin-top:.3rem;font-size:.72rem;line-height:1.45;max-height:18rem;overflow:auto;white-space:pre}.app-ai-actions{display:flex;justify-content:flex-end}.app-ai-input-row{position:relative;flex-shrink:0}.app-ai-input-row textarea{width:100%;min-height:5.1rem;padding-right:2.9rem;padding-bottom:2.35rem;resize:none;font-family:var(--font-sans)}.app-ai-send-button{position:absolute;right:.45rem;bottom:.45rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);cursor:pointer}.app-ai-send-button:disabled{opacity:.45;cursor:default}.app-template-workspace{--app-template-list-width: 340px;display:grid;grid-template-columns:var(--app-template-list-width) minmax(0,1fr);height:calc(100vh - 56px);margin:-2rem -2.5rem;overflow:hidden;background:var(--bg-page)}.app-template-list-column,.app-template-gallery-column,.app-template-setup-column,.app-template-canvas-column,.app-template-inspector-column{min-width:0;min-height:0}.app-template-list-column{display:flex;flex-direction:column;border-right:1px solid var(--ink);background:var(--bg-card)}.app-template-list-actions{flex-shrink:0;display:flex;justify-content:flex-end;padding:.75rem;border-bottom:1px solid var(--comp-side)}.app-template-list-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid var(--comp-side)}.app-template-list-title{margin:0;font-size:1rem;font-weight:600}.app-template-list-count{margin:.15rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light)}.app-template-list-add{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--comp-side);background:var(--bg-page);color:var(--ink);font-family:var(--font-mono);font-size:1.1rem;cursor:pointer}.app-template-list-add:hover{border-color:var(--ink)}.app-template-list-body{flex:1;min-height:0;overflow-y:auto}.app-template-list{list-style:none;display:flex;flex-direction:column}.app-template-list-item{border-bottom:1px solid var(--comp-side)}.app-template-row{display:block;align-items:center;padding:.8rem .9rem;color:var(--ink);text-decoration:none;border-left:3px solid transparent}.app-template-row:hover,.app-template-row.selected{background:var(--bg-page);border-left-color:var(--ink)}.app-template-row-main{min-width:0;display:flex;flex-direction:column;gap:.22rem}.app-template-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.82rem;font-weight:600}.app-template-row-kind{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--ink-light)}.app-template-row-status{align-self:start;font-family:var(--font-mono);font-size:.68rem;color:var(--ink-light);border:1px solid var(--comp-side);padding:.18rem .35rem;white-space:nowrap}.app-template-row-status.live{color:#236046;border-color:#9ecbb8}.app-template-gallery-column{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.25rem;background:var(--bg-page)}.app-template-column-header{flex-shrink:0}.app-template-setup-column,.app-template-inspector-column{overflow-y:auto;padding:1rem;background:var(--bg-card)}.app-template-setup-column{display:flex;flex-direction:column;gap:.8rem}.app-template-editor-workspace{grid-template-columns:var(--app-template-list-width) minmax(0,1fr)}.app-template-canvas-column{position:relative;display:flex;flex-direction:column;background:#eceae5}.app-template-error-column{justify-content:center;align-items:center;padding:1.5rem}.app-template-load-error{width:min(100%,34rem);display:flex;flex-direction:column;gap:.85rem;border:1px solid var(--comp-side);background:var(--bg-card);padding:1.25rem}.app-template-load-error-kicker{margin:0;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-light);text-transform:uppercase}.app-template-load-error h2,.app-template-load-error p{margin:0}.app-template-load-error h2{font-size:1.1rem;font-weight:600}.app-template-load-error p{color:var(--ink-light);line-height:1.55}.app-template-load-error code{width:100%;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--comp-side);background:var(--bg-page);padding:.55rem .65rem;font-family:var(--font-mono);font-size:.78rem;white-space:nowrap}.app-template-load-error-actions{display:flex;flex-wrap:wrap;gap:.6rem}.app-template-editor-topbar{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid var(--comp-side);background:var(--bg-card)}.app-template-editor-topbar-compact{justify-content:space-between}.app-template-editor-title{flex:1;min-width:0}.app-template-editor-eyebrow{display:block;margin-bottom:.15rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light)}.app-template-editor-title h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:1rem;font-weight:600}.app-template-editor-actions{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0;flex-wrap:wrap}.app-template-save-center{position:absolute;left:50%;top:50%;z-index:1;min-width:8rem;pointer-events:none;text-align:center;transform:translate(-50%,-50%)}.app-template-toolbar-button{min-height:2.15rem;padding:0 .75rem}.app-locale-menu{position:relative;flex-shrink:0}.app-locale-menu-button{min-height:2.15rem;padding:0 .6rem;font-family:var(--font-mono)}.app-locale-menu-popover{position:absolute;top:calc(100% + .35rem);right:0;z-index:40;width:13rem;border:1px solid var(--ink);background:var(--bg-card);box-shadow:8px 8px 0 var(--comp-shadow)}.app-locale-menu-list{list-style:none;max-height:12rem;overflow-y:auto}.app-locale-menu-item{display:flex;align-items:center;gap:.45rem;width:100%;border:0;border-bottom:1px solid var(--comp-side);background:transparent;color:var(--ink);padding:.55rem .65rem;font-family:var(--font-mono);font-size:.78rem;cursor:pointer;text-align:left}.app-locale-menu-item:hover,.app-locale-menu-item.active{background:var(--bg-page)}.app-locale-new-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;padding:.55rem}.app-locale-new-row .app-field-input{min-width:0;padding:.45rem .55rem}.app-template-subject-strip{flex:1;min-width:0;max-width:min(48rem,calc(50vw - 4rem));display:flex;gap:.5rem;align-items:center;padding:0;background:transparent;font-size:.82rem}.app-template-subject-strip>span{flex-shrink:0;white-space:nowrap;color:var(--ink-light)}.app-template-subject-input{min-width:0;width:100%;border:1px solid transparent;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:.82rem;font-weight:600;outline:none;padding:.35rem .45rem}.app-template-subject-input:hover,.app-template-subject-input:focus{background:var(--bg-page);border-color:var(--comp-side)}.app-template-subject-strip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.app-template-canvas-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.app-template-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#eceae594;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-visual-email-shell{flex:1;min-height:0;overflow:auto;padding:1.1rem}.app-visual-block-list{list-style:none;max-width:760px;min-height:42rem;margin:0 auto 2rem;padding:3.5rem 4rem;background:#fff;box-shadow:8px 8px 0 var(--comp-shadow)}.app-visual-block{position:relative;margin:0;padding:.55rem 0;border:2px solid transparent;cursor:pointer}.app-visual-block:hover{border-color:#d8d4cb}.app-visual-block.selected{border-color:#ff5f8a}.app-visual-block.dragging{opacity:.55}.app-visual-block-tools{position:absolute;left:-3.2rem;top:.35rem;z-index:2;display:flex;flex-direction:column;gap:.12rem;padding:.25rem;background:#1f2024;color:#f6f5f0}.app-visual-block-tools button,.app-visual-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.45rem;border:0;background:transparent;color:inherit;font-family:var(--font-mono);cursor:pointer}.app-visual-block-tools button:disabled{opacity:.35;cursor:default}.app-visual-drag-handle{cursor:grab}.app-visual-drag-handle:active{cursor:grabbing}.app-template-placeholder-token{display:inline-block;margin:0 .08rem;padding:0 .18rem;background:#fff3be;border:1px solid #d7b23a;color:#5c4500;font-family:var(--font-mono);font-size:.88em;line-height:1.4}.app-visual-header{padding:.2rem 0 1.4rem;font-size:1.4rem;font-weight:700}.app-visual-header img{max-width:120px;height:auto}.app-visual-block h1,.app-visual-heading-input{width:100%;margin:0;border:0;background:transparent;color:#111827;font:inherit;font-size:2rem;line-height:1.15;font-weight:700}.app-visual-heading-input:focus,.app-visual-paragraph-input:focus,.app-visual-code-input:focus,.app-visual-cta-input:focus,.app-visual-link-input:focus,.app-visual-footer-input:focus{outline:1px solid #ff5f8a}.app-visual-block p,.app-visual-paragraph-input{width:100%;margin:0;border:0;background:transparent;color:#686b7a;font:inherit;font-size:1rem;line-height:1.65;resize:vertical}.app-visual-code,.app-visual-code-input{width:100%;margin:.4rem 0;padding:1rem 1.2rem;border:1px solid #dedbd3;background:#f6f5f0;color:#111827;font-family:var(--font-mono);font-size:1.35rem;letter-spacing:.18em;text-align:center}.app-visual-cta-wrap{padding:.5rem 0}.app-visual-cta,.app-visual-cta-input{display:inline-flex;width:fit-content;max-width:100%;border:0;background:#111;color:#fff;padding:.75rem 1.1rem;font:inherit;font-weight:600}.app-visual-link,.app-visual-link-input{width:100%;border:0;background:transparent;color:#111;text-decoration:underline;font:inherit}.app-visual-image{display:block;max-width:100%;height:auto;margin:0 auto}.app-visual-image-placeholder{padding:1.5rem;border:1px dashed #c7c3ba;text-align:center}.app-visual-divider{border-top:1px solid #c7c3ba;height:0}.app-visual-spacer{background:repeating-linear-gradient(45deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 6px,transparent 6px,transparent 12px)}.app-visual-footer,.app-visual-footer-input{width:100%;border:0;border-top:1px solid #c7c3ba;background:transparent;padding-top:1rem;color:#686b7a;font:inherit;font-size:.86rem;line-height:1.55;resize:vertical}.app-inspector-section,.app-inspector-details{border-bottom:1px solid var(--comp-side);padding:0 0 1rem;margin-bottom:1rem}.app-inspector-section-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.65rem}.app-inspector-section-header code{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-light)}.app-inspector-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.app-inspector-actions button{border:1px solid var(--comp-side);background:var(--bg-page);color:var(--ink);padding:.28rem .5rem;font-family:var(--font-mono);font-size:.72rem;cursor:pointer}.app-inspector-actions button:disabled{opacity:.42;cursor:default}.app-inspector-details summary{cursor:pointer;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:.2rem 0 .8rem}.app-placeholder-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.app-placeholder-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .6rem;padding:.45rem .55rem;border:1px solid var(--comp-side);background:var(--bg-page)}.app-placeholder-row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.76rem}.app-placeholder-row span{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-light)}.app-placeholder-row small{grid-column:1 / -1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-light)}.app-editor-iframe-compact{min-height:24rem}.app-ai-fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:120;display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;border:1px solid var(--ink);background:#1f2024;color:#f6f5f0;box-shadow:6px 6px 0 var(--comp-shadow);font-family:var(--font-mono);font-weight:700;cursor:pointer}.app-ai-floating{position:fixed;right:1.25rem;bottom:1.25rem;z-index:130;display:flex;flex-direction:column;width:min(420px,calc(100vw - 1.5rem));height:min(560px,calc(100vh - 1.5rem));border:1px solid var(--ink);background:var(--bg-card);box-shadow:10px 10px 0 var(--comp-shadow)}.app-ai-floating-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;border-bottom:1px solid var(--comp-side);background:#1f2024;color:#f6f5f0;font-family:var(--font-mono);font-size:.78rem;cursor:grab;touch-action:none}.app-ai-floating-title{display:inline-flex;align-items:center;gap:.45rem}.app-ai-floating-header button{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border:0;background:transparent;color:inherit;cursor:pointer}.app-ai-floating .app-ai-panel{min-height:0;padding:.8rem}.app-agent-window{overflow:hidden}.app-agent-panel{flex:1;display:flex;flex-direction:column;gap:.8rem;min-height:0;padding:.8rem}.app-agent-history{min-height:0}.app-agent-empty{display:grid;align-content:start;gap:.7rem;min-height:12rem;color:var(--ink-light);font-size:.82rem}.app-agent-empty p{margin:0;font-family:var(--font-mono);font-size:.76rem}.app-agent-greeting-grid{display:grid;gap:.4rem}.app-agent-greeting-grid button{width:100%;border:1px solid var(--comp-side);background:var(--bg-page);color:var(--ink);padding:.5rem .55rem;text-align:left;font-family:var(--font-sans);font-size:.77rem;line-height:1.35;cursor:pointer}.app-agent-greeting-grid button:hover:not(:disabled){border-color:var(--ink)}.app-agent-greeting-grid button:disabled{cursor:wait;opacity:.65}.app-agent-response{min-width:0}.app-agent-user-attachments{display:block;margin-top:.35rem;color:color-mix(in srgb,currentColor 68%,transparent);font-family:var(--font-mono-email);font-size:.72rem;overflow-wrap:anywhere}.app-agent-attachment-tray{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;min-height:1.7rem}.app-agent-attachment-chip{display:inline-grid;grid-template-columns:minmax(0,auto) auto 1.15rem;align-items:center;gap:.35rem;max-width:100%;border:1px solid var(--comp-side);background:var(--bg-page);padding:.25rem .3rem .25rem .45rem;font-size:.72rem}.app-agent-attachment-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-agent-attachment-chip small{color:var(--ink-light);font-family:var(--font-mono);font-size:.68rem}.app-agent-attachment-chip button{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border:0;background:transparent;color:var(--ink-light);cursor:pointer}.app-agent-attachment-error{width:100%;margin:0;color:#8a2a2a;font-size:.72rem}.app-agent-file-input{display:none}.app-ai-attach-button{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;min-width:2.35rem;align-self:stretch;border:1px solid var(--comp-side);background:var(--bg-page);color:var(--ink);cursor:pointer}.app-ai-attach-button:hover:not(:disabled){border-color:var(--ink)}.app-ai-attach-button:disabled{cursor:wait;opacity:.6}.app-agent-resize-handle{position:absolute;right:0;bottom:0;width:1.1rem;height:1.1rem;cursor:nwse-resize;touch-action:none}.app-agent-resize-handle:before,.app-agent-resize-handle:after{content:"";position:absolute;right:.25rem;bottom:.25rem;width:.55rem;height:1px;background:var(--ink-light);transform:rotate(-45deg);transform-origin:right center}.app-agent-resize-handle:after{right:.45rem;bottom:.25rem;width:.32rem}.app-agent-markdown{min-width:0;color:var(--ink);font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}.app-agent-markdown>*:first-child{margin-top:0}.app-agent-markdown>*:last-child{margin-bottom:0}.app-agent-markdown p,.app-agent-markdown ul,.app-agent-markdown ol,.app-agent-markdown pre,.app-agent-markdown blockquote,.app-agent-markdown .app-agent-markdown-table-wrap{margin:0 0 .62em}.app-agent-markdown-heading{margin:.78em 0 .36em;color:var(--ink);font-weight:650;line-height:1.25;letter-spacing:0}.app-agent-markdown-heading-1{font-size:1.12em}.app-agent-markdown-heading-2{font-size:1.05em}.app-agent-markdown-heading-3,.app-agent-markdown-heading-4,.app-agent-markdown-heading-5,.app-agent-markdown-heading-6{font-size:1em}.app-agent-markdown-paragraph{line-height:inherit}.app-agent-markdown ul,.app-agent-markdown ol{padding-left:1.25em;list-style-position:outside}.app-agent-markdown ul{list-style-type:disc}.app-agent-markdown ol{list-style-type:decimal}.app-agent-markdown li{padding-left:.1em}.app-agent-markdown li::marker{color:var(--ink-light)}.app-agent-markdown li+li{margin-top:.16em}.app-agent-markdown li>:first-child{margin-top:0}.app-agent-markdown li>:last-child{margin-bottom:0}.app-agent-markdown :not(pre)>code{border:1px solid var(--comp-side);border-radius:4px;background:var(--bg-card);padding:.08em .28em;font-family:var(--font-mono);font-size:.9em;color:var(--ink)}.app-agent-markdown pre{max-width:100%;overflow-x:auto;border:1px solid var(--comp-side);border-radius:4px;background:var(--bg-card);padding:.55rem .6rem}.app-agent-markdown pre code{display:block;border:0;background:transparent;color:var(--ink);padding:0;white-space:pre;overflow-wrap:normal}.app-agent-markdown blockquote{border-left:2px solid var(--comp-side);padding-left:.7em;color:var(--ink-light)}.app-agent-markdown hr{height:1px;border:0;background:var(--comp-side)}.app-agent-markdown a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}.app-agent-markdown-table-wrap{max-width:100%;overflow-x:auto;border-radius:4px}.app-agent-markdown table{width:max-content;max-width:100%;border-collapse:collapse;margin:0}.app-agent-markdown th,.app-agent-markdown td{border:1px solid var(--comp-side);padding:.25rem .4rem;text-align:left}.app-agent-markdown th{background:var(--bg-card);color:var(--ink);font-weight:650}.app-agent-tool-list{list-style:none;display:flex;flex-direction:column;gap:.3rem;margin:0;padding:0}.app-agent-tool-list li{display:flex;flex-direction:column;gap:.18rem;border-left:2px solid var(--ink);padding-left:.5rem;color:var(--ink-light);font-family:var(--font-mono);font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}.app-agent-tool-list li.is-failed{border-left-color:#a13030;color:#8a2a2a}.app-agent-tool-list small{font-family:var(--font-sans);font-size:.72rem;line-height:1.35}.app-agent-tool-card{display:flex;flex-direction:column;gap:.45rem;margin-top:.25rem;padding:.55rem;border:1px solid var(--comp-side);background:var(--bg-card);color:var(--ink);font-family:var(--font-sans)}.app-agent-tool-card-title{font-size:.78rem;font-weight:700}.app-agent-tool-card p{margin:0;color:var(--ink-light);font-size:.72rem;line-height:1.35}.app-agent-domain-options{display:grid;gap:.35rem}.app-agent-domain-option{display:grid;gap:.15rem;width:100%;border:1px solid var(--comp-side);background:var(--bg-page);padding:.45rem .5rem;color:var(--ink);text-align:left;cursor:pointer}.app-agent-domain-option:hover:not(:disabled){border-color:var(--ink)}.app-agent-domain-option:disabled{opacity:.55;cursor:not-allowed}.app-agent-domain-option-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.76rem}.app-agent-domain-option-meta{color:var(--ink-light);font-size:.7rem}.app-schema-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:.65rem .9rem;background:#fff5d0;border:1px solid #d4b85a;color:#5b4500;font-size:.85rem}.app-schema-banner-cta{font-family:var(--font-mono);font-size:.78rem;color:#3a2c00;text-decoration:none;border-bottom:1px solid #5b4500;white-space:nowrap}.app-apikey-link{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.85rem 1rem}.app-apikey-code{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-apikey-actions{display:flex;gap:.4rem;flex-shrink:0}.app-apikey-howto{margin-top:1.25rem}.app-apikey-snippet{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-page);border:1px solid var(--comp-side);padding:.7rem .9rem;overflow-x:auto;line-height:1.5;white-space:pre}.app-mail-management-section{gap:1rem}.app-mail-management-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.app-mail-management-mailbox{min-width:min(100%,16rem);display:grid;gap:.15rem;justify-items:end;text-align:right;font-size:.78rem;color:var(--ink-light)}.app-mail-management-mailbox strong{max-width:100%;font-family:var(--font-mono-email);font-size:.86rem;color:var(--ink);overflow-wrap:anywhere}.app-mail-management-mailbox small{font-size:.72rem}.app-mail-management-key-row{align-items:stretch}.app-mail-management-danger{margin-top:1.25rem;border-color:#b33b2e52}.app-mail-management-delete{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:fit-content;margin-left:0}.app-mail-management-delete-confirm{display:grid;gap:.85rem;padding:.9rem;border:1px solid rgba(179,59,46,.32);background:#b33b2e0f}.app-mail-management-delete-confirm p{margin:0;font-size:.85rem;line-height:1.5;color:#7d2f27}.app-mail-management-delete-actions{display:flex;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.app-settings-dl{display:grid;grid-template-columns:9rem 1fr;gap:.45rem .85rem;margin:0}.app-settings-dl dt{color:var(--ink-light);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.app-settings-dl dd{margin:0;font-size:.85rem;overflow-wrap:anywhere}.app-settings-missing{list-style:none;margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.35rem}.app-settings-missing code{font-family:var(--font-mono);font-size:.74rem;background:var(--bg-page);border:1px solid var(--comp-side);padding:.15rem .4rem}.app-sent-to-label{display:inline-block;width:1rem;color:var(--ink-light);font-family:var(--font-mono);margin-right:.3rem}@media(max-width:1023px){.app-shell{--app-mobile-header-height: 56px;--app-mobile-nav-height: 68px}.app-body{flex-direction:column}.app-header{height:var(--app-mobile-header-height);padding:.45rem .7rem;gap:.55rem}.app-header-brand,.app-header-stat{display:none}.app-header-left{flex:1;margin-left:0}.app-header-organization{flex:0 1 8.5rem}.app-header-organization-loading{width:100%}.app-header-user-fallback{max-width:100%;padding-right:.45rem}.app-header-actions{flex-shrink:0;gap:.35rem;min-width:0}.app-header-scoped .app-header-actions{max-width:46%}.app-header-scoped .app-header-left{max-width:none}.app-header-scope{max-width:100%;padding:.32rem .45rem;font-size:.68rem}.app-mailbox-switcher-wrapper{flex:1 1 0;max-width:none;min-width:0}.app-mailbox-switcher{padding:0 .55rem;font-size:.76rem}.app-mailbox-switcher-menu,.app-header-account-menu{position:fixed;top:calc(var(--app-mobile-header-height) - 1px);left:.7rem;right:.7rem;min-width:0}.app-main{flex:1;min-height:0;order:1;padding:1rem}.app-sidebar{order:2;width:100%;height:var(--app-mobile-nav-height);border-right:0;border-top:1px solid var(--ink)}.app-sidebar-scroll{flex:1;flex-direction:row;align-items:center;justify-content:center;gap:.25rem;padding:0 .5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.app-sidebar-scroll::-webkit-scrollbar{display:none}.app-sidebar-section{display:contents}.app-sidebar-title,.app-sidebar-footer{display:none}.app-sidebar-nav{flex-direction:row;align-items:center;gap:.25rem}.app-sidebar-link{position:relative;flex:0 0 2.75rem;width:2.75rem;min-width:2.75rem;height:2.75rem;align-items:center;justify-content:center;gap:0;padding:0;border:1px solid transparent;color:var(--ink-light);touch-action:manipulation}.app-sidebar-link.active{border-color:var(--ink);background:var(--bg-page);color:var(--ink)}.app-sidebar-icon-svg{width:20px;height:20px}.app-sidebar-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-sidebar-link[data-mobile-badge]:after{content:attr(data-mobile-badge);position:absolute;top:.22rem;right:.22rem;min-width:.92rem;height:.92rem;padding:0 .18rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:var(--bg-card);color:var(--ink);font-family:var(--font-mono);font-size:.52rem;line-height:1}.app-pane{gap:1rem}.app-authorization-user{top:.85rem;right:.85rem}.app-authorization-main{align-items:center;padding:4.75rem 1rem 2rem}.app-authorization-header{padding-right:2.75rem}.app-authorization-brand{max-width:calc(100vw - 6rem)}.app-authorization-domain-filter{align-items:stretch;flex-direction:column;gap:.4rem}.app-authorization-domain-filter select{width:100%;min-width:0}.app-authorization-section{padding:.85rem}.app-authorization-actions{justify-content:stretch}.app-authorization-button{flex:1 1 10rem}.app-pane-title-row,.app-product-detail-header,.app-editor-toolbar{align-items:flex-start;flex-direction:column}.app-pane-action-row,.app-editor-toolbar-actions,.app-billing-topup-row,.app-ai-input-row{width:100%;flex-wrap:wrap}.app-integration-row{grid-template-columns:minmax(0,1fr)}.app-integration-actions{justify-content:stretch}.app-integration-actions .app-copy-btn{flex:1 1 8rem}.app-inbox-workspace{display:block;height:calc(100dvh - var(--app-mobile-header-height) - var(--app-mobile-nav-height));margin:-1rem;overflow:hidden}.app-inbox-list-column{height:100%;border-right:0}.app-inbox-detail-column{display:none;height:100%}.app-inbox-workspace-detail-open .app-inbox-list-column{display:none}.app-inbox-workspace-detail-open .app-inbox-detail-column{display:flex}.app-mail-row-link{gap:.65rem;padding:.72rem .85rem}.app-mail-row-link.selected{box-shadow:none}.app-mail-row-sender{max-width:none}.app-mail-row-sender-addr{display:none}.app-mail-row-time{align-self:flex-start}.app-email-preview-back{display:inline-flex;align-items:center;gap:.32rem;width:fit-content;border:1px solid var(--comp-side);background:var(--bg-page);color:var(--ink);font-family:var(--font-sans);font-size:.8rem;padding:.38rem .62rem;cursor:pointer}.app-email-preview-back svg{width:14px;height:14px}.app-email-preview-state-shell .app-email-preview-back{flex-shrink:0;margin:.75rem .85rem 0}.app-email-preview-header{gap:.62rem;padding:.75rem .85rem}.app-email-preview-subject-row{flex-direction:column;gap:.45rem}.app-email-preview-subject{font-size:1.15rem}.app-email-preview-code{align-self:flex-start}.app-email-preview-sender{align-items:flex-start;flex-wrap:wrap}.app-email-preview-avatar{width:30px;height:30px}.app-email-preview-sender-main{flex:1 1 0}.app-email-preview-time{flex-basis:100%;padding-left:2.55rem;white-space:normal}.app-email-preview-meta>div{grid-template-columns:3rem minmax(0,1fr);gap:.45rem}.app-email-preview-attachments{max-height:34%;overflow:auto;padding:.75rem .85rem}.app-attachment-row{grid-template-columns:minmax(0,1fr);gap:.25rem}.app-attachment-download{width:fit-content}.app-preset-gallery-grid{grid-template-columns:1fr}.app-preset-gallery-footer{flex-direction:column;align-items:stretch;margin:0 -1rem -1rem;border-left:0;border-right:0}.app-preset-gallery-actions{width:100%}.app-preset-gallery-actions>button{flex:1}.app-product-link,.app-email-link,.app-apikey-link{grid-template-columns:1fr;gap:.3rem;align-items:start}.app-product-delete{margin-left:0}.app-mail-management-heading,.app-mail-management-key-row{flex-direction:column;align-items:stretch}.app-mail-management-mailbox{justify-items:start;text-align:left}.app-section,.app-billing-balance{padding:1rem}.app-settings-dl,.app-i18n-row{grid-template-columns:1fr}.app-bindings-table{display:block;overflow-x:auto;white-space:nowrap}.app-modal-backdrop{align-items:flex-start;padding:.75rem;overflow:auto}.app-modal{max-height:calc(100dvh - 1.5rem);box-shadow:6px 6px 0 var(--comp-shadow)}.app-modal-header,.app-modal-body,.app-modal-footer{padding-left:.9rem;padding-right:.9rem}.app-modal-footer{flex-direction:column-reverse}.app-modal-footer>button{width:100%}.app-editor{min-height:calc(100dvh - var(--app-mobile-header-height) - var(--app-mobile-nav-height));margin:-1rem}.app-editor-toolbar-actions{align-items:stretch}.app-editor-save-indicator{max-width:100%;text-align:center}.app-editor-body{display:flex;flex-direction:column;overflow:auto}.app-editor-preview{min-height:32rem;border-right:0;border-bottom:1px solid var(--comp-side)}.app-editor-side{min-height:32rem}.app-i18n-add,.app-signing-row{flex-direction:column}.app-i18n-add>*,.app-signing-row>*{width:100%}}@media(max-width:1280px){.app-template-workspace,.app-template-editor-workspace{--app-template-list-width: 300px}.app-domain-workspace{--app-domain-list-width: 300px}.app-template-setup-column,.app-template-inspector-column{grid-column:1 / -1;border-top:1px solid var(--ink)}.app-template-editor-workspace{overflow-y:auto}.app-template-canvas-column{min-height:48rem}}@media(max-width:760px){.app-template-workspace,.app-template-editor-workspace,.app-domain-workspace{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - var(--app-mobile-header-height) - var(--app-mobile-nav-height));margin:-1rem;overflow:visible}.app-template-list-column,.app-domain-list-column{max-height:18rem;border-right:0;border-bottom:1px solid var(--ink)}.app-domain-detail-column{overflow:visible;padding:1rem}.app-template-gallery-column,.app-template-setup-column,.app-template-inspector-column{overflow:visible}.app-template-editor-topbar{align-items:flex-start;flex-direction:column}.app-template-save-center{position:static;align-self:center;min-width:0;transform:none}.app-template-editor-actions{justify-content:flex-start;width:100%}.app-template-subject-strip{max-width:none;width:100%}.app-domain-webhook-row{grid-template-columns:1fr}.app-domain-webhook-url{white-space:normal;overflow-wrap:anywhere}.app-template-canvas-column{min-height:42rem}.app-visual-email-shell{padding:.75rem}.app-visual-block-list{min-height:34rem;padding:2.5rem 1rem 2rem 3.4rem;box-shadow:none}.app-visual-block-tools{left:-2.9rem}.app-ai-floating{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;width:auto;height:auto}}:root{--bg-page: #F6F5F0;--bg-card: #FFFFFF;--ink: #1A1A1A;--ink-light: #4A4A4A;--blob-color: #E6E3DB;--font-serif: "EB Garamond", serif;--font-serif-zh: "Noto Serif SC", "EB Garamond", serif;--font-serif-ja: "Shippori Mincho", "EB Garamond", serif;--font-sans: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--font-mono-email: "IBM Plex Mono", "SFMono-Regular", "Menlo", "Consolas", monospace;--font-mono-claim: var(--font-mono-email);--comp-face: #ECEAE4;--comp-side: #DCD9D3;--comp-shadow: #C5C2BC;--screen-bg: #111111;--kb-thickness: 16px;--kb-angle: 66deg}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-page);color:var(--ink);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}#root{width:100%;display:flex;flex-direction:column;align-items:center}.page-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:4rem}.header-tagline{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-light)}.status-badge{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-light)}.status-health{display:flex;align-items:center;gap:.3rem}.status-ok-text{display:none}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-ok{background:#22c55e;box-shadow:0 0 4px #22c55e80}.status-err{background:#ef4444;box-shadow:0 0 4px #ef444480}.status-sep{margin:0 .25rem;opacity:.4}.status-badge-mobile{display:none}@media(max-width:900px){.page-header .status-badge{display:none}.status-badge-mobile{display:block;position:absolute;top:1.2rem;left:1.5rem;z-index:10}.status-badge-mobile .status-badge{flex-direction:column;align-items:flex-start;gap:.1rem}.status-badge-mobile .status-sep{display:none}.status-badge-mobile .status-ok-text{display:inline}.status-badge-mobile .status-line{padding-left:calc(6px + .3rem)}}.header-auth{display:flex;align-items:center;gap:.75rem}.header-signin{background:none;border:1px solid var(--ink);font-family:var(--font-sans);font-size:.78rem;color:var(--ink);cursor:pointer;padding:.35rem .75rem;transition:background .15s ease,color .15s ease}.header-signin:hover{background:var(--ink);color:var(--bg-page)}.header-dashboard{font-family:var(--font-sans);font-size:.78rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:1px;transition:opacity .15s ease}.header-dashboard:hover{opacity:.7}.lang-switcher{display:flex;gap:.25rem}.lang-btn{background:none;border:1px solid transparent;font-family:var(--font-sans);font-size:.8rem;color:var(--ink-light);cursor:pointer;padding:.2rem .5rem;transition:all .2s;border-radius:2px}.lang-btn:hover{color:var(--ink)}.lang-btn.active{color:var(--ink);border-color:var(--ink)}.editorial-card{width:100%;max-width:1200px;background:var(--bg-card);border:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.info-panel{padding:4rem;display:flex;flex-direction:column;border-right:1px solid var(--ink)}h1{font-family:var(--font-serif);font-size:clamp(3rem,5vw,5.5rem);font-weight:400;font-style:italic;line-height:.95;letter-spacing:-.03em;margin-bottom:3rem;max-width:90%}h1 em{font-style:italic}h1.cjk-title{font-style:normal;font-weight:500;letter-spacing:0;line-height:1.2;font-size:clamp(2rem,3.8vw,3.5rem);white-space:pre-line}html[lang=zh] h1.cjk-title{font-family:var(--font-serif-zh)}html[lang=ja] h1.cjk-title{font-family:var(--font-serif-ja)}.hero-claim{display:flex;flex-direction:column;gap:1rem;margin-top:-1rem}.hero-claim-copy{display:flex;flex-direction:column;gap:.35rem;max-width:34rem}.hero-claim-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light)}.hero-claim-note{color:var(--ink-light);font-size:.92rem;line-height:1.6}.hero-claim-controls{display:flex;align-items:stretch;gap:.75rem;flex-wrap:wrap}.hero-claim-toolbar{width:100%;display:flex;align-items:stretch;gap:.75rem}.hero-claim-actions{display:flex;align-items:stretch;gap:.75rem;flex-wrap:wrap}.hero-claim-account{margin-left:auto;display:flex;align-items:stretch;justify-content:flex-end;flex:0 0 auto}.hero-claim-input{display:flex;align-items:center;gap:.75rem;min-height:50px;flex:1 1 18rem;border:1px solid var(--ink);background:var(--bg-page);padding:0 1rem}.hero-claim-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--ink);font-family:var(--font-mono-claim);font-size:.95rem;font-weight:500;padding:.9rem 0}.hero-claim-input input::placeholder{color:color-mix(in srgb,var(--ink-light) 72%,var(--bg-page))}.hero-claim-domain{flex-shrink:0;color:var(--ink-light);font-family:var(--font-mono-claim);font-size:.82rem;font-weight:500}.hero-claim-button{min-height:50px;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);padding:0 1.3rem;font-family:var(--font-sans);font-size:.92rem;cursor:pointer;transition:opacity .2s ease}.hero-claim-button:hover{opacity:.88}.hero-claim-button:disabled{opacity:.55;cursor:default}.hero-claim-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:0 1rem;font-family:var(--font-sans);font-size:.92rem;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.hero-claim-secondary:hover{opacity:.72}.hero-claim-input:focus-within,.hero-claim-button:focus-visible,.hero-claim-secondary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hero-claim-error{color:#b33b2e;font-size:.82rem}.hero-claim-status{font-size:.84rem;line-height:1.5}.hero-claim-status.available{color:#236046}.hero-claim-status.checking{color:var(--ink-light)}.hero-claim-status.unavailable{color:#b33b2e}.claim-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top,#e6e3dbc7,#1a1a1a5c),#1a1a1a3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.claim-modal{width:min(42rem,100%);max-height:min(88vh,48rem);overflow:auto;background:var(--bg-card);border:1px solid var(--ink);box-shadow:18px 18px 0 var(--comp-shadow)}.claim-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.6rem 1.6rem 1.3rem;border-bottom:1px solid var(--comp-side)}.claim-modal-copy{display:flex;flex-direction:column;gap:.45rem;min-width:0}.claim-modal-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light)}.claim-modal-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;font-style:italic;line-height:.98;letter-spacing:-.03em}html[lang=zh] .claim-modal-title{font-family:var(--font-serif-zh);font-style:normal;font-weight:500;line-height:1.18;letter-spacing:0}html[lang=ja] .claim-modal-title{font-family:var(--font-serif-ja);font-style:normal;font-weight:500;line-height:1.18;letter-spacing:0}.claim-modal-text{color:var(--ink-light);font-size:.95rem;line-height:1.6;max-width:34rem}.claim-modal-command{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.85rem;max-width:42rem}.claim-modal-command-code{min-width:0;flex:1 1 24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.78rem;background:var(--bg-page);border:1px solid var(--comp-side);padding:.55rem .7rem}.claim-modal-close{border:none;background:transparent;color:var(--ink-light);font-size:1.8rem;line-height:1;cursor:pointer;padding:.15rem;flex-shrink:0}.claim-modal-actions{display:flex;flex-direction:column;gap:.8rem;padding:1.35rem 1.6rem 1.5rem}.claim-modal-actions+.claim-modal-inbox-actions{padding-top:0}.claim-modal-primary{min-height:3.2rem;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);padding:0 1.2rem;font-family:var(--font-sans);font-size:.95rem;cursor:pointer}.claim-modal-primary:disabled{opacity:.55;cursor:default}.claim-modal-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:0 1.2rem;font-family:var(--font-sans);font-size:.95rem;text-decoration:none;cursor:pointer}.claim-modal-error{color:#b33b2e;font-size:.84rem;line-height:1.5}.claim-mailboxes{border-top:1px solid var(--comp-side);padding:1.4rem 1.6rem 1.6rem}.claim-mailboxes-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}.claim-mailboxes-header h3{font-size:.92rem;font-weight:600}.claim-mailboxes-header p{font-size:.8rem;color:var(--ink-light)}.claim-mailboxes-summary{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.claim-modal-empty{padding:1.1rem 0;color:var(--ink-light);display:flex;flex-direction:column;gap:.3rem}.claim-modal-empty strong{color:var(--ink);font-size:.92rem}.claim-mailbox-list{display:flex;flex-direction:column;gap:.9rem}.claim-mailbox-card{display:flex;flex-direction:column;gap:.8rem;padding:.95rem 1rem;background:var(--bg-page);border:1px solid var(--comp-side)}.claim-mailbox-card.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.claim-mailbox-row,.claim-mailbox-key-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.claim-mailbox-address{min-width:0;font-family:var(--font-mono-email);font-size:.88rem;overflow-wrap:anywhere}.claim-mailbox-key{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.76rem;background:var(--bg-card);border:1px solid var(--comp-side);padding:.45rem .6rem}.claim-mailbox-copy,.claim-mailbox-delete{border:1px solid var(--comp-side);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.75rem;padding:.45rem .65rem;cursor:pointer;flex-shrink:0}.claim-mailbox-delete{color:var(--ink-light)}.claim-mailbox-meta{color:var(--ink-light);font-size:.75rem}.claim-mailbox-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;flex-wrap:wrap}.cmd-list{font-family:var(--font-mono);font-size:.8rem}.divider{height:1px;width:100%;background-color:var(--ink);margin:2rem 0}.specs-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;font-size:.85rem;line-height:1.6}.spec-group h3{font-weight:600;margin-bottom:1rem;font-size:.85rem}.tabbed-specs{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}.tabbed-specs-nav{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.spec-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--ink-light);cursor:pointer;display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.85rem;font-weight:600;line-height:1.5;min-height:2rem;padding:.2rem 0 .2rem 1.15rem;position:relative;text-align:left;transition:color .2s ease,opacity .2s ease}.spec-tab:before{content:"";position:absolute;left:0;top:50%;width:.5rem;height:.5rem;border:1px solid var(--comp-side);background:transparent;transform:translateY(-50%);transition:border-color .2s ease,background-color .2s ease}.spec-tab:hover{color:var(--ink)}.spec-tab:hover:before,.spec-tab:focus-visible:before,.spec-tab.active{color:var(--ink)}.spec-tab:hover:before,.spec-tab:focus-visible:before,.spec-tab.active:before{border-color:var(--ink)}.spec-tab.active:before{background:var(--ink)}.spec-tab:focus-visible{outline:none;color:var(--ink)}.tabbed-specs-panel{min-height:10rem;font-size:.92rem;line-height:1.6}.spec-stack{display:flex;flex-direction:column;gap:.8rem}.spec-copy{color:var(--ink);max-width:38rem}.spec-list{list-style:none;color:var(--ink-light)}.spec-list li{margin-bottom:.25rem}.action-area{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start;font-size:.85rem}.action-label{font-weight:600;padding-top:.35rem}.action-col{display:flex;flex-direction:column;gap:.5rem}.cmd-row{display:flex;align-items:center;gap:.5rem}.install-cmd{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-page);padding:.35rem .7rem;border:1px solid var(--ink);-webkit-user-select:all;user-select:all;cursor:text;flex:1;min-width:0}.copy-btn{background:none;border:1px solid var(--ink);padding:.3rem;cursor:pointer;color:var(--ink-light);display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.copy-btn:hover{color:var(--ink)}.action-links{display:flex;gap:1.5rem;align-items:center;margin-top:.25rem}.btn-editorial{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:opacity .2s;cursor:pointer}.btn-editorial:hover{opacity:.6}.visual-panel{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-page);overflow:hidden;padding:4rem}.organic-blob{position:absolute;width:120%;height:120%;background-color:var(--blob-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.1,-46.1C90.4,-33.1,96.1,-16.6,96.6,-0.1C97.1,16.4,92.5,32.8,82.8,45.8C73.1,58.8,58.4,68.4,42.7,75.4C27,82.4,10.3,86.8,-5.5,88.4C-21.3,90,-36.2,88.8,-49.6,81.8C-63,74.8,-74.9,62.1,-82.1,47.4C-89.3,32.7,-91.8,16.3,-90.1,0.9C-88.4,-14.4,-82.5,-28.9,-73.6,-40.8C-64.7,-52.7,-52.9,-62,-40.1,-69.4C-27.3,-76.8,-13.6,-82.3,1.3,-84.6C16.2,-86.9,30.5,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.1,-46.1C90.4,-33.1,96.1,-16.6,96.6,-0.1C97.1,16.4,92.5,32.8,82.8,45.8C73.1,58.8,58.4,68.4,42.7,75.4C27,82.4,10.3,86.8,-5.5,88.4C-21.3,90,-36.2,88.8,-49.6,81.8C-63,74.8,-74.9,62.1,-82.1,47.4C-89.3,32.7,-91.8,16.3,-90.1,0.9C-88.4,-14.4,-82.5,-28.9,-73.6,-40.8C-64.7,-52.7,-52.9,-62,-40.1,-69.4C-27.3,-76.8,-13.6,-82.3,1.3,-84.6C16.2,-86.9,30.5,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;z-index:1;transition:transform 1s ease}.visual-panel:hover .organic-blob{transform:scale(1.05) rotate(5deg)}.scene{position:relative;z-index:2;perspective:2500px;transform-style:preserve-3d;transform:scale(.85) rotateY(-20deg) rotateX(10deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.visual-panel:hover .scene{transform:scale(.9) rotateY(-10deg) rotateX(5deg)}.computer-unit{position:relative;width:320px;height:400px;transform-style:preserve-3d}.face{position:absolute;border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;align-items:center}.front{width:320px;height:400px;transform:translateZ(120px);background:var(--comp-face);box-shadow:inset -5px -5px 15px #0000000d,inset 2px 2px 10px #fffc;padding-top:35px}.back{width:320px;height:400px;transform:translateZ(-120px) rotateY(180deg);background:var(--comp-shadow)}.left{width:240px;height:400px;transform:rotateY(-90deg) translateZ(120px);background:var(--comp-side);box-shadow:inset 10px 0 30px #00000008}.right{width:240px;height:400px;transform:rotateY(90deg) translateZ(200px);background:var(--comp-shadow)}.top{width:320px;height:240px;transform:rotateX(90deg) translateZ(120px);background:#f4f2ec}.bottom{width:320px;height:240px;transform:rotateX(-90deg) translateZ(280px);background:#b0ada6;box-shadow:0 60px 100px #0003}.screen-inset{width:250px;height:190px;background:#d8d5cf;border-radius:12px;box-shadow:inset 2px 2px 6px #00000026,inset -1px -1px 4px #fff9;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.crt{width:230px;height:170px;background:var(--screen-bg);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.crt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 3px;z-index:5;pointer-events:none}.crt-ui{position:absolute;top:10px;left:10px;right:10px;bottom:10px;font-family:var(--font-mono);font-size:11px;color:#e0e0e0;display:flex;flex-direction:column;z-index:2}.window{background:#eaeaea;color:#111;flex:1;border-radius:2px;padding:8px;box-shadow:2px 2px #0009;display:flex;flex-direction:column}.window-header{border-bottom:1px dashed #888;padding-bottom:4px;margin-bottom:6px;font-weight:700;display:flex;justify-content:space-between}.typing-container{line-height:1.4;flex:1;font-size:9px;overflow:hidden}.cursor{display:inline-block;width:7px;height:10px;background:#111;animation:blink 1s step-end infinite;vertical-align:middle;margin-bottom:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.floppy-slot{width:100px;height:8px;background:#222;border-radius:4px;box-shadow:inset 1px 1px 3px #0009;margin-left:120px}.vent-grid{position:absolute;bottom:20px;right:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.vent{width:4px;height:25px;background:#a09c94;border-radius:2px;box-shadow:inset 1px 1px 2px #0000004d}.keyboard-assembly{position:absolute;width:320px;height:130px;bottom:-110px;transform-style:preserve-3d;transform-origin:top center;transform:translateZ(140px) rotateX(var(--kb-angle))}.kb-base{position:absolute;width:100%;height:100%;background:var(--comp-face);box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 10px #0000000d;transform:translateZ(calc(var(--kb-thickness) / 2))}.kb-front{position:absolute;bottom:0;left:0;width:100%;height:var(--kb-thickness);background:var(--comp-shadow);transform-origin:bottom center;transform:translateZ(calc(var(--kb-thickness) / 2)) rotateX(90deg)}.kb-shadow{position:absolute;width:100%;height:100%;top:0;left:0;transform:rotateX(calc(-90deg - var(--kb-angle))) translateZ(10px);box-shadow:0 30px 50px #00000026;pointer-events:none}.keys-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;padding:12px;transform:translateZ(6px);transform-style:preserve-3d}.key{height:22px;background:#f8f7f4;border-radius:3px;box-shadow:0 4px #d0cdc7,0 5px 4px #0000001a;transform:translateZ(1px)}.key.wide{grid-column:span 2}.key.space{grid-column:span 6}@keyframes typeKey{0%,to{transform:translateZ(1px) translateY(0);box-shadow:0 4px #d0cdc7,0 5px 4px #0000001a}50%{transform:translateZ(-1px) translateY(3px);box-shadow:0 1px #d0cdc7,0 1px 1px #0000000d}}.key:nth-child(3n+1){animation:typeKey 1.5s infinite .2s}.key:nth-child(7n){animation:typeKey 2.1s infinite .5s}.key:nth-child(2n+4){animation:typeKey 1.8s infinite .9s}.key:nth-child(4n+2){animation:typeKey 1.2s infinite 0s}.page-footer{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--ink-light);margin-top:2rem;padding-top:1rem}.page-footer-meta,.page-footer .lang-switcher{flex:0 0 auto}@media(max-width:900px){.editorial-card{grid-template-columns:1fr}.visual-panel{order:-1;border-bottom:1px solid var(--ink);min-height:400px;padding:3rem 2rem}.info-panel{padding:3rem 2rem;border-right:none}h1{font-size:3rem}h1.cjk-title{font-size:2.4rem}.action-area{grid-template-columns:1fr;gap:1rem}.hero-claim-controls{flex-direction:column}.hero-claim-input{width:100%;flex:0 0 auto}.hero-claim-toolbar{flex-direction:column}.hero-claim-actions{width:100%;flex-direction:column}.hero-claim-account{margin-left:0;width:100%;justify-content:flex-end}.hero-claim-button,.hero-claim-secondary{width:100%}.specs-layout{grid-template-columns:1fr;gap:.5rem}.tabbed-specs{grid-template-columns:1fr;gap:1rem}.tabbed-specs-panel{min-height:0}.claim-modal{box-shadow:10px 10px 0 var(--comp-shadow)}.claim-mailboxes-header,.claim-mailbox-row,.claim-mailbox-key-row,.claim-mailbox-meta-row{align-items:flex-start;flex-direction:column}.claim-mailboxes-summary{align-items:flex-start}}@media(max-width:480px){body{padding:1rem}.page-header{margin-bottom:2rem}h1{font-size:2.2rem}.hero-claim{margin-top:-1.5rem}.hero-claim-input{padding:0 .8rem}.claim-modal-backdrop{padding:.85rem}.claim-modal-header,.claim-modal-actions,.claim-mailboxes{padding-left:1rem;padding-right:1rem}.claim-modal-command-code{flex-basis:100%}.scene{transform:scale(.55) rotateY(-20deg) rotateX(10deg)}.visual-panel:hover .scene{transform:scale(.6) rotateY(-10deg) rotateX(5deg)}}