/* Cenário cinematográfico separado da interface: todos os controles são HTML. */
:root{--panel:rgba(8,27,51,.84);--line:#25618a;--cyan:#43c9db;--input:#071b32}
body{background:#031126 url('/assets/ocean-scene.jpg') center top/cover fixed no-repeat}
.workspace{background:linear-gradient(180deg,#03112645,#031126eb 75%);min-height:100vh}
.portal-shell{grid-template-columns:250px minmax(0,1fr);transition:grid-template-columns .25s ease}
.sidebar{background:linear-gradient(155deg,#07172def,#0b1934ed);backdrop-filter:blur(22px);padding:18px 14px;z-index:5}
.brand img{width:100%;height:100%;object-fit:contain}
.brand span{display:none}
.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.sidebar nav a{display:flex;align-items:center;gap:14px;min-height:46px;padding:10px 13px;color:#b6d8f7;text-decoration:none;border-radius:10px;border:1px solid transparent;border-left-width:3px}
.sidebar nav a[aria-current=page]{background:linear-gradient(95deg,#00bcd32b,#6151f01b);color:#37e6ff;border-color:#28548b;border-left-color:#13e2fa;box-shadow:0 0 20px #00d5ff12}
.nav-icon{width:21px;height:21px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sidebar-foot{margin-top:auto;padding:24px 8px 8px;border-top:1px solid #244663}
.sidebar-foot img{width:100%;margin-top:18px;border:1px solid #2956a8;border-radius:12px}
header{position:sticky;top:0;z-index:4;background:#05152ce8;backdrop-filter:blur(22px)}
.sidebar-toggle{width:34px;height:34px;padding:5px;font-size:20px;line-height:1}
.nav-collapsed .portal-shell{grid-template-columns:78px minmax(0,1fr)}
.nav-collapsed .sidebar nav a{font-size:0;padding:12px;gap:0}
.nav-collapsed .sidebar form,.nav-collapsed .sidebar-foot,.nav-collapsed .brand{display:none}
main{padding:24px;animation:portalEnter .35s ease;max-width:1760px}
.card,.panel{background:linear-gradient(125deg,#284d741f,transparent),var(--panel);backdrop-filter:blur(18px);border-color:#285783b8;border-radius:12px}
.hero{position:relative;overflow:hidden;min-height:285px;padding:28px;background:linear-gradient(90deg,#031126ef,#031126a6 38%,#03112605),url('/assets/ocean-scene.jpg') center 38%/cover;box-shadow:0 10px 45px #020b2540;border:1px solid #275981;border-radius:14px;margin-bottom:18px}
.hero h1{font-size:clamp(31px,3vw,46px);max-width:650px;font-weight:800;line-height:1.13}
.hero h1 span{color:#00c9ed}.hero p{font-size:16px;max-width:500px;color:#a9d4f5}
.grid .card h2{font-size:24px;margin:6px 0;color:#e9f9ff}
.anonymous .workspace{background:#03112620}.anonymous header{position:absolute;right:0;border:0;background:transparent}
.anonymous .sidebar-toggle,.anonymous .breadcrumb{display:none}
.login-ocean{padding:clamp(26px,5vw,80px);min-height:100vh;background:linear-gradient(90deg,#020f22eb,#031126a0 38%,#03112600 72%),url('/assets/ocean-scene.jpg') center/cover}
.login-panel{max-width:670px;padding-top:125px}.login-panel:before{content:'';position:absolute;top:30px;left:clamp(26px,5vw,80px);width:275px;height:86px;background:url('/assets/logo.png') left center/contain no-repeat}
.login-panel h1{font-size:clamp(42px,4.7vw,70px);letter-spacing:-1.9px}.login-panel p{font-size:20px}
.login-cta{width:min(580px,100%);min-height:76px;font-size:20px;display:inline-flex;justify-content:center;align-items:center}
.login-features{max-width:760px}.login-features>div{background:#071b35b3;border-color:#285991;transition:transform .22s,border-color .22s}.login-features>div:hover{transform:translateY(-4px);border-color:#00cafa}
.ticket-web-bubble{max-width:96%;background:linear-gradient(130deg,#123459bd,#0e233fd1);box-shadow:0 4px 18px #020d2429}
.ticket-web-messages{background:#04152b70;border-color:#264a70}
.ticket-web-author{font-size:12px}.ticket-web-body{font-size:14px;line-height:1.65}
.ticket-web-chat{background:#071b34b8}.ticket-web-actions .btn{font-size:12px}
input,select,textarea{background:var(--input);border-color:#28577f;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #00d5ff14}
button:disabled{opacity:.55;cursor:wait}.notice{border:1px solid #39709c;background:#0c355748;border-radius:10px;padding:13px}
body[data-theme=light]{--panel:#f4fbffed;--input:#fff;--line:#8ebbd3;--text:#102d4a;--muted:#345e7a;background:#d8eff9 url('/assets/ocean-scene.jpg') center top/cover fixed}
body[data-theme=light] .workspace{background:#e6f5ffeb}body[data-theme=light] header{background:#eefaffed;border-color:#99c6db}
body[data-theme=light] .sidebar{background:#eff9fff5}body[data-theme=light] .sidebar nav a{color:#235273}body[data-theme=light] .sidebar nav a[aria-current=page]{color:#00627e;background:#23d5ee22}
body[data-theme=light] .hero,body[data-theme=light] .login-ocean{color:#effaff}body[data-theme=light] .hero p,body[data-theme=light] .login-panel p{color:#c7e7ff}
body[data-theme=light] .card h2{color:var(--text)}body[data-theme=light] .ticket-web-messages{background:#ddecf5}body[data-theme=light] .ticket-web-bubble{background:#f8fdff;border-color:#8ab8d1}body[data-theme=light] .ticket-web-author{color:#00728f}
body[data-theme=light] .ticket-web-chat{background:#eff9fff2}body[data-theme=light] .notice{background:#d9edf8;color:#214965}
@keyframes portalEnter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.portal-shell{grid-template-columns:215px minmax(0,1fr)}.editor-layout{grid-template-columns:1fr}.login-panel{max-width:590px}.login-panel p{font-size:17px}}
@media(max-width:760px){.portal-shell{display:block}.sidebar{position:relative;height:auto;max-height:none;padding:10px}.brand{width:210px;margin:0;height:56px;min-height:56px}.sidebar nav{display:flex;flex-direction:row;overflow:auto;gap:6px;margin:5px 0}.sidebar nav a{flex-shrink:0;min-height:40px;white-space:nowrap;font-size:12px;padding:8px}.sidebar-foot,.sidebar form{display:none}main{padding:16px}.sidebar-toggle{display:none}header{padding:10px 16px}.hero{min-height:265px;padding:23px 18px;background-position:65% center}.hero h1{font-size:32px}.hero p{font-size:14px}.login-panel{padding-top:105px}.login-panel:before{width:220px}.login-ocean{background-position:65% center}.login-panel h1{font-size:45px}.login-panel p{font-size:16px}.login-cta{min-height:64px;font-size:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-web-layout{display:block}.ticket-web-actions{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Revisão do workspace: marca vetorial, navegação editorial e estúdio de mensagens. */
:root{--studio-panel:#0a1c32ed;--studio-soft:#10263d;--studio-border:#2a486470;--studio-muted:#8da9c2;--studio-accent:#43c9db}
.portal-shell{grid-template-columns:252px minmax(0,1fr)}
.sidebar{padding:28px 18px 18px;background:linear-gradient(170deg,#071528fa,#0b1730f5 65%,#0c1c37f5);border-right:1px solid #77b3d51c;box-shadow:12px 0 60px #00000020;gap:0}
.brand,.sidebar .brand{display:flex;height:58px;min-height:58px;gap:9px;margin:0 0 8px;overflow:visible;text-decoration:none}
.shark-mark{width:49px;height:49px;flex-shrink:0;filter:drop-shadow(0 4px 14px #0da9ec35)}
.brand .brand-copy,.brand-copy{display:block!important;font-size:23px;font-weight:780;letter-spacing:-1.1px;color:#eef8ff;white-space:nowrap;line-height:1.1}
.brand .brand-copy>span{display:inline!important;color:#18cfe9}
.brand-copy small{display:block;font-size:8px;font-weight:500;letter-spacing:2.1px;color:#819cbb;margin-top:7px}
.sidebar-caption{font-size:8px;font-weight:700;letter-spacing:2px;color:#6883a4;margin:18px 9px 10px}
.sidebar-search{position:relative;margin:0 0 21px!important}.sidebar-search input{border:1px solid #80b2dc1c;border-radius:10px;padding:11px 33px 11px 13px;width:100%;background:#101f37b5;font-size:12px}.sidebar-search kbd{position:absolute;right:13px;top:11px;font:17px system-ui;color:#7895b5}
.sidebar nav{gap:5px;margin-top:0}.nav-section{display:block;margin:18px 12px 8px;font-size:9px;font-weight:700;letter-spacing:1.7px;color:#6d87a8}.nav-section:first-child{margin-top:0}
.sidebar nav a{position:relative;gap:12px;min-height:44px;padding:11px 13px;font-size:12px;color:#9fb4ce;border:1px solid transparent;font-weight:500;transition:background .2s,color .2s,transform .2s}
.sidebar nav a .nav-icon{width:19px;height:19px;opacity:.83}.sidebar nav a:hover{background:#8cbbec0a;color:#ecfaff;transform:translateX(2px)}
.sidebar nav a[aria-current=page]{background:linear-gradient(100deg,#09b9cf20,#0b9ee810 75%);border-color:#33d3eb20;color:#67e4f1;box-shadow:0 3px 18px #00000010}.sidebar nav a[aria-current=page]:before{content:'';position:absolute;left:-19px;width:3px;height:23px;background:#34d7e9;border-radius:0 3px 3px 0;box-shadow:0 0 15px #20d2e9aa}
.sidebar-foot{padding:16px 0 0;border-top:1px solid #83b8dc14;margin-top:auto}.workspace-card{display:flex;align-items:center;gap:10px;padding:13px 10px;background:linear-gradient(135deg,#17496930,#0e283d35);border:1px solid #74bfe91a;border-radius:12px}.workspace-emblem{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(140deg,#24d9ed,#4679ee);color:#052139;font-size:23px;font-weight:850;box-shadow:0 5px 18px #08b3d322}.workspace-card strong{display:block;font-size:12px;color:#d5e9fb}.workspace-card small{display:block;font-size:10px;color:#7d9dba;margin-top:3px}.workspace-shield{margin-left:auto;color:#7ae2e9;font-size:21px}.workspace-settings{display:flex;justify-content:space-between;padding:13px 11px;color:#90aac7;text-decoration:none;font-size:10px}.workspace-settings:hover{color:#56dfe8}.workspace-version{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#4d6b8b;padding:12px 8px 0;border-top:1px solid #91b8de0e}
header{min-height:76px;padding:14px 28px;display:flex;justify-content:space-between;border-bottom:1px solid #7bbce51a;background:#07182be8}.header-left,.header-actions{display:flex;align-items:center;gap:16px}.header-left{min-width:0}.breadcrumb{font-size:12px;color:#98b6d3}.breadcrumb span{color:#426383;padding:0 12px}.sidebar-toggle{font-size:17px;background:#1a30454d;border:1px solid #84b6e21c;width:33px;height:33px;border-radius:9px}.theme-switch{font-size:10px;padding:8px 11px;border-color:#79b4dc20;color:#a6c0da;background:#19314950}
.account-chip{display:flex;align-items:center;gap:11px;padding:0 0 0 19px;border-left:1px solid #8bb3de22}.account-avatar{position:relative;width:38px;height:38px;display:grid;place-items:center;border:2px solid #386285;border-radius:13px;background:linear-gradient(145deg,#1b587b,#274283);color:#a8f7ff;font-weight:700;font-size:12px;overflow:hidden;box-shadow:0 3px 12px #0002}.account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-details strong{display:block;font-size:12px;font-weight:600;color:var(--text);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-details small{display:block;margin-top:3px;font-size:9px;color:#7c9ab7}.account-indicator{width:6px;height:6px;background:#29d9ae;border-radius:100%;margin-left:12px;box-shadow:0 0 10px #25d4a64d}
main{padding:28px}.hero{min-height:280px;border:1px solid #428bb64d;border-radius:18px;padding:35px;box-shadow:0 10px 42px #00000026;background-position:center 38%}.hero .eyebrow{font-size:10px;letter-spacing:2.4px;display:block;margin-bottom:15px}.hero h1{font-size:clamp(31px,3vw,46px);font-weight:750;letter-spacing:-1.8px}.hero p{font-size:14px;line-height:1.65;color:#9bc3e4;margin:16px 0 22px}.hero .btn{padding:11px 17px;font-size:11px}
.grid{gap:14px}.grid>.card{border:1px solid #6c9cca28;background:linear-gradient(120deg,#14314e94,#0b1c35da);padding:22px;border-radius:14px;min-height:134px;box-shadow:0 5px 16px #00000015}.grid>.card small{font-size:10px;color:#85a2bf;font-weight:500}.grid>.card h2{font-size:29px;letter-spacing:-1px;font-weight:650;margin:12px 0 4px}.grid>.card p{font-size:11px;margin-bottom:0}.connection-status{display:inline-flex;gap:10px;align-items:center;font-size:18px;letter-spacing:-.3px;white-space:nowrap}.status-beacon{position:relative;display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor;flex-shrink:0}.status-beacon:before{content:'';position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;animation:statusPulse 2.2s ease-out infinite}.is-online{color:#2ee6b2}.is-offline{color:#ff5c7d}.live-preview-dot{width:6px;height:6px;background:#41d5b0;display:inline-block;border-radius:50%;box-shadow:0 0 10px #34d5ab50}
@keyframes statusPulse{0%{opacity:.75;transform:scale(.4)}80%,100%{opacity:0;transform:scale(1.9)}}
.card{border-radius:15px}.card>h2{font-size:15px;font-weight:650}.item-row{border:1px solid #2e526752!important;background:#10294052!important;border-radius:11px;padding:15px!important;margin:10px 0;transition:border-color .2s,background .2s}.item-row:hover{border-color:#46bacc70!important;background:#173e545c!important}.btn,button{border-radius:9px}.btn.primary,button.primary{background:linear-gradient(120deg,#30d9df,#0fa4d5);border-color:#64e6ee66;box-shadow:0 5px 18px #05b8cd26}.anonymous .account-chip{display:none}
/* Estúdio: biblioteca, documento e prévia Discord. */
.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 25px}.studio-heading .eyebrow{font-size:8px;letter-spacing:2.2px;color:#57d1de;font-weight:650}.studio-heading h1{font-size:27px;letter-spacing:-.8px;margin:10px 0;font-weight:700}.studio-heading p{font-size:12px;margin:0;color:#84a5c2}.heading-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#37d9df;margin:0 0 5px 8px;box-shadow:0 0 15px #30d9df77}.studio-layout{display:grid;grid-template-columns:185px minmax(340px,1fr) minmax(300px,.95fr);gap:18px;align-items:start}
.studio-library{position:sticky;top:101px;min-width:0}.library-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#88a2bd;margin:8px 5px 15px}.library-count{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#23435b55;color:#7adddf;font-size:9px;letter-spacing:0}.new-template{width:100%;justify-content:flex-start;gap:10px;background:#2bc6d311;border-color:#39c9d933;color:#81e3e8;font-size:11px;padding:11px;margin-bottom:12px}.library-search input{font-size:10px;padding:10px 11px;background:#071b2c8a;border:1px solid #78a7d41c;border-radius:8px}.model-entry{display:flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:9px;margin-top:7px;transition:background .2s}.model-entry.selected{background:#2d99bf13;border-color:#3ca7cc33}.model-entry>a{display:flex;align-items:center;gap:9px;padding:12px 8px;color:#9db9d0;text-decoration:none;min-width:0;flex:1}.model-entry strong{display:block;font-size:10px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-entry small{font-size:8px;color:#557795;margin-top:5px;display:block}.model-symbol{font-size:20px;color:#6dc9d2;flex-shrink:0}.model-delete{padding:4px 6px;font-size:15px;color:#7f9bb1;border:0;background:transparent;opacity:.65}.model-delete:hover{color:#ff84a3;opacity:1}.library-empty{padding:25px 8px;text-align:center}.library-empty>span{display:block;color:#4db7c6;font-size:32px;margin-bottom:13px}.library-empty b{font-size:10px;color:#9bb6cf}.library-empty p{font-size:10px;line-height:1.7;margin-top:9px}.library-tip{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #81add51a;margin-top:25px;padding:20px 3px}.library-tip>span{color:#a18ce8;font-size:20px}.library-tip p{font-size:9px;line-height:1.8;color:#718da9}.studio-editor{min-width:0;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:14px;box-shadow:0 12px 30px #00000020;overflow:hidden}.studio-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #7aa9cc1a;background:#09203666}.studio-tabs{display:flex;gap:3px;padding:3px;background:#04132270;border:1px solid #4b7d9d29;border-radius:8px}.studio-tabs button{font-size:10px;background:none;border:0;color:#7797b4;padding:7px 10px;border-radius:5px}.studio-tabs [aria-selected=true]{color:#a8f1f1;background:linear-gradient(110deg,#19607288,#16465c99);box-shadow:0 2px 6px #0002}.studio-history{display:flex;align-items:center;gap:2px}.studio-history button{font-size:9px;border:0;background:transparent;padding:6px;color:#8aacc8}.studio-history button:first-child,.studio-history button:nth-child(2){font-size:17px}.studio-history>span{height:16px;border-left:1px solid #49647f4d;margin:0 4px}.studio-document-title{display:flex;align-items:center;gap:11px;padding:21px 20px;border-bottom:1px solid #8eb2d211}.document-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;font-size:18px;color:#68dce5;background:#2ed3de13;border:1px solid #59c6d325}.studio-document-title h2{font-size:12px;margin:0 0 5px;font-weight:600}.studio-document-title p{font-size:9px;color:#6f8ba9;margin:0}.studio-document-title p span{color:#81b8c2}.document-mode{margin-left:auto;font-size:7px;font-weight:700;letter-spacing:1.4px;color:#687e9f;border:1px solid #4d688431;padding:5px 6px;border-radius:5px}
#visual-document{padding:17px;display:flex;flex-direction:column;gap:12px}.studio-block{padding:15px;background:#0e263943;border:1px solid #6c98b82b;border-radius:10px;position:relative}.studio-block h3{font-size:11px;color:#b8cfe2;margin:0 0 15px}.studio-field{display:block;position:relative;margin:11px 0!important}.studio-field>span{display:block;font-size:10px;color:#9cb7cd;margin-bottom:7px;font-weight:500}.studio-field input,.studio-field textarea{display:block;width:100%;background:#061727b3;border:1px solid #75a3c22b;border-radius:7px;padding:10px 11px;font-size:11px;line-height:1.6;color:#c8e2f1;resize:vertical}.studio-field input::placeholder,.studio-field textarea::placeholder{color:#4e718e;font-size:10px}.field-count{display:block;font-size:8px!important;color:#577d98!important;text-align:right;margin-top:5px}.field-count.over-limit{color:#ff7394!important}.embed-block{padding:0;overflow:hidden}.embed-block>summary{display:flex;align-items:center;gap:10px;padding:15px;list-style:none;background:#13354a38;color:#c3dbe8;font-size:11px}.embed-block>summary:after{content:'⌄';margin-left:5px;color:#6094ae}.embed-block>summary strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.embed-number{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#25bfc526;color:#64d6da;font-size:9px}.block-label{margin-left:auto;font-size:7px;letter-spacing:1px;color:#7295ad}.embed-block-body{padding:9px 15px 15px;border-top:1px solid #73a1c321}.block-controls{display:flex;justify-content:flex-end;gap:3px;margin:0 0 7px}.block-controls button{font-size:12px;padding:2px 7px;border:1px solid #62829e26;background:#091c2c;color:#7298b3}.block-controls .remove-block{color:#d48a9f}.studio-color-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.studio-color-row>input[type=color]{width:33px;height:33px;border-radius:8px;padding:3px;border:1px solid #779abd3d;background:#0e2c40;flex-shrink:0}.studio-color-row>.studio-field{margin:0!important;flex:1;max-width:155px}.studio-color-row>.studio-field>span{font-size:8px;margin-bottom:3px}.studio-color-row>.studio-field input{padding:5px 8px;font-size:9px}.color-swatches{display:flex;gap:5px;margin-left:auto}.color-swatches button{width:11px;height:11px;padding:0;border:1px solid #d3f7ff30;border-radius:50%;min-width:0;box-shadow:none}.studio-disclosure{border-top:1px solid #7299b81e;padding:11px 0 0;margin-top:11px}.studio-disclosure>summary{font-size:10px;color:#8eb3ca;padding:3px;cursor:pointer}.studio-media-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-field-card{padding:11px;background:#071b2c88;border:1px solid #6b93b52b;border-radius:8px;margin-top:12px}.studio-check{display:flex!important;align-items:center;gap:8px;font-size:10px!important;color:#9cb7ca;margin:12px 0 3px!important}.studio-check input{width:13px;height:13px;accent-color:#22c5d2}.studio-add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.studio-add-grid button{padding:12px 4px;font-size:8px;background:#10485c23;color:#75c6ce;border:1px dashed #37a6b548;box-shadow:none}.add-inline{font-size:9px;margin-top:11px;padding:7px 10px;color:#8bcbd4;background:#0b354650}.studio-native{padding:13px 4px;color:#6c97af}.studio-native>summary{font-size:10px}.studio-native p{font-size:10px;line-height:1.8;margin:12px 0}.studio-native button{font-size:9px}.studio-validation{display:flex;gap:8px;align-items:center;margin:0 17px;padding:12px 0;border-top:1px solid #7ba3bd24;color:#82b9c1;font-size:9px}.studio-validation>span:first-child{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1d7d7126;color:#47dab0}.studio-validation.invalid{color:#ed9db1}.studio-validation.invalid>span:first-child{color:#ff88ac;background:#b53a5c22}.studio-validation button{margin-left:auto;font-size:8px;background:none;border:0;padding:4px;color:#78c9d1}#editor-error{padding:0 17px;font-size:10px;line-height:1.65;margin:0}#editor-error:not(:empty){margin:0 0 13px}.studio-savebar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 17px;background:#06172966;border-top:1px solid #7499bc21}.studio-savebar>span{font-size:8px;color:#6c91ac}.studio-savebar>button{font-size:10px;padding:10px 15px;gap:18px}.studio-help{font-size:9px;padding:0 15px;line-height:1.8;color:#688da7}.json-toolbar{display:flex;align-items:center;gap:7px;padding:14px 17px}.json-toolbar>span{margin-right:auto;font-size:8px;letter-spacing:1.3px;color:#6d9cb7}.json-toolbar button{font-size:8px;padding:5px 8px;background:#173c5144}.code-workspace{display:flex;background:#040f1ee8;border-top:1px solid #678fb329;border-bottom:1px solid #678fb329;min-height:420px;height:590px}.code-workspace pre{font:10px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#395f7b;padding:15px 8px;margin:0;width:38px;overflow:hidden;text-align:right;user-select:none;background:#081a2a77}.code-workspace textarea{flex:1;min-width:0;border:0;border-radius:0;margin:0;padding:15px 12px;min-height:0;background:transparent;font:10px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a9deec;resize:none;white-space:pre;tab-size:2;outline-offset:-2px}
.studio-preview{position:sticky;top:102px;min-width:0}.preview-topbar{display:flex;justify-content:space-between;align-items:center;margin:5px 0 17px}.preview-topbar .eyebrow{font-size:7px;letter-spacing:1.7px;color:#6c99b8}.preview-topbar h2{font-size:12px;color:#b7d0e5;margin:7px 0 0;font-weight:500}.preview-devices{display:flex;gap:2px;padding:3px;border:1px solid #779bbb25;border-radius:7px}.preview-devices button{font-size:15px;width:26px;height:25px;padding:3px;border:0;background:transparent;color:#698eaa;box-shadow:none}.preview-devices [aria-pressed=true]{color:#73dce2;background:#1f596c6b;border-radius:4px}.discord-surface{min-height:355px;border:1px solid #7189a62e;border-radius:12px;overflow:hidden;background:#252730;box-shadow:0 10px 40px #0003;color:#dcdee4;transition:max-width .25s}.discord-channel{display:flex;gap:8px;align-items:center;padding:15px 17px;background:#202229;border-bottom:1px solid #3f424c77;color:#8c8e9a;font-size:16px}.discord-channel strong{font-size:11px;color:#bfc1cc;font-weight:550}.discord-channel>span{margin-left:auto;font-size:7px;font-weight:600;letter-spacing:1px;color:#686b7b}.discord-post{display:flex;gap:10px;padding:22px 14px}.discord-bot-avatar{width:31px;height:31px;background:linear-gradient(135deg,#17cae9,#4d78ed);display:grid;place-items:center;color:#052a48;font-size:23px;font-weight:850;border-radius:10px;flex-shrink:0}.discord-post-content{flex:1;min-width:0}.discord-post-author{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:1px 0 8px}.discord-post-author strong{font-size:11px;color:#f0f2f8;font-weight:600}.discord-post-author>span{font-size:6px;font-weight:700;color:white;background:#5865f2;padding:2px 3px;border-radius:3px}.discord-post-author time{font-size:8px;color:#858893;margin-left:1px}.studio-preview .preview-message{padding:0}.studio-preview .discord-embed{background:#202229!important;border:0!important;border-left:3px solid #43c9db!important;border-radius:4px!important;padding:12px!important;box-shadow:none!important;margin:9px 0!important;max-width:100%;font-size:11px;color:#d4d8df}.studio-preview .discord-embed h2{color:#f0f4fb;font-size:13px!important;line-height:1.4;font-weight:650;margin:5px 0 8px!important}.studio-preview .discord-embed p{font-size:10px!important;line-height:1.7;color:#bbc0ce}.studio-preview .embed-fields{gap:10px!important}.studio-preview .embed-field>b{font-size:10px;color:#eceff5}.studio-preview .embed-field p{margin-top:5px}.studio-preview .embed-author,.studio-preview .embed-footer{font-size:9px;color:#a6b1c5}.studio-preview .embed-description,.studio-preview .message-content{white-space:pre-wrap;overflow-wrap:anywhere}.studio-preview .btn{font-size:9px;padding:6px 9px;border-radius:4px;background:#393c46;border-color:#474b54;color:#e9ecf5}.studio-preview .notice{font-size:10px;line-height:1.7;background:#34303e;color:#efbbcc;border-color:#685067}.preview-bottom{display:flex;align-items:center;gap:6px;padding:13px 4px;color:#6794aa;font-size:8px}.preview-bottom>button{font-size:8px;margin-left:auto;padding:3px 5px;background:none;border:0;color:#7ba0b8}.preview-context{display:flex;gap:10px;padding:16px 14px;background:#143a501f;border:1px solid #69a0c421;border-radius:10px;margin-top:8px}.preview-context>span{font-size:19px;color:#8d93e4}.preview-context p{font-size:9px;line-height:1.8;color:#759ab4;margin:0}.mobile-preview .discord-surface{max-width:300px;margin:auto}.mobile-preview .discord-post{padding:18px 9px}.mobile-preview .discord-post-author time{display:none}.studio-layout dialog{background:var(--studio-panel);color:var(--text)}dialog{background:#0c2139;color:#cfebf7;border:1px solid #3b7f9b;border-radius:16px;box-shadow:0 20px 100px #0008;padding:25px;max-width:500px}dialog::backdrop{background:#010b18ba;backdrop-filter:blur(4px)}#studio-import-choices{display:flex;flex-direction:column;gap:9px;margin:20px 0}
.nav-collapsed .sidebar{padding:28px 12px}.nav-collapsed .brand{display:flex!important}.nav-collapsed .brand-copy,.nav-collapsed .nav-text,.nav-collapsed .nav-section,.nav-collapsed .sidebar-caption{display:none!important}.nav-collapsed .shark-mark{width:43px}.nav-collapsed .sidebar nav a[aria-current=page]:before{left:-13px}
body[data-theme=light]{--studio-panel:#f4fbffff;--studio-soft:#e5f0f7;--studio-border:#bfd3e1;--studio-muted:#597b94}body[data-theme=light] .sidebar{background:#f3fafff8;border-color:#c2d7e9}body[data-theme=light] .brand-copy{color:#173955}body[data-theme=light] .sidebar nav a{color:#597692}body[data-theme=light] .sidebar nav a[aria-current=page]{color:#087d91;background:#1bb3cc13;border-color:#70c3d63d}body[data-theme=light] .sidebar-search input{background:#e7f1f8;border-color:#b8d4e3}body[data-theme=light] .workspace-card{background:#e5f2f9;border-color:#bcdce8}body[data-theme=light] .workspace-card strong{color:#1e506f}body[data-theme=light] .grid>.card{background:#f3fbffed;border-color:#bed6e7}body[data-theme=light] .grid>.card h2{color:#1e3e58}body[data-theme=light] .studio-toolbar,body[data-theme=light] .studio-document-title,body[data-theme=light] .studio-savebar{background:#eaf4fa}body[data-theme=light] .studio-block{background:#eef7fc;border-color:#c5dce9}body[data-theme=light] .studio-field input,body[data-theme=light] .studio-field textarea{background:white;border-color:#bfd6e5;color:#244e6a}body[data-theme=light] .studio-field>span,body[data-theme=light] .studio-block h3,body[data-theme=light] .embed-block>summary,body[data-theme=light] .studio-document-title h2,body[data-theme=light] .studio-heading h1{color:#244d6a}body[data-theme=light] .studio-preview .discord-embed h2{color:#f0f4fb}body[data-theme=light] .studio-tabs{background:#e3eef5}body[data-theme=light] .studio-tabs [aria-selected=true]{background:#b8e9ef;color:#106d7f}body[data-theme=light] .studio-field-card{background:#e0f0f8}body[data-theme=light] .preview-topbar h2{color:#335b79}body[data-theme=light] .studio-heading p{color:#54758f}body[data-theme=light] .account-details strong{color:#1c4664}body[data-theme=light] .item-row{background:#e7f3fa!important;border-color:#bad8e6!important}
@media(min-width:1800px){.studio-layout{grid-template-columns:205px minmax(430px,1fr) minmax(390px,1.02fr);gap:23px}#visual-document{padding:22px}.studio-block{padding:18px}.embed-block{padding:0}.embed-block-body{padding:14px 18px 18px}}
@media(max-width:1350px){.studio-layout{grid-template-columns:160px minmax(300px,1fr) minmax(280px,.9fr);gap:12px}.studio-history button{padding:5px 4px}.studio-tabs button{padding:7px 8px}.color-swatches{gap:4px}.color-swatches button{width:9px;height:9px}.studio-color-row{gap:7px}.studio-savebar>span{max-width:100px;line-height:1.5}.model-entry strong{max-width:88px}main{padding:23px}.sidebar{padding-left:15px;padding-right:15px}.brand-copy{font-size:22px}}
@media(max-width:1150px){.studio-layout{grid-template-columns:175px minmax(320px,1fr)}.studio-preview{grid-column:2;position:static}.studio-library{grid-row:1 / span 2}.studio-heading h1{font-size:24px}.preview-topbar{margin-top:10px}.sidebar-caption{font-size:7px}.account-details small{display:none}.header-actions{gap:10px}}
@media(max-width:760px){.portal-shell{display:block}.sidebar{padding:14px 15px 0;border-bottom:1px solid #70b6d325}.brand,.sidebar .brand{height:43px;min-height:43px;margin:0 0 8px}.shark-mark{width:37px;height:37px}.brand .brand-copy{font-size:20px}.brand-copy small{font-size:6px;letter-spacing:1.7px}.sidebar nav{gap:5px;margin:0;overflow:auto;flex-direction:row;padding:9px 0 10px}.sidebar nav a{min-height:36px;padding:8px 11px;font-size:10px;flex-shrink:0;gap:7px}.sidebar nav a .nav-icon{width:15px;height:15px}.sidebar nav a[aria-current=page]:before{display:none}.nav-section,.sidebar-caption,.sidebar-search,.sidebar-foot{display:none!important}header{min-height:59px;padding:10px 17px}.header-left{gap:8px}.header-actions{gap:9px}.account-chip{padding-left:9px;gap:7px}.account-avatar{width:30px;height:30px;border-radius:10px}.account-details strong{font-size:10px;max-width:85px}.account-indicator{display:none}.theme-switch{font-size:8px;padding:6px 7px}.breadcrumb{font-size:9px}.breadcrumb span{padding:0 4px}main{padding:18px 14px}.hero{border-radius:14px;padding:26px 19px}.hero h1{font-size:33px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero p{font-size:12px}.grid>.card{padding:16px;min-height:114px}.grid>.card h2{font-size:25px}.connection-status{font-size:14px;gap:7px}.grid>.card small{font-size:8px}.grid>.card p{font-size:9px}.studio-heading{align-items:flex-start;margin-top:6px}.studio-heading h1{font-size:23px}.studio-heading p{font-size:10px;line-height:1.7;max-width:270px}.studio-heading>.btn{font-size:9px;padding:8px 10px}.studio-layout{display:flex;flex-direction:column;gap:17px}.studio-library{position:static;width:100%}.library-title{margin:0 0 9px}.new-template{width:auto;padding:8px 13px;margin-bottom:0}.library-search{display:inline-block;width:50%;float:right;margin:0!important}.library-search input{padding:8px 10px}#template-library{display:flex;overflow:auto;gap:5px;max-height:135px}.model-entry{flex-shrink:0;min-width:165px}.library-tip,.library-empty{display:none}.studio-editor,.studio-preview{width:100%;position:static}.studio-toolbar{padding:10px}.studio-history button{font-size:9px;padding:5px}.studio-add-grid button{font-size:9px}.studio-preview{margin-top:9px}.code-workspace{height:410px}.color-swatches button{width:12px;height:12px}.studio-field input,.studio-field textarea{font-size:13px}.studio-heading .eyebrow{font-size:7px}.discord-post-content{font-size:12px}.studio-preview .discord-embed p{font-size:12px!important}.studio-preview .discord-embed h2{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.status-beacon:before{animation:none;opacity:.3;transform:scale(1)}*,*:before,*:after{animation:none!important;transition:none!important}}

.login-panel::before{display:none!important}.login-brand{margin-bottom:30px}.login-brand .shark-mark{width:62px;height:62px}.login-brand .brand-copy{display:none}

.login-panel{padding-top:24px}.login-brand{display:flex;align-items:center;gap:15px}.login-brand .brand-copy{display:block;font-size:29px;font-weight:800;color:#ebfaff;letter-spacing:-1.2px}.login-brand .brand-copy>span{color:#42d6ef}.login-brand .brand-copy small{display:block;color:#89b3ce;font-size:8px;letter-spacing:2.8px;margin-top:5px}