/* Scoped home layout: native controls, restrained LT accents, no animated profile effects. */
.home-workspace{--home-surface:var(--bg-secondary,#202020);--home-text:var(--text-primary,#f2f2f2);--home-muted:var(--text-secondary,#b8b8b8);--home-border:rgba(160,160,160,.23);--home-accent:#e7bf62;color:var(--home-text);display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
.home-workspace *,.home-dialog *{box-sizing:border-box;min-width:0}.home-workspace [hidden],.home-dialog [hidden]{display:none!important}
.home-workspace .home-surface{background:var(--home-surface);border:1px solid var(--home-border);border-radius:18px;padding:clamp(18px,3vw,30px);margin:0;box-shadow:none;min-width:0}
.home-workspace h1,.home-dialog h2{font-size:clamp(1.55rem,3.3vw,2.3rem);line-height:1.17;letter-spacing:-.025em;margin:6px 0 12px;overflow-wrap:anywhere}.home-workspace h2{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.25;margin:4px 0}.home-workspace h3{font-size:1.03rem;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}.home-workspace p{font-size:.95rem;line-height:1.65;margin:8px 0 14px}
.home-workspace .home-eyebrow,.home-dialog .home-eyebrow{color:var(--home-accent,#e7bf62);font-size:.73rem;text-transform:uppercase;font-weight:750;letter-spacing:.1em}
.home-workspace .home-muted,.home-dialog .home-muted{color:var(--home-muted,var(--text-secondary,#b8b8b8))}.home-workspace .home-section-heading,.home-personal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.home-personal-heading{padding:8px 8px 0;margin-bottom:0}.home-personal-heading p{margin-bottom:0}
.home-workspace .home-button,.home-dialog .home-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:auto;height:auto;padding:10px 16px;border:1px solid var(--home-border,rgba(160,160,160,.3));border-radius:10px;background:var(--home-surface,var(--bg-secondary,#252525));color:var(--home-text,var(--text-primary,#f2f2f2));font:inherit;font-size:.9rem;font-weight:650;line-height:1.4;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;margin:0;cursor:pointer;box-shadow:none;transition:background-color .15s,border-color .15s}
.home-workspace .home-button:hover,.home-dialog .home-button:hover{border-color:#a98b4a;background:var(--bg-tertiary,#303030)}.home-workspace .home-button-primary,.home-dialog .home-button-primary{background:#e7bf62;color:#211b10;border-color:#e7bf62}.home-workspace .home-button-primary:hover,.home-dialog .home-button-primary:hover{background:#f0cc7a;color:#211b10}.home-button:disabled{opacity:.55;cursor:not-allowed}
.home-workspace a:focus-visible,.home-workspace button:focus-visible,.home-workspace input:focus-visible,.home-workspace select:focus-visible,.home-dialog :focus-visible{outline:3px solid #e7bf62;outline-offset:3px}.home-workspace .home-text-link,.home-dialog .home-text-link{color:var(--home-accent,#e7bf62);font-size:.9rem;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.home-text-link:hover{text-decoration:underline}
.home-workspace .home-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:32px;position:relative;overflow:hidden}.home-workspace .home-intro::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#e6bc52 0 33.33%,#42735c 33.33% 66.66%,#b35758 66.66%)}.home-workspace .home-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.home-intro-steps{padding:20px;border:1px solid var(--home-border);border-radius:12px;background:var(--bg-primary,#171717)}.home-intro-steps ol{padding-left:24px;margin:16px 0 0;display:grid;gap:16px}.home-intro-steps li{padding-left:6px}.home-intro-steps li strong,.home-intro-steps li span{display:block}.home-intro-steps li span{font-size:.85rem;color:var(--home-muted);margin-top:4px}
.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-workspace .home-shortcut{display:flex;align-items:center;gap:12px;border:1px solid var(--home-border);border-radius:12px;min-height:72px;padding:16px;color:var(--home-text);text-decoration:none;background:var(--bg-primary,#191919);font-weight:600;font-size:.93rem}.home-shortcut i{color:var(--home-accent);font-size:1.15rem}.home-shortcut span:last-child:not(:first-of-type){margin-left:auto;color:var(--home-muted)}.home-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-work-column{min-width:0}.home-work-column h3 i{margin-right:8px;color:var(--home-accent)}.home-workspace .home-work-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--home-border);padding:12px 0;margin:0 0 10px;color:var(--home-text);text-decoration:none}.home-work-row strong{font-weight:600;display:block;overflow-wrap:anywhere}.home-work-row small{display:block;color:var(--home-muted);font-size:.8rem;margin-top:4px}.home-role-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.home-workspace .home-badge{display:inline-flex;align-items:center;border:1px solid var(--home-border);border-radius:7px;padding:4px 8px;font-size:.72rem;font-weight:650;color:var(--home-muted);line-height:1.3;overflow-wrap:anywhere}.home-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-example{border:1px solid var(--home-border);border-radius:12px;padding:18px;display:flex;align-items:flex-start;flex-direction:column}.home-example h3{margin:14px 0 4px}.home-example p{flex:1}.home-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-workspace .home-audience{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--home-border);border-radius:12px;padding:18px;text-decoration:none;color:var(--home-text)}.home-audience i{color:var(--home-accent);font-size:1.25rem}.home-audience>span:not(.home-text-link){color:var(--home-muted);font-size:.86rem;line-height:1.5;flex:1}
.home-work-column>.home-text-link{display:inline-flex;align-items:center;min-height:44px;margin-right:16px;padding:6px 0}.home-work-column>.home-text-link:last-child{margin-right:0}
.home-gallery-filters{display:grid;grid-template-columns:minmax(170px,2fr) repeat(3,minmax(115px,1fr)) auto auto;gap:12px;align-items:end;margin:20px 0}.home-workspace .home-field,.home-dialog .home-field{display:flex;flex-direction:column;gap:7px;font-size:.8rem;font-weight:650;margin:0}.home-workspace .home-field input,.home-workspace .home-field select,.home-dialog .home-field input{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:9px 11px;border:1px solid var(--home-border,rgba(160,160,160,.35));border-radius:9px;background:var(--bg-primary,#171717);color:var(--text-primary,#eee);font:inherit;font-size:.9rem;box-shadow:none}.home-gallery-filters>.home-text-link{align-self:center;margin-top:20px}.home-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-public-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--home-border);border-radius:12px;background:var(--bg-primary,#171717);min-width:0;content-visibility:auto;contain-intrinsic-size:auto 295px}.home-workspace .home-public-card h3{margin:0;font-size:1.05rem}.home-public-card h3 a{color:var(--home-text);text-decoration:none;overflow-wrap:anywhere}.home-public-meta,.home-public-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-public-meta time{color:var(--home-muted);font-size:.73rem}.home-workspace .home-code-snippet{height:110px;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;border:0;background:var(--home-surface);border-radius:8px;font:12px/1.6 ui-monospace,Consolas,monospace;color:var(--home-muted);padding:12px;margin:0;flex:1}.home-code-snippet code{background:none;color:inherit;font:inherit;padding:0}.home-workspace .home-author{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--home-muted);font:inherit;font-size:.8rem;padding:4px 0;cursor:pointer;text-align:left;margin:0}.home-author span{overflow-wrap:anywhere}.home-author i{flex-shrink:0}.home-public-footer{margin-top:auto;min-height:44px}.home-public-footer>.home-text-link{flex-shrink:0}.home-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:.85rem}.home-empty{padding:30px 0;text-align:center}.home-notice{padding:14px 18px;border:1px solid #8b743c;border-radius:10px;background:var(--bg-secondary,#222);color:var(--text-primary,#eee);font-size:.9rem;line-height:1.6;margin:0}.home-announcement{display:flex;align-items:center;gap:14px}.home-notice a{color:var(--home-accent,#e7bf62)}.home-workspace .home-save-status:empty{display:none}
.home-dialog{--home-border:rgba(160,160,160,.3);--home-accent:#e7bf62;border:1px solid var(--home-border);border-radius:18px;width:min(700px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;margin:auto;background:var(--bg-secondary,#202020);color:var(--text-primary,#eee);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0008;color-scheme:dark}.home-dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.home-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--home-border);margin-bottom:18px}.home-dialog-header h2{font-size:1.35rem;margin:0}.home-dialog .home-icon-button{font-size:1.5rem;flex:0 0 44px;padding:4px}.home-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}.home-dialog fieldset{border:1px solid var(--home-border);border-radius:10px;padding:12px;margin:18px 0}.home-dialog legend{font-weight:650;padding:0 8px}.home-pref-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--home-border)}.home-pref-row:last-child{border:0}.home-pref-row label{display:flex;align-items:center;gap:10px;flex:1;font-size:.9rem;margin:0}.home-pref-row input[type=checkbox],.home-check input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#d9b667}.home-pref-row .home-button{flex:0 0 44px;padding:8px}.home-check{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.6;margin:16px 0}.home-dialog [role=status]{font-size:.9rem;line-height:1.6}.home-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.home-demo-dialog iframe{width:100%;height:300px;border:1px solid var(--home-border);border-radius:10px;background:#191919}.home-demo-dialog details{margin:18px 0}.home-dialog [data-home-ai-result] p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.home-dialog [data-home-ai-result] a{display:block;color:#e7bf62;margin:12px 0}.home-dialog summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.light-theme .home-workspace,.light-theme .home-dialog{--home-accent:#775408;--home-border:#d4d4d4}.light-theme .home-dialog{color-scheme:light}.light-theme .home-workspace .home-surface{background:var(--bg-secondary,#fff)}
@media(min-width:1100px){.home-workspace .home-surface[data-home-block=ai]{content-visibility:auto;contain-intrinsic-size:auto 230px}}
@media(max-width:1050px){.home-gallery-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.home-gallery-filters .home-field:first-child{grid-column:span 2}.home-gallery-filters>.home-text-link{margin-top:0}.home-audience-grid,.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.home-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.home-workspace{gap:16px}.home-workspace .home-intro{grid-template-columns:1fr;gap:22px}.home-workspace .home-section-heading,.home-personal-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.home-work-grid{grid-template-columns:1fr;gap:24px}.home-example-grid{grid-template-columns:1fr}.home-personal-heading .home-button{min-height:40px;font-size:.82rem}.home-intro-steps{padding:16px}.home-workspace .home-hero-actions .home-text-link{flex-basis:100%}}
@media(max-width:480px){.home-gallery-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.home-gallery-filters .home-field:first-child{grid-column:span 2}.home-public-grid{grid-template-columns:1fr}.home-audience-grid{grid-template-columns:1fr}.home-workspace .home-shortcut{padding:12px;gap:8px;font-size:.85rem;min-height:66px}.home-shortcut span:last-child:not(:first-of-type){display:none}.home-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.home-dialog-actions>.home-button{flex:1 1 140px}.home-workspace .home-role-actions>.home-button{flex:1 1 180px}.home-workspace .home-public-card{padding:16px}.home-workspace .home-surface{border-radius:14px}.home-workspace .home-section-heading>.home-badge{max-width:100%}}
@media(prefers-reduced-motion:reduce){.home-workspace *,.home-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.home-workspace .home-continue{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;color:var(--home-text);grid-column:1/-1;border-color:#d6b56370}.home-continue strong,.home-continue small{display:block;overflow-wrap:anywhere}.home-continue strong{font-size:clamp(19px,2vw,26px);margin:6px 0}.home-continue small{color:var(--home-muted)}.home-academy-intro{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;grid-column:1/-1}.home-learning-empty summary{cursor:pointer;min-height:44px;padding:10px 0}.home-example-filters{display:flex;flex-wrap:wrap;gap:8px;margin-block:18px}.home-example-filters [aria-pressed=true]{border-color:var(--home-accent);background:#d6b56318}.home-example[hidden]{display:none}.home-demo-dialog textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;resize:vertical;min-height:220px;padding:12px;border:1px solid #777;border-radius:8px;background:var(--bg-primary,#171717);color:var(--text-primary,#eee);font:13px/1.6 ui-monospace,Consolas,monospace}.home-demo-dialog details{border-top:1px solid #7774;padding-top:8px}@media(max-width:480px){.home-workspace .home-continue{gap:12px;align-items:flex-start;flex-direction:column}.home-continue>.home-button{width:100%;justify-content:center}.home-example-filters .home-button{flex:1 1 120px}}
