/* IRLegend visual system. Media geometry, font sizes and control dimensions stay in their page styles. */
:root{--bg:#100d17;--panel:#1b1523;--line:#3b2e47;--muted:#b1a3bd;--light:#f3edf9;--purple:#bc8bed;--ui-bg:#100d17;--ui-surface:#1b1523;--ui-raised:#231a2e;--ui-inset:#140f1c;--ui-line:#3b2e47;--ui-line-strong:#624578;--ui-muted:#b1a3bd;--ui-brand:#bc8bed;--ui-glow:#ae6be514;--ui-shadow:0 8px 28px #07040c22}
body{background:radial-gradient(ellipse at 50% 0,#7143920d,transparent 660px),var(--ui-bg);color:var(--light);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:#a96bdd66;color:#fff}button,a,input,select,textarea,summary{touch-action:manipulation}button,input,select,textarea{accent-color:var(--ui-brand)}button,a,summary,input,select,textarea{transition-property:background-color,border-color,color,box-shadow;transition-duration:140ms;transition-timing-function:ease-out}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d4a8fb;outline-offset:3px}.button:hover{transform:none}.button.primary{background:linear-gradient(130deg,#c299ef,#ad79df);color:#20122e;border-color:#c7a0ef;box-shadow:0 3px 12px #a86be51a}.button.primary:hover{background:linear-gradient(130deg,#d0aff5,#bb8ce9);border-color:#dfc3ff}.button.subtle{border-color:#58416d;background:#a978d409}.button.subtle:hover{background:#b487e619;border-color:#9470b3}
.irl-header{background:#120e1af5;border-bottom-color:#3b2b49;box-shadow:0 4px 22px #00000018}.irl-header nav a{color:#b3a4c2}.irl-header nav a:hover,.irl-header nav a[aria-current=page]{color:#e1c2fa;border-bottom-color:#ba83e9}.irl-brand{filter:drop-shadow(0 1px 0 #ffffff08)}.shell-tools>button{background:#22182d;border-color:#493454}.shell-tools>button:hover,.shell-tools>button[aria-expanded=true]{background:#352243;border-color:#a46fd0}.shell-popover,.shell-overlay{background:#1d1527;border-color:#5b3e70;box-shadow:0 22px 65px #08050d88}.shell-popover>a,.shell-popover>button,.shell-notifications-list>a{border-radius:8px}.shell-account-name{color:#cbb6dc!important}.shell-popover>a:hover,.shell-popover>button:hover,.shell-notifications-list>a:hover{background:#34233f}.shell-chat-message{background:#2a1e36;border-color:#463052}.shell-chat-message.mine{background:#4b2e65;border-color:#6c4688}.shell-chat-top,.shell-friend-list{border-color:var(--ui-line)}
/* Repeated surfaces use the same quiet depth and border treatment. */
.account-panel,.dashboard-stats article,.platform-panel,.community-panel,.access-card,.auth-card,.plan-card{border-color:var(--ui-line);background:linear-gradient(145deg,#201828,#19131f);box-shadow:var(--ui-shadow)}.dashboard-card,.platform-panel,.community-panel,.access-card{border-radius:13px}.account-nav{background:#191320;border-color:#392a45;box-shadow:0 4px 18px #00000014}.account-nav button{margin:2px 0}.account-nav button:hover{background:#a578ce0d;color:#dfc7ef}.account-nav button[aria-selected=true]{background:linear-gradient(100deg,#6d419242,#8b53ae17);color:#e4c5fd;box-shadow:inset 2px 0 #bb84ec}.account-cover{background:radial-gradient(ellipse at 85% 0,#8350ac44,transparent 70%),linear-gradient(110deg,#30203f,#21152e);border-bottom:1px solid #63427c66}.account-cover>span{color:#d1b6e3}.profile-identity .big-avatar{border-color:#24192e;box-shadow:0 5px 20px #0004}.profile-current-plan{border:1px solid #53396b;background:#2b1c39}.address-section{border-color:#493253!important;background:#1b142205}.privacy-row,.connection-row,.dashboard-step,.setup-item,.invite-row,.access-person{border-color:var(--ui-line)}
/* Density changes affect whitespace, not preview canvases or controls. */
.account-shell{padding-top:34px;padding-bottom:56px}.account-heading{margin:24px 0}.account-heading p{margin-top:8px}.account-grid{gap:26px}.panel-content{padding:24px}.dashboard-hero{padding:30px;background:radial-gradient(ellipse at 100% 0,#8552ad33,transparent 65%),#251a31;border-color:#6b477e80;box-shadow:var(--ui-shadow)}.dashboard-hero h2{margin:14px 0}.dashboard-hero p{margin-bottom:20px}.dashboard-stats{gap:12px;margin-bottom:16px}.dashboard-stats article{padding:18px 20px}.dashboard-stats strong{margin-top:9px;margin-bottom:4px}.dashboard-columns{gap:16px}.dashboard-card{padding:23px}.dashboard-card h2{margin:10px 0 16px}.dashboard-step{padding:14px 0}.setup-item{padding:15px 0}.address-section{margin-top:20px!important;padding:18px!important}.address-section>p{margin-bottom:16px}.password-settings{margin-top:24px;padding-top:20px}.password-settings h3{margin-top:0}.password-settings p{color:var(--ui-muted)}
:where(.account-panel,.platform-panel,.community-panel,.access-card,.auth-card) :is(input:not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea){background:var(--ui-inset);border-color:#533c65;color:#eee4f7;border-radius:8px}:where(.account-panel,.platform-panel,.community-panel,.access-card,.auth-card) :is(input,select,textarea):hover{border-color:#88649e}:where(.account-panel,.platform-panel,.community-panel,.access-card,.auth-card) :is(input,select,textarea):focus-visible{border-color:#bd8ce8;box-shadow:0 0 0 3px #a568d515}:where(.account-panel,.platform-panel,.community-panel,.access-card,.auth-card) input::placeholder,:where(.account-panel,.platform-panel,.community-panel,.access-card,.auth-card) textarea::placeholder{color:#8f7e9c;opacity:1}.field input[readonly]{background:#271b321f;color:#bda8cc}.platform-panel label,.community-panel label,.access-card label{color:#cdbbd9}.platform-panel p,.community-panel p,.access-card p,.setup-note,.composer-help{color:var(--ui-muted)}.platform-panel>button,.community-panel button,.community-actions button,.access-card button{background:#392548;border-color:#74518d;color:#ead7f9}.platform-panel>button:hover,.community-panel button:hover,.community-actions button:hover,.access-card button:hover{background:#4c305f;border-color:#a479c2}
.platform-shell:not(.canvas-editor){padding-top:32px;padding-bottom:54px}.platform-heading{margin-bottom:20px}.platform-heading p{line-height:1.75}.platform-panel{margin-bottom:16px}.platform-grid{gap:16px}.platform-panel h2{margin-bottom:13px}.platform-panel h3{margin-top:20px}.platform-panel label{margin:12px 0}.platform-actions{margin-top:15px;gap:8px}.platform-status,.plan-banner{background:#2b1e37;border-color:#77538e77;color:#ddc8ed;box-shadow:none}.platform-table th{color:#c7b0d7;background:#251b30;font-weight:500}.platform-table td,.platform-table th{padding-top:10px;padding-bottom:10px;border-color:#3b2b47}.platform-table tbody tr:hover{background:#a878cf08}.table-wrap{border:1px solid #3b2e47;border-radius:10px}.platform-table{margin:0}.invite-row{padding:11px 0;align-items:center}.platform-panel .setting-note{color:#c2a6d4}.canvas-editor .platform-heading{margin-bottom:20px}.canvas-editor .scene-stack{gap:5px;margin-bottom:20px}.canvas-editor .layer-row{margin:5px 0}.canvas-editor .platform-panel h3{margin-top:18px}.canvas-editor .composer-bar{margin-bottom:8px}.canvas-editor .layer-row button.selected,.canvas-editor .scene-stack .selected{background:#503265;border-color:#aa7bd0;color:#f4e8fd}.canvas-editor details{margin:13px 0}.canvas-editor .composer-help{margin-bottom:12px}
.community-shell{padding-top:38px;padding-bottom:42px}.community-shell h1{margin:12px 0}.community-shell>p{margin-bottom:18px;color:var(--ui-muted)}.community-layout{gap:18px;margin-top:16px}.community-panel{padding:20px}.community-panel h2{margin-bottom:12px}.community-panel h3{margin:20px 0 10px}.community-contact{padding:11px 0;border-color:#3c2c48}.community-contact button{border-color:#604174}.community-contact button:hover{border-color:#a878cc}.community-status{padding:9px 0;margin:10px 0}.community-actions{gap:7px;margin:10px 0}.community-note{color:#b5a3c3}.community-code{padding:10px 12px;border:1px solid #523968;border-radius:8px;background:#150f1e;letter-spacing:.5px}.community-chat-log{border-color:#3e2b4d;background:#140f1c}.community-message{background:#2b1d37;border:1px solid #473052;margin:9px 0}.community-message.mine{background:#452b5c;border-color:#6e4789}.community-message small{color:#c9addc}.community-photo{border:1px solid #73518b}.access-shell{margin-top:36px;margin-bottom:56px}.access-top h1{margin:12px 0}.access-top p{color:var(--ui-muted)}.access-grid{gap:16px;margin:22px 0}.access-card{padding:22px}.access-card h2{margin-bottom:15px}.access-person{padding:13px 0}.access-person small{color:#b9a3c7}.access-card label{margin-bottom:13px}.access-card .profile-email-sharing{margin-top:22px;padding-top:18px}.access-shell #access-status{color:#c8a9df;line-height:1.75}
.pricing-heading{margin-bottom:25px}.pricing-heading>p{color:#b5a2c3}.monthly-label{border-color:#67467d;color:#d2b4e9;background:#a878cf0b}.plan-top{margin-bottom:20px}.plan-features{gap:10px;margin:21px 0 24px}.plan-features li{color:#c2afcf}.plan-features li:before{color:#c493e9}.plan-description,.quality-spec>span{color:#b5a1c3}.plan-availability{padding-top:20px;border-top-color:#493255}.plan-price>span{color:#b5a1c3}.quality-spec{border-color:#493255}.plan-kicker{color:#b799cc}.quality-tag{color:#c5a6db}.pricing-launch-note{border-color:#3b2c47;background:#1b1422;padding-top:16px;padding-bottom:16px}.pricing-launch-note h2{color:#d6bce9}.pricing-launch-note p,.unlimited-note{color:#b39fc1}.pricing-questions{gap:42px;margin-top:56px;margin-bottom:45px}.question-list details{border-color:#3e2d4a}.question-list summary{padding-top:17px;padding-bottom:17px;color:#e5d7ef}.question-list summary:hover{color:#d0a3f0}.question-list p{color:#b7a4c5;margin-bottom:20px}.pricing-questions>div>p{color:#b6a1c3}.pricing-closing{padding-top:26px;padding-bottom:36px}.pricing-faq-link{margin:26px 0}.public-plan-actions{margin-top:16px;margin-bottom:24px}
.auth-layout{padding-top:48px;padding-bottom:58px}.auth-card{border-color:#4b345b;box-shadow:0 16px 50px #08040e40}.auth-card p,.auth-story>p{color:#b7a6c4}.auth-card label{color:#cebada}.auth-card .field{margin-bottom:16px}#signup-details{border-color:#4b345b;background:#171020}#signup-details legend{color:#d7b4f1}.concept-notice{border-color:#543a665c;background:#23172d;color:#baa4cc}.section .section-heading p,.feature-card p{color:#ae9dbe}.feature-card{border-color:#3b2e47;background:linear-gradient(145deg,#211929,#18121f)}.site-footer{border-top-color:#3b2b47;padding-top:27px;padding-bottom:27px;color:#af98bf}.site-footer a:hover{color:#e5c5ff}.site-footer .irl-brand{filter:none}
/* Dashboard dimensions and preview geometry deliberately remain unchanged. */
.studio-grid>.program-panel,.studio-grid>.output-panel,.studio-sidebar>.panel,.studio-sidebar .receiver{border-color:#463151;box-shadow:var(--ui-shadow)}.studio-grid>.program-panel{background:linear-gradient(145deg,#201728,#18111f)}.studio-grid>.output-panel{background:linear-gradient(130deg,#251a30,#1b1324)}.program-controls{background:#201628;border-top-color:#43304f}.studio-sidebar .scene-entry{background:#211729;border-color:#493255}.studio-sidebar .scene-entry:has([aria-pressed=true]){border-color:#b17cda;background:#2d1e3b}.studio-sidebar .receiver{background:#1b1324}.studio-sidebar .receiver-buttons{border-top:1px solid #34233e}.studio-sidebar .shared-list .receiver{border-color:#47314f;background:#21172a}.studio-sidebar .sharing-controls{border-color:#402a4e}.studio-sidebar .sharing-controls summary{color:#bfa2d1}.studio-sidebar .sharing-controls summary:hover{background:#30203d}.studio-sidebar .tag{border-color:#50365e;color:#ba9dce}.studio-sidebar .tag.online{background:#4b2b635c;border-color:#a06dcc;color:#dfb8ff}.studio-sidebar .source-state[aria-pressed=true]{box-shadow:0 2px 10px #9e63ca20}.studio-grid #output-limits,.studio-grid .helper{color:#b19bbf}.studio-grid #output-setting-status,.studio-grid #extra-ingest-status{color:#ccace5}.studio-foot{border-color:#3b2b49}.studio-foot span{color:#aa91ba}.program-controls .output-settings-panel input,.program-controls .output-settings-panel select{border-color:#654775;background:#17101f}.program-controls .output-settings-panel input:focus-visible,.program-controls .output-settings-panel select:focus-visible{border-color:#ba86e6}.destination-plan{background:#482b5b;border-color:#9265ae;color:#ecd4ff}.program-footer button:hover{background:#b681df12;color:#e5c2ff}
@media(max-width:1050px){html{scroll-padding-top:145px}.platform-status{position:relative;top:auto}.account-grid{gap:20px}.pricing-questions{gap:28px}}
@media(max-width:760px){.account-shell{padding-top:24px;padding-bottom:36px}.account-heading{margin:20px 0}.community-shell{padding-top:26px;padding-bottom:32px}.community-layout{gap:14px}.community-panel{padding:18px}.access-shell{margin-top:26px;margin-bottom:36px}.access-grid{gap:14px}.access-card{padding:19px}.platform-shell:not(.canvas-editor){padding-top:26px;padding-bottom:36px}.platform-grid{gap:14px}.dashboard-hero{padding:26px}.dashboard-card{padding:21px}.panel-content{padding:21px}.pricing-questions{gap:16px;margin-top:34px;margin-bottom:32px}.auth-layout{padding-top:32px;padding-bottom:38px}.site-footer{gap:16px;flex-wrap:wrap}.community-contact button{margin-top:3px;margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,a,summary,input,select,textarea{transition:none!important}}
