/* Home scenery stays independent from the selected workspace design. */
.home-appearance-surface{--home-network-heading-ink:#253d46;position:relative;isolation:isolate}
.home-appearance-surface[data-home-background-tone=dark]{--home-network-heading-ink:#f0f9ff}
.home-appearance-backdrop{display:none;position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;user-select:none;background:var(--home-appearance-background,#f3f6f8)}
.home-appearance-surface:not([data-home-background=daytime])>.home-appearance-backdrop{display:block}
.home-appearance-surface[data-home-background=pearl]{--home-appearance-background:#f3f6f8}
.home-appearance-surface[data-home-background=ice]{--home-appearance-background:#eaf3fa}
.home-appearance-surface[data-home-background=sage]{--home-appearance-background:#edf3ee}
.home-appearance-surface[data-home-background=sand]{--home-appearance-background:#f5f0e7}
.home-appearance-surface[data-home-background=lavender]{--home-appearance-background:#f0edf7}
.home-appearance-surface[data-home-background=slate]{--home-appearance-background:#263743}
.home-appearance-surface[data-home-background=aurora]{--home-appearance-background:linear-gradient(135deg,#0d272a,#102128 68%,#12252a)}
.home-appearance-surface[data-home-background=mist]{--home-appearance-background:linear-gradient(150deg,#eff5f5,#e9f2f5 55%,#e9eff6)}
.home-appearance-surface[data-home-background=starlight]{--home-appearance-background:linear-gradient(145deg,#1b3042,#172337 65%,#21263d)}
.home-appearance-surface[data-home-background=cyber-grid]{--home-appearance-background:radial-gradient(ellipse at 50% 52%,#0c2845,transparent 72%),#081527}
.home-appearance-surface[data-home-background=neon-circuit]{--home-appearance-background:radial-gradient(ellipse at 90% 15%,#4b154b73,transparent 58%),radial-gradient(ellipse at 5% 80%,#0b476444,transparent 60%),#100f25}
.home-appearance-surface[data-home-background=hologram]{--home-appearance-background:radial-gradient(ellipse at 10% 90%,#0c566668,transparent 63%),radial-gradient(ellipse at 95% 10%,#6536744d,transparent 60%),#101c32}
.home-appearance-glow,.home-appearance-particles,.home-appearance-grid,.home-appearance-orbit{display:none;position:absolute;pointer-events:none}
.home-appearance-surface:is([data-home-background=aurora],[data-home-background=mist],[data-home-background=starlight]) .home-appearance-glow{display:block;inset:-12%;background:radial-gradient(ellipse at 12% 24%,#57b69b35,transparent 54%),radial-gradient(ellipse at 83% 79%,#327e7830,transparent 52%);animation:home-appearance-glow-drift 34s ease-in-out infinite alternate}
.home-appearance-surface[data-home-background=mist] .home-appearance-glow{background:radial-gradient(ellipse at 15% 30%,#b5d9cf88,transparent 52%),radial-gradient(ellipse at 80% 75%,#bdc8e677,transparent 55%)}
.home-appearance-surface[data-home-background=starlight] .home-appearance-glow{background:radial-gradient(ellipse at 16% 30%,#739bc044,transparent 55%),radial-gradient(ellipse at 78% 80%,#9b80bc30,transparent 50%)}
.home-appearance-surface:is([data-home-background=aurora],[data-home-background=mist],[data-home-background=starlight]) .home-appearance-particles{display:block;inset:-30px;opacity:.3;filter:blur(.8px);background-image:radial-gradient(circle at 6% 18%,#c4efe0a3 0 1px,transparent 3px),radial-gradient(circle at 22% 52%,#c4efe080 0 1px,transparent 4px),radial-gradient(circle at 41% 13%,#c4efe080 0 1px,transparent 3px),radial-gradient(circle at 64% 37%,#c4efe0b3 0 1px,transparent 4px),radial-gradient(circle at 84% 22%,#c4efe080 0 1px,transparent 4px),radial-gradient(circle at 16% 86%,#c4efe080 0 1px,transparent 4px);animation:home-appearance-dust-drift 42s ease-in-out infinite alternate}
.home-appearance-surface:is([data-home-background=cyber-grid],[data-home-background=neon-circuit],[data-home-background=hologram]) .home-appearance-grid{display:block;inset:35% -30% -40%;opacity:.4;background-image:linear-gradient(#4aaff247 1px,transparent 1px),linear-gradient(90deg,#4aaff247 1px,transparent 1px);background-size:84px 84px;transform:perspective(650px) rotateX(61deg);transform-origin:center top;animation:home-appearance-grid-travel 36s linear infinite}
.home-appearance-surface[data-home-background=neon-circuit] .home-appearance-grid{inset:0;opacity:.28;background-image:repeating-linear-gradient(0deg,transparent 0 50px,#bc79e050 50px 52px,transparent 52px 90px),repeating-linear-gradient(90deg,transparent 0 80px,#59d9de59 80px 82px,transparent 82px 132px);transform:skewY(-8deg) scale(1.2);mask-image:repeating-linear-gradient(125deg,#000 0 92px,transparent 92px 136px)}
.home-appearance-surface[data-home-background=hologram] .home-appearance-orbit{display:block;width:min(440px,70%);aspect-ratio:1;top:8%;right:-5%;border:1px solid #bc9cde55;border-radius:50%;box-shadow:0 0 0 28px #bc9cde09,0 0 0 29px #bc9cde44,inset 0 0 0 38px #79d5e709,inset 0 0 0 39px #79d5e744;animation:home-appearance-glow-drift 46s ease-in-out infinite alternate}
.home-appearance-surface[data-home-background-motion=paused] .home-appearance-backdrop>span{animation-play-state:paused}
.home-appearance-dialog{width:min(760px,calc(var(--workspace-viewport-width,100vw) - 28px));max-height:calc(var(--workspace-viewport-height,100vh) - 28px);padding:0;border:1px solid var(--workspace-border,#d5ddda);border-radius:20px;background:var(--workspace-surface,#fff);color:var(--workspace-ink,#233e4b);overflow:hidden;box-shadow:var(--workspace-frame-shadow,none),0 24px 80px #14203347}
.home-appearance-dialog::backdrop{background:#14203385;backdrop-filter:blur(3px)}
.home-appearance-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(var(--workspace-viewport-height,100vh) - 28px);margin:0}
.home-appearance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 24px;border-bottom:1px solid var(--workspace-border,#dae4e5);background:var(--workspace-subtle,#f4faf8)}
.home-appearance-header h2{margin:0 0 6px;color:var(--workspace-ink,#173752)}
.home-appearance-header p{margin:0;color:var(--workspace-muted,#617785);line-height:1.6}
.home-appearance-close{flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid var(--workspace-border,#cad9db);border-radius:10px;background:var(--workspace-surface,#fff);color:var(--workspace-ink,#526974);cursor:pointer}
.home-appearance-body{display:grid;gap:18px;overflow:auto;padding:20px 24px;overscroll-behavior:contain}
.home-appearance-body>p{margin:0;line-height:1.7;color:var(--workspace-muted,#617785)}
.home-appearance-group{min-width:0;margin:0;padding:0;border:0}
.home-appearance-group legend{margin-bottom:10px;font-weight:700}
.home-appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-appearance-choice{position:relative;min-width:0;cursor:pointer}
.home-appearance-choice input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.home-appearance-choice-body{display:grid;gap:8px;height:100%;padding:9px;border:1px solid var(--workspace-border,#d4e0e3);border-radius:12px;line-height:1.5;overflow-wrap:anywhere}
.home-appearance-swatch{position:relative;display:grid;place-items:center;min-height:72px;border-radius:7px;background:#f3f6f8;overflow:hidden}
.home-appearance-swatch>span{display:none;position:absolute;right:7px;bottom:7px;width:25px;height:25px;border-radius:50%;background:#087f78;color:white;text-align:center;font-weight:700;z-index:1}
.home-appearance-choice:has(input:checked) .home-appearance-choice-body{border-color:var(--workspace-accent,#078f88);box-shadow:inset 0 0 0 1px var(--workspace-accent,#078f88);background:var(--workspace-subtle,#edf8f4)}
.home-appearance-choice:has(input:checked) .home-appearance-swatch>span{display:block}
.home-appearance-choice:has(input:focus-visible) .home-appearance-choice-body{outline:3px solid var(--workspace-accent,#078f88);outline-offset:3px}
[data-home-background-preview=daytime]{background:#eaf3fa url('/assets/home/office-background.png') center/cover}
[data-home-background-preview=ice]{background:#eaf3fa}
[data-home-background-preview=sage]{background:#edf3ee}
[data-home-background-preview=sand]{background:#f5f0e7}
[data-home-background-preview=lavender]{background:#f0edf7}
[data-home-background-preview=slate]{background:#263743}
[data-home-background-preview=aurora]{background:radial-gradient(ellipse at 12% 24%,#5fbd9e55,transparent 65%),linear-gradient(135deg,#0d272a,#102128)}
[data-home-background-preview=mist]{background:radial-gradient(ellipse at 12% 24%,#a7d5caaa,transparent 65%),linear-gradient(135deg,#eff5f5,#e5eafa)}
[data-home-background-preview=starlight]{background:radial-gradient(circle at 25% 30%,#d6e6ffb3 0 1px,transparent 2px),radial-gradient(circle at 75% 65%,#d6e6ff80 0 1px,transparent 2px),linear-gradient(135deg,#1b3042,#21263d)}
[data-home-background-preview=cyber-grid]{background:linear-gradient(#58bbf233 1px,transparent 1px),linear-gradient(90deg,#58bbf233 1px,transparent 1px),#081527;background-size:20px 20px}
[data-home-background-preview=neon-circuit]{background:repeating-linear-gradient(0deg,transparent 0 12px,#bc79e035 12px 13px,transparent 13px 22px),repeating-linear-gradient(90deg,transparent 0 20px,#59d9de59 20px 21px,transparent 21px 33px),linear-gradient(120deg,#0c2b3d,#251238 65%,#401641)}
[data-home-background-preview=hologram]{background:radial-gradient(circle at 80% 20%,transparent 0 24px,#c59de474 25px 26px,transparent 27px 33px,#c59de442 34px 35px,transparent 36px),linear-gradient(135deg,#101c32,#352643)}
.home-appearance-motion{display:flex;align-items:center;gap:10px;cursor:pointer}
.home-appearance-motion input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--workspace-accent,#078f88)}
.home-appearance-body>.home-appearance-motion-note{margin-top:-10px}
.home-appearance-footer{display:flex;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--workspace-border,#dae4e5);background:var(--workspace-subtle,#f7fbfa)}
.home-appearance-footer p{flex:1;min-width:0;margin:0;color:var(--workspace-muted,#617785);line-height:1.5}
.home-appearance-footer button{flex:0 0 auto;border:1px solid var(--workspace-border,#cbd9dc);border-radius:10px;padding:9px 12px;background:var(--workspace-surface,#fff);color:var(--workspace-ink,#3c5968);cursor:pointer}
.home-appearance-footer button.primary{border-color:var(--workspace-accent,#087f78);background:var(--workspace-accent,#087f78);color:var(--workspace-accent-ink,#fff)}
.home-appearance-footer button:focus-visible,.home-appearance-close:focus-visible{outline:3px solid var(--workspace-accent,#078f88);outline-offset:3px}
@keyframes home-appearance-glow-drift{from{transform:translate3d(-1.4%,-1%,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.04)}}
@keyframes home-appearance-dust-drift{from{transform:translate3d(0,12px,0)}to{transform:translate3d(12px,-18px,0)}}
@keyframes home-appearance-grid-travel{from{background-position:0 0}to{background-position:0 84px}}
@media(max-width:580px){.home-appearance-options{grid-template-columns:repeat(2,minmax(0,1fr))}.home-appearance-header,.home-appearance-body,.home-appearance-footer{padding-left:16px;padding-right:16px}.home-appearance-footer{flex-wrap:wrap}.home-appearance-footer p{order:3;flex-basis:100%}.home-appearance-footer .primary{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.home-appearance-surface[data-home-background] .home-appearance-backdrop>span{animation:none}}

.home-appearance-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-appearance-layout-options{display:grid;gap:12px}
.home-appearance-row{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:14px;padding:14px}
.home-appearance-row>span:last-child{display:grid;gap:5px;min-width:0}
.home-appearance-choice-body strong{font-weight:700;line-height:1.6;overflow-wrap:anywhere}
.home-appearance-choice-body small{color:var(--workspace-muted,#617785);line-height:1.7;overflow-wrap:anywhere}
.home-appearance-theme-preview{display:grid;grid-template-columns:16px 1fr 1.45fr;align-items:center;gap:9px;height:78px;padding:10px;border:1px solid #cadfe9;border-radius:5px;background:#eaf5fa}
.home-appearance-theme-preview>i{align-self:stretch;border-radius:2px;background:#3e4650}
.home-appearance-theme-preview>span{display:grid;gap:5px}
.home-appearance-theme-preview b{height:13px;border:1px solid #f1bb31;border-radius:2px;background:#fff8df}
.home-appearance-theme-preview b:nth-child(2){border-color:#ef86ad;background:#fff0f5}
.home-appearance-theme-preview b:nth-child(3){border-color:#93c650;background:#f0f8df}
.home-appearance-theme-preview>em{display:grid;gap:6px;border:1px solid #7ec9e0;border-radius:4px;background:#d8f0f6;padding:8px}
.home-appearance-theme-preview>em:before,.home-appearance-theme-preview>em:after{content:"";height:10px;border-radius:3px;background:#99d4e3}
.home-appearance-theme-preview>em:after{opacity:.65}
.home-appearance-layout-preview,.home-appearance-palette-preview{display:flex;align-items:center;justify-content:center;gap:5px;width:70px;height:56px;padding:6px;border:1px solid #cbdde6;border-radius:6px;background:#fff}
.home-appearance-layout-preview i{height:35px;width:18px;border:1px solid #53bdd5;border-radius:2px;background:#ddf3fa}
.home-appearance-layout-preview i:nth-child(2){height:25px;width:12px;border-color:#ca936d;background:#f5e6d9}
.home-appearance-layout-preview i:nth-child(3){height:31px;width:12px;border-color:#efb34a;background:#fff0ce}
.home-appearance-layout-preview[data-layout-preview=agents-first]{flex-direction:row-reverse}
.home-appearance-layout-preview[data-layout-preview=knowledge-panel]{display:grid;grid-template-columns:1fr 15px;gap:4px}
.home-appearance-layout-preview[data-layout-preview=knowledge-panel] i{width:100%;height:24px}
.home-appearance-layout-preview[data-layout-preview=knowledge-panel] i:nth-child(3){grid-column:1/-1;height:9px}
.home-appearance-layout-preview[data-layout-preview=vertical]{flex-direction:column-reverse;gap:4px}
.home-appearance-layout-preview[data-layout-preview=vertical] i{width:40px;height:14px}
.home-appearance-layout-preview[data-layout-preview=vertical] i:nth-child(2){width:28px;height:9px}
.home-appearance-palette-preview i{width:20px;height:30px;border:1px solid #0879e9;border-top-width:4px;border-radius:4px;background:#cfe6ff}
.home-appearance-palette-preview i:nth-child(2){border-color:#6a9e28;background:#e3eed4}
.home-appearance-palette-preview[data-palette-preview=original] i:first-child{border-color:#6a9e28;background:#e3eed4}
.home-appearance-palette-preview[data-palette-preview=original] i:nth-child(2){border-color:#0879e9;background:#cfe6ff}
@media(max-width:580px){.home-appearance-theme-preview{gap:6px;padding:7px;grid-template-columns:12px 1fr 1.2fr}.home-appearance-row{gap:10px;padding:12px}}
@media(forced-colors:active){.home-appearance-choice:has(input:checked) .home-appearance-choice-body{outline:2px solid Highlight;outline-offset:1px}.home-appearance-theme-preview,.home-appearance-layout-preview,.home-appearance-palette-preview{border-color:CanvasText}}

.home-appearance-surface[data-home-background=workspace]{--home-appearance-background:var(--workspace-background,#e8e3d7)}
.home-appearance-theme-preview[data-theme-preview=standard]{background:#fff;border-color:#dfe5ec}
.home-appearance-theme-preview[data-theme-preview=standard]>i{background:#f1f3f6}
.home-appearance-theme-preview[data-theme-preview=standard] b{background:#fff;border-color:#dfe5ec}
.home-appearance-theme-preview[data-theme-preview=dark]{background:#202020;border-color:#414141}
.home-appearance-theme-preview[data-theme-preview=dark]>i{background:#191919}
.home-appearance-theme-preview[data-theme-preview=dark] b{background:#2c2c2c;border-color:#505050}
.home-appearance-theme-preview[data-theme-preview=dark]>em{background:#292929;border-color:#505050}
.home-appearance-theme-preview[data-theme-preview=dark]>em:before,.home-appearance-theme-preview[data-theme-preview=dark]>em:after{background:#a2d5df}
/* 2026-11-04：ユーザー設定の「画面設定」タブに埋め込んだとき（ポップアップの枠・見出し・高さの制限なし） */
.home-appearance-card.is-embedded{display:block;max-height:none}
.home-appearance-card.is-embedded .home-appearance-body{overflow:visible;padding:4px 0 0}
.home-appearance-card.is-embedded .home-appearance-footer{padding:16px 0 4px;border:0;background:transparent}