:root{--pm-content-safe-area-top:0px}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--pm-font-sans);background:var(--pm-bg-page);color:var(--pm-text-primary);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit;color:inherit}a{color:var(--pm-accent)}.page{max-width:640px;margin:0 auto;padding:16px}.page__title{margin:0 0 8px;font-size:1.5rem;font-weight:600}.page__text{color:var(--pm-text-secondary);margin:0;line-height:1.5}.card{background:var(--pm-bg-elevated);border:1px solid var(--pm-border);border-radius:var(--pm-radius-card);overflow:hidden}.card__section{border-bottom:1px solid var(--pm-border);padding:12px 16px}.card__section:last-child{border-bottom:none}.card__label{color:var(--pm-text-tertiary);margin-bottom:4px;font-size:.75rem;display:block}.card__value{font-size:1rem}.settings-group__title{color:var(--pm-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:24px 0 8px;padding:0 4px;font-size:.8125rem;font-weight:600}.settings-group__title:first-child{margin-top:0}.btn{border-radius:var(--pm-radius-md);background:var(--pm-accent);min-height:44px;color:var(--pm-accent-fg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:hover:not(:disabled):not(.btn--ghost):not(.btn--danger){background:var(--pm-accent-hover)}.btn--ghost{background:var(--pm-bg-muted);color:var(--pm-text-primary)}.btn--danger{background:var(--pm-error-bg);color:var(--pm-error-text)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--pm-error-text) 14%, var(--pm-error-bg))}a.btn,a.btn:visited{color:var(--pm-accent-fg)}.auth-screen{min-height:100%;padding:calc(24px + var(--pm-content-safe-area-top)) 24px 24px;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.auth-screen__title{margin:0;font-size:1.25rem}.auth-screen__text{color:var(--pm-text-secondary);max-width:320px;margin:0}.spinner{border:3px solid var(--pm-border);border-top-color:var(--pm-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.tabbar__pill{transition:none!important}}.app-shell{flex-direction:column;min-height:100%;display:flex;overflow:visible}.app-shell__safe-top{width:100%;height:var(--pm-content-safe-area-top);pointer-events:none;flex:none}.app-shell__main{z-index:0;padding-bottom:calc(var(--pm-tabbar-height) + env(safe-area-inset-bottom,0px) + 8px);flex:1;position:relative;overflow:auto}.app-shell__stage-badge{top:calc(var(--pm-content-safe-area-top) + 6px);z-index:200;color:#111;letter-spacing:.06em;pointer-events:none;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:fixed;right:8px}.agent-download{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:flex}.agent-download__title{text-align:center;margin:0;font-size:1rem;font-weight:600}.agent-download__actions{flex-direction:column;gap:8px;width:100%;display:flex}.agent-download__btn{width:100%}.agent-download__icon{flex-shrink:0}.tabbar{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:100;isolation:isolate;height:68px;box-shadow:none;background:0 0;border:none;align-items:stretch;padding:0 2px;display:flex;position:fixed;overflow:hidden}.tabbar__surface{border:1px solid var(--pm-tabbar-border);background:var(--pm-tabbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--pm-shadow-md);pointer-events:none;z-index:0;border-radius:20px;position:absolute;inset:0}.tabbar__track{z-index:1;flex:1;align-items:stretch;width:100%;min-width:0;padding-top:4px;padding-bottom:4px;display:flex;position:relative;overflow:hidden}.tabbar__pill{border:.5px solid color-mix(in srgb, var(--pm-border-strong) 45%, transparent);background:var(--pm-tabbar-active-pill-bg);-webkit-backdrop-filter:blur(16px)saturate(185%);backdrop-filter:blur(16px)saturate(185%);width:calc(20% - 1.6px);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--pm-bg-elevated) 92%, transparent), var(--pm-shadow-sm);pointer-events:none;z-index:0;transform:translateX(calc(var(--tab-active-index,0) * 100%));will-change:transform;border-radius:16px;transition:transform .34s cubic-bezier(.32,.72,0,1),opacity .2s;position:absolute;top:3px;bottom:7px;left:4px}.tabbar__pill--hidden{opacity:0}.tabbar__item{z-index:1;min-width:0;font:inherit;color:var(--pm-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4px 0 2px;text-decoration:none;transition:color .2s;display:flex;position:relative}.tabbar__item--active{color:var(--pm-accent)}.tabbar__item--active .tabbar__label{font-weight:600}.tabbar__item--create{z-index:2}.tabbar__item--create .tabbar__content{gap:4px}.tabbar__item--create .tabbar__icon-wrap{width:28px;height:28px;box-shadow:none;color:var(--pm-accent-fg);background:0 0;transition:transform .34s cubic-bezier(.32,.72,0,1)}.tabbar__item--create .tabbar__icon-wrap:before{content:"";background:var(--pm-accent);width:28px;height:28px;box-shadow:var(--pm-shadow-sm);border-radius:50%;margin:-14px 0 0 -14px;transition:box-shadow .2s;position:absolute;top:50%;left:50%}.tabbar__item--create .tabbar__icon-wrap--has-draft:before{box-shadow:var(--pm-shadow-sm), 0 0 0 2px var(--pm-accent), 0 0 0 3px var(--pm-error-text,#e33)}.tabbar__item--create .tabbar__icon-wrap .tabbar__icon{z-index:1;position:relative}.tabbar__item--create.tabbar__item--active{color:var(--pm-accent)}.tabbar__item--create.tabbar__item--active .tabbar__icon-wrap{color:var(--pm-accent-fg);transform:scale(1.04)}.tabbar__item--disabled{opacity:.55;cursor:not-allowed}.tabbar__content{transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform .34s cubic-bezier(.32,.72,0,1);display:flex;transform:scale(.96)}.tabbar__item--active:not(.tabbar__item--create) .tabbar__content{transform:scale(1.04)}.tabbar__icon-wrap{flex-shrink:0;place-items:center;width:26px;height:26px;display:grid;position:relative}.tabbar__icon{flex-shrink:0;width:24px;height:24px;display:block}.tabbar__label{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.15;transition:font-size .34s cubic-bezier(.32,.72,0,1);overflow:hidden}.tabbar__item--active .tabbar__label{font-size:9.5px}@media (prefers-reduced-motion:reduce){.tabbar__pill,.tabbar__content,.tabbar__label,.tabbar__item--create .tabbar__icon-wrap{transition:none}}@keyframes tabbar-icon-bounce{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes tabbar-devices-shake{0%,to{transform:translate(0)}20%{transform:translate(-1.5px)}40%{transform:translate(1.5px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes tabbar-create-plus{0%,to{transform:rotate(0)scale(1)}40%{transform:rotate(90deg)scale(1.05)}70%{transform:rotate(90deg)scale(1)}}.tabbar-icon__house,.tabbar-icon__glyph,.tabbar-icon__phone,.tabbar-icon__plus{transform-box:fill-box;transform-origin:50%}.tabbar-icon--home.tabbar-icon--play .tabbar-icon__house,.tabbar-icon--history.tabbar-icon--play .tabbar-icon__glyph,.tabbar-icon--settings.tabbar-icon--play .tabbar-icon__glyph{animation:.5s cubic-bezier(.32,.72,0,1) forwards tabbar-icon-bounce}.tabbar-icon--devices.tabbar-icon--play .tabbar-icon__phone{animation:.45s cubic-bezier(.32,.72,0,1) forwards tabbar-devices-shake}.tabbar-icon--create.tabbar-icon--play .tabbar-icon__plus{animation:.55s cubic-bezier(.32,.72,0,1) forwards tabbar-create-plus}@media (prefers-reduced-motion:reduce){.tabbar-icon--play .tabbar-icon__house,.tabbar-icon--play .tabbar-icon__glyph,.tabbar-icon--play .tabbar-icon__phone,.tabbar-icon--play .tabbar-icon__plus{animation:none!important}}.segmented{background:var(--pm-bg-muted);border-radius:var(--pm-radius-md);gap:4px;padding:4px;display:flex}.segmented__btn{border-radius:calc(var(--pm-radius-md) - 2px);min-height:36px;color:var(--pm-text-secondary);cursor:pointer;background:0 0;border:none;flex:1;font-size:.875rem}.segmented__btn--active{background:var(--pm-bg-elevated);color:var(--pm-text-primary);box-shadow:var(--pm-shadow-sm)}.toggle-switch{background:var(--pm-bg-muted);cursor:pointer;border:none;border-radius:999px;width:48px;height:28px;padding:0;position:relative}.toggle-switch--on{background:var(--pm-accent)}.toggle-switch--on .toggle-switch__thumb{transform:translate(20px)}.toggle-switch__thumb{background:var(--pm-bg-elevated);border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px}.settings-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:44px;display:flex}.settings-row__label{flex-shrink:0;font-size:1rem;line-height:1.25}.settings-row__value{min-width:0;color:var(--pm-text-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9375rem;line-height:1.25;overflow:hidden}.settings-row__button{cursor:pointer;text-align:left;width:100%;min-width:0;font:inherit;color:var(--pm-text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.settings-row__button:after{content:"";border-right:1.5px solid var(--pm-text-tertiary);border-bottom:1.5px solid var(--pm-text-tertiary);flex-shrink:0;width:7px;height:7px;margin-left:2px;transform:rotate(-45deg)}.settings-row__button .settings-row__value{flex:1}.sheet{z-index:200;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__backdrop{cursor:pointer;background:#0006;border:0;transition:opacity .2s;position:absolute;inset:0}.sheet__panel{width:100%;max-height:min(88vh,640px);padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--pm-bg-elevated);will-change:transform;border-radius:14px 14px 0 0;transition:transform .24s;position:relative;overflow-y:auto}.sheet__panel--dragging{transition:none!important}.sheet__drag-zone{touch-action:none;cursor:grab}.sheet__drag-zone:active{cursor:grabbing}.sheet__handle{background:var(--pm-border-strong);border-radius:999px;width:36px;height:5px;margin:4px auto 12px;position:relative}.sheet__handle:before{content:"";position:absolute;inset:-14px -28px}.sheet__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sheet__title{color:var(--pm-text-primary);margin:0;font-size:17px;font-weight:600}.sheet__close{font:inherit;color:var(--pm-accent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:.8125rem}.sheet__group{border-radius:var(--pm-radius-md);background:var(--pm-bg-muted);border:1px solid var(--pm-border);margin-bottom:16px;overflow:hidden}.sheet__option{width:100%;font:inherit;text-align:left;color:var(--pm-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;font-size:16px;display:flex}.sheet__option+.sheet__option{border-top:.5px solid var(--pm-border)}.sheet__option:active{background:var(--pm-bg-subtle)}.sheet__apply{border-radius:var(--pm-radius-md);background:var(--pm-accent);width:100%;font:inherit;color:var(--pm-accent-fg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;padding:14px 16px;font-size:1rem;font-weight:600}.sheet__apply:disabled{opacity:.45;cursor:not-allowed}.sheet__apply:active:not(:disabled){background:var(--pm-accent-hover)}.sheet-enter-active,.sheet-leave-active{transition:opacity .2s}.sheet-enter-active .sheet__panel,.sheet-leave-active .sheet__panel{transition:transform .24s}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .sheet__panel,.sheet-leave-to .sheet__panel{transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.sheet__panel,.sheet__backdrop{transition:none!important}.sheet-enter-active,.sheet-leave-active,.sheet-enter-active .sheet__panel,.sheet-leave-active .sheet__panel{transition:none}}.choice-radio{border:2px solid var(--pm-border-strong);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.choice-radio--selected{border-color:var(--pm-accent)}.choice-radio--selected:after{content:"";background:var(--pm-accent);border-radius:999px;width:11px;height:11px}.choice-checkbox{border:2px solid var(--pm-border-strong);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .15s,background-color .15s;display:flex}.choice-checkbox--selected{border-color:var(--pm-accent);background:var(--pm-accent)}.choice-checkbox--selected:after{content:"";border:solid var(--pm-accent-fg);border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;transform:rotate(45deg)}.inline-alert{flex-direction:column;display:flex}.inline-alert--overlay{padding:calc(8px + var(--pm-content-safe-area-top)) 16px 0;pointer-events:none;z-index:100;margin:0;position:fixed;top:0;left:0;right:0}.inline-alert__panel{background:var(--pm-bg-elevated);border:1px solid var(--pm-error-border);border-radius:var(--pm-radius-md);box-shadow:var(--pm-shadow-md);pointer-events:auto;transform-origin:100%;flex-direction:column;display:flex;overflow:hidden}.inline-alert__row{background:color-mix(in srgb, var(--pm-error-text) 8%, var(--pm-error-bg));align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.inline-alert__icon{color:var(--pm-error-text);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;display:flex}.inline-alert__text{color:var(--pm-text-primary);flex:1;min-width:0;margin:0;font-size:.875rem;line-height:1.4}.inline-alert__dismiss{color:var(--pm-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:-2px -4px -2px 0;padding:0;display:flex}.inline-alert__dismiss:active{background:color-mix(in srgb, var(--pm-error-text) 12%, transparent);color:var(--pm-error-text)}.inline-alert__progress{background:color-mix(in srgb, var(--pm-error-text) 10%, transparent);height:3px}.inline-alert__progress-fill{background:var(--pm-error-text);transform-origin:0;width:100%;height:100%;animation:linear forwards inline-alert-progress;display:block}.inline-alert--info .inline-alert__panel{border-color:color-mix(in srgb, var(--pm-success-text) 24%, transparent)}.inline-alert--info .inline-alert__row{background:color-mix(in srgb, var(--pm-success-text) 8%, var(--pm-success-bg))}.inline-alert--info .inline-alert__icon{color:var(--pm-success-text)}.inline-alert--info .inline-alert__dismiss:active{background:color-mix(in srgb, var(--pm-success-text) 12%, transparent);color:var(--pm-success-text)}.inline-alert--info .inline-alert__progress{background:color-mix(in srgb, var(--pm-success-text) 10%, transparent)}.inline-alert--info .inline-alert__progress-fill{background:var(--pm-success-text)}.inline-alert-banner-enter-active{transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.inline-alert-banner-leave-active{transition:opacity .32s ease-in,transform .4s cubic-bezier(.4,0,1,1)}.inline-alert-banner-enter-from{opacity:0;transform:translate(100%)scale(.97)}.inline-alert-banner-enter-to,.inline-alert-banner-leave-from{opacity:1;transform:translate(0,0)scale(1)}.inline-alert-banner-leave-to{opacity:0;transform:translate(100%)scale(.97)}@keyframes inline-alert-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.skeleton-block{border-radius:var(--pm-radius-card);background:var(--pm-bg-muted);animation:1.2s ease-in-out infinite skeleton-pulse}.skeleton-card{border-radius:var(--pm-radius-card);background:var(--pm-bg-elevated);flex-direction:column;gap:10px;padding:16px;display:flex}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.create-model-picker{margin-top:16px}.create-model-picker__trigger{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-page);width:100%;min-height:48px;color:var(--pm-text-primary);cursor:pointer;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:flex}.create-model-picker__trigger:hover:not(:disabled){border-color:var(--pm-border-strong);background:var(--pm-surface-elevated)}.create-model-picker__trigger:active:not(:disabled){background:var(--pm-surface-muted)}.create-model-picker__trigger:focus-visible{outline:2px solid var(--pm-accent);outline-offset:2px}.create-model-picker__trigger:disabled{cursor:default;opacity:.65}.create-model-picker__copy{flex-direction:row;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.create-model-picker__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9375rem;font-weight:500;overflow:hidden}.create-model-picker__badge{background:color-mix(in srgb, var(--pm-accent) 16%, transparent);color:var(--pm-accent);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600}.create-model-picker__chevron{border-right:1.5px solid var(--pm-text-tertiary);border-bottom:1.5px solid var(--pm-text-tertiary);flex-shrink:0;width:7px;height:7px;transform:rotate(-45deg)}.create-model-sheet__option{align-items:flex-start}.create-model-sheet__copy{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.create-model-sheet__name{font-weight:500}.create-model-sheet__badge{background:color-mix(in srgb, var(--pm-accent) 16%, transparent);color:var(--pm-accent);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:12px;font-weight:600}.create-model-sheet__description{color:var(--pm-text-muted);font-size:13px;line-height:1.35}.create-panel__textarea--generating{opacity:.7}.create-panel__generating-hint{color:var(--pm-text-muted);margin:8px 0 0;font-size:13px}.page-home,.page-devices{flex-direction:column;gap:12px;display:flex}.home-hero{padding:16px}.home-hero__row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-hero__label{color:var(--pm-text-tertiary);margin:0 0 4px;font-size:.75rem}.home-hero__title{margin:0;font-size:1.25rem;font-weight:600}.onboarding-banner{border:1px solid var(--pm-border);border-radius:var(--pm-radius-card);background:var(--pm-bg-subtle);flex-direction:column;gap:12px;padding:16px;display:flex}.onboarding-banner__title{margin:0 0 4px;font-size:1rem;font-weight:600}.onboarding-banner__text{color:var(--pm-text-secondary);margin:0;line-height:1.45}.onboarding-banner__cta{align-self:flex-start}.posts-limit-card{border:1px solid var(--pm-border);border-radius:var(--pm-radius-card);background:var(--pm-bg-elevated);padding:16px}.posts-limit-card--warn{border-color:var(--pm-warn-text)}.posts-limit-card--error{border-color:var(--pm-error-border)}.posts-limit-card__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.posts-limit-card__title{margin:0;font-size:.9375rem;font-weight:600}.posts-limit-card__value{color:var(--pm-text-secondary);font-size:.875rem}.posts-limit-card__track{background:var(--pm-bg-muted);border-radius:999px;height:8px;overflow:hidden}.posts-limit-card__fill{border-radius:inherit;background:var(--pm-accent);height:100%;display:block}.posts-limit-card__hint{color:var(--pm-error-text);margin:8px 0 0;font-size:.8125rem}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kpi-tile{border:1px solid var(--pm-border);border-radius:var(--pm-radius-card);background:var(--pm-bg-elevated);padding:14px 16px}.kpi-tile__label{color:var(--pm-text-tertiary);margin-bottom:6px;font-size:.75rem;display:block}.kpi-tile__value{font-size:1.125rem;font-weight:600}.home-queue{padding:16px}.home-queue__head{margin-bottom:12px}.home-queue__title{margin:0;font-size:1rem;font-weight:600}.home-queue__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-queue__item{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-subtle);padding:12px}.home-queue__status{color:var(--pm-text-tertiary);text-transform:uppercase;margin-bottom:4px;font-size:.75rem;display:inline-block}.home-queue__text{margin:0;font-size:.9375rem;line-height:1.4}.home-skeleton{flex-direction:column;gap:12px;display:flex}.home-skeleton__kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pill{text-transform:uppercase;background:var(--pm-bg-muted);color:var(--pm-text-secondary);border-radius:999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.pill--online{background:var(--pm-success-bg);color:var(--pm-success-text)}.pill--offline{background:var(--pm-error-bg);color:var(--pm-error-text)}.device-card,.device-empty{padding:16px}.device-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.device-card__name{margin:0;font-size:1rem;font-weight:600}.device-empty,.page-devices,.devices-skeleton{flex-direction:column;gap:12px;display:flex}.device-card{padding:16px}.device-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.device-card__name{margin:0;font-size:1rem}.device-card__meta{color:var(--pm-text-secondary);margin:8px 0 0;font-size:.875rem}.device-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;display:flex}.pill{text-transform:uppercase;background:var(--pm-bg-muted);border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.pill--online{color:var(--pm-success-text,#0a7)}.pill--offline{color:var(--pm-text-tertiary)}.page-create{padding-bottom:80px}.create-skeleton{flex-direction:column;gap:16px;display:flex}.create-skeleton__steps{justify-content:space-between;gap:8px;display:flex}.create-page-head{border-bottom:1px solid var(--pm-border);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.create-page-head__title{flex:1;min-width:0;margin:0}.create-discard-action{font:inherit;color:var(--pm-text-tertiary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-shrink:0;margin:0;padding:0;font-size:.8125rem;font-weight:500;line-height:1.2}.create-discard-action:active{color:var(--pm-text-secondary)}.create-steps{margin-bottom:20px}.create-steps__list{align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.create-steps__item{flex:1;min-width:0;position:relative}.create-steps__item:not(:last-child):after{content:"";background:var(--pm-border);pointer-events:none;z-index:0;width:calc(100% - 16px);height:2px;position:absolute;top:5px;left:calc(50% + 8px)}.create-steps__item--connector-solid:not(:last-child):after{background:var(--pm-accent)}.create-steps__item--connector-dashed:not(:last-child):after{background:repeating-linear-gradient(to right, var(--pm-accent) 0, var(--pm-accent) 5px, transparent 5px, transparent 9px)}.create-steps__step{z-index:1;width:100%;min-height:44px;font:inherit;color:inherit;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.create-steps__step--clickable:not(:disabled){cursor:pointer}.create-steps__step--clickable:not(:disabled):active{opacity:.75}.create-steps__step:disabled{cursor:default}.create-steps__marker{z-index:1;border:2px solid var(--pm-border);background:var(--pm-bg-page);box-sizing:border-box;border-radius:50%;width:10px;height:10px;position:relative}.create-steps__step--active .create-steps__marker{border-color:var(--pm-accent);background:var(--pm-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pm-accent) 18%, transparent)}.create-steps__step--complete .create-steps__marker{border-color:var(--pm-accent);background:var(--pm-accent)}.create-steps__step--reachable .create-steps__marker{border-color:var(--pm-accent);background:color-mix(in srgb, var(--pm-accent) 14%, var(--pm-bg-page))}.create-steps__label{letter-spacing:-.01em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--pm-text-tertiary);padding:0 2px;font-size:.625rem;line-height:1.2;overflow:hidden}.create-steps__step--active .create-steps__label{color:var(--pm-accent);font-weight:600}.create-steps__step--complete .create-steps__label,.create-steps__step--reachable .create-steps__label{color:var(--pm-text-secondary)}.create-panel{flex-direction:column;gap:12px;padding:16px;display:flex}.create-panel__label{color:var(--pm-text-tertiary);font-size:.8125rem}.create-panel__value{margin:0;font-size:1.125rem;font-weight:600}.create-panel__text{white-space:pre-wrap;margin:0;line-height:1.5}.create-panel__meta,.create-panel__hint{color:var(--pm-text-secondary);margin:0;font-size:.875rem}.create-panel__regenerate{align-self:flex-start}.create-panel__textarea,.create-panel__input{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-page);resize:vertical;width:100%;padding:12px}.create-schedule{flex-direction:column;gap:8px;display:flex}.create-schedule__group{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-muted);overflow:hidden}.create-schedule__option{cursor:pointer;width:100%;min-height:52px;font:inherit;text-align:left;color:var(--pm-text-primary);-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.create-schedule__option+.create-schedule__option{border-top:1px solid var(--pm-border)}.create-schedule__option--active{background:color-mix(in srgb, var(--pm-accent) 8%, var(--pm-bg-muted))}.create-schedule__option:active{background:var(--pm-bg-subtle)}.create-schedule__copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.create-schedule__text{font-size:.9375rem;line-height:1.3}.create-schedule__hint{color:var(--pm-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1.25;overflow:hidden}.create-schedule__custom{flex-direction:column;gap:8px;margin-top:12px;display:flex}.create-schedule__picker{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-page);cursor:pointer;width:100%;min-height:48px;font:inherit;text-align:left;color:var(--pm-text-primary);-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.create-schedule__picker:active{background:var(--pm-bg-subtle)}.create-schedule__picker-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9375rem;overflow:hidden}.create-schedule__picker-chevron{border-right:1.5px solid var(--pm-text-tertiary);border-bottom:1.5px solid var(--pm-text-tertiary);flex-shrink:0;width:7px;height:7px;transform:rotate(-45deg)}.create-schedule__sheet-preview{color:var(--pm-text-secondary);margin:0 0 12px;font-size:.9375rem}.create-schedule__section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--pm-text-tertiary);margin:0 0 8px;font-size:.75rem;font-weight:600}.create-schedule__days{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.create-schedule__day-chip{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-muted);cursor:pointer;min-width:72px;font:inherit;color:var(--pm-text-primary);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;display:flex}.create-schedule__day-chip--active{border-color:var(--pm-accent);background:color-mix(in srgb, var(--pm-accent) 10%, var(--pm-bg-muted));color:var(--pm-accent)}.create-schedule__day-chip-title{font-size:.875rem;font-weight:600}.create-schedule__day-chip-sub{color:var(--pm-text-secondary);font-size:.75rem}.create-schedule__day-chip--active .create-schedule__day-chip-sub{color:inherit;opacity:.85}.create-schedule__times{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:220px;margin-bottom:16px;display:grid;overflow-y:auto}.create-schedule__time-chip{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-muted);cursor:pointer;min-height:40px;font:inherit;color:var(--pm-text-primary);-webkit-tap-highlight-color:transparent;padding:8px 6px;font-size:.8125rem}.create-schedule__time-chip--active{border-color:var(--pm-accent);background:var(--pm-accent);color:var(--pm-accent-fg)}.create-schedule__time-chip:disabled{opacity:.35;cursor:not-allowed}.create-schedule__preview{color:var(--pm-text-secondary);margin:0;font-size:.875rem}.create-dev-action{width:100%;margin-top:16px}.create-discard-sheet__panel .sheet__head{justify-content:center}.create-discard-sheet__panel .sheet__title{text-align:center;width:100%;line-height:1.25}.create-discard-sheet__message{color:var(--pm-text-secondary);margin:0 16px 16px}.create-discard-sheet__discard{background:var(--pm-error-bg);width:calc(100% - 32px);color:var(--pm-error-text);margin:0 16px 8px}.create-discard-sheet__keep{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-elevated);width:calc(100% - 32px);color:var(--pm-text-primary);font:inherit;cursor:pointer;margin:0 16px 16px;padding:12px;font-size:1rem;font-weight:500;display:block}.create-discard-sheet__keep:active{background:var(--pm-bg-muted)}.page-history-detail{padding-bottom:24px}.history-skeleton{flex-direction:column;gap:12px;display:flex}.history-skeleton__tabs{flex-wrap:wrap;gap:8px;display:flex}.history-tabs{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.history-tabs__btn{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-elevated);color:var(--pm-text-secondary);cursor:pointer;flex-shrink:0;padding:8px 12px}.history-tabs__btn--active{border-color:var(--pm-accent);color:var(--pm-accent);font-weight:600}.history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-item{text-align:left;cursor:pointer;border:none;width:100%;padding:12px 16px}.history-item__head{justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.history-item__status{text-transform:uppercase;color:var(--pm-accent);font-size:.75rem;font-weight:600}.history-item__channel{color:var(--pm-text-tertiary);font-size:.75rem}.history-item__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.history-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;display:flex}.history-empty__hint{font-size:.875rem}.history-back{margin-bottom:8px}.history-detail__text{white-space:pre-wrap;margin:4px 0 0;line-height:1.5}.page-onboarding,.onboarding-channel-skeleton,.onboarding-analysis-skeleton{flex-direction:column;gap:12px;display:flex}.job-detail-skeleton{margin-top:12px}.onboarding-form{flex-direction:column;gap:16px;padding:16px;display:flex}.onboarding-form__field{flex-direction:column;gap:6px;display:flex}.onboarding-form__label{color:var(--pm-text-tertiary);font-size:.8125rem}.onboarding-form__input{border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-page);padding:12px}.onboarding-form__consent{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.onboarding-form__consent-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-form__consent-input:focus-visible+.choice-checkbox{outline:2px solid var(--pm-accent);outline-offset:2px}.onboarding-form__consent-text{color:var(--pm-text-primary);font-size:.875rem;line-height:1.4}.onboarding-form--notice{background:color-mix(in srgb, var(--pm-accent) 8%, var(--pm-bg-elevated))}.onboarding-channel-list{flex-direction:column;gap:8px;display:flex}.onboarding-channel-option{cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.onboarding-channel-option--selected{border-color:var(--pm-accent);box-shadow:0 0 0 1px var(--pm-accent)}.onboarding-channel-option__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-channel-option__input:focus-visible+.choice-radio{outline:2px solid var(--pm-accent);outline-offset:2px}.onboarding-channel-option .choice-radio{margin-top:2px}.onboarding-channel-option__body{flex-direction:column;gap:4px;min-width:0;display:flex}.onboarding-channel-option__title{font-weight:600}.onboarding-channel-option__meta{color:var(--pm-text-tertiary);font-size:.8125rem}.onboarding-analysis{text-align:center;padding:24px 16px}.onboarding-analysis__status{text-transform:capitalize;margin:0;font-size:1.125rem;font-weight:600}
