:root{--blue:#1768ed;--ink:#172235;--muted:#6d7988;--line:#e8edf3;--surface:#f8faff;--page:#fff;--radius:10px;--shadow:0 14px 45px rgba(17,45,82,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--page);font:400 14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:hover{color:var(--blue)}.container{width:min(1170px,calc(100% - 48px));margin:auto}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.topbar-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:-.7px;font-weight:680;color:#152438}.brand b{font-weight:750;color:var(--blue)}.mark{display:grid;place-items:center;font-size:29px;line-height:1;font-weight:780;letter-spacing:-4px;background:var(--blue);color:#fff;width:35px;height:35px;border-radius:8px;padding-right:6px}.mark-dot{color:#a9d2ff}.topbar nav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:500}.topbar nav .nav-primary{color:#fff;background:var(--blue);padding:10px 17px;border-radius:7px}.logout{margin:0}.logout button{background:none;border:0;font-size:12px;color:var(--muted)}.mobile-menu{display:none}.hero{min-height:600px;display:grid;grid-template-columns:1fr 470px;gap:78px;padding:102px 0 95px;align-items:center}.eyebrow{color:#3167b1;font-size:10px;letter-spacing:1.75px;font-weight:740;text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;background:#36b985;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #36b9851c}.hero h1{max-width:620px;font-size:clamp(43px,5.2vw,67px);font-weight:620;letter-spacing:-3.3px;line-height:1.09;margin:25px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:490px}.actions{display:flex;gap:10px;align-items:center;margin:30px 0 60px}.button{border:1px solid transparent;border-radius:7px;padding:13px 19px;font-weight:590;display:inline-flex;gap:15px;align-items:center;justify-content:center;min-height:43px;transition:transform .14s,background .14s,color .14s;font-size:12px}.button:hover{transform:translateY(-1px);color:inherit}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:#0954cf}.button.secondary{background:#fff;border-color:#dfe6ee;color:#324155}.button.light{background:#fff;color:#142438}.button:disabled{opacity:.44;cursor:not-allowed}.hero-meta{display:flex;gap:20px;color:#9aa5b5;font-size:10px;letter-spacing:.1px}.hero-preview{border:1px solid #e5eaf1;border-radius:13px;background:#fcfdff;padding:14px;box-shadow:0 27px 70px #10365c0c;transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8794a5;padding:7px 8px 17px}.dot-trio{letter-spacing:2px;color:#b2bfd0}.status{font-size:9px;color:#299c74}.prompt-card{border:1px solid #ebeff5;background:#fff;border-radius:8px;padding:19px;margin-bottom:12px}.prompt-card small{color:#8493a7;letter-spacing:1px;font-size:9px;font-weight:620}.prompt-card p{font-size:12px;line-height:1.7;margin:9px 0 14px}.mini-pills{display:flex;gap:7px}.mini-pills span{font-size:9px;color:#6c7c90;border:1px solid #e4e9ef;border-radius:4px;padding:4px 8px}.visual-card{border:1px solid #e4eaf1;border-radius:8px;background:#fff;overflow:hidden}.graphic{height:266px;background:#dceaff;position:relative;overflow:hidden;padding:32px;display:flex;align-items:flex-end}.graphic>span{position:relative;z-index:2;font-size:38px;line-height:1.03;letter-spacing:-2px;font-weight:600;color:#094aaf}.graphic-punct{color:#fff}.graphic-circle{position:absolute;width:270px;height:270px;top:-81px;right:-56px;background:linear-gradient(145deg,#1b6ef6,#97caff);border-radius:50%;box-shadow:-48px 45px 60px #1b6ef621}.graphic-lines{position:absolute;width:240px;height:200px;top:30px;right:10px;opacity:.3;background:repeating-linear-gradient(135deg,transparent 0,transparent 12px,#fff 13px,#fff 14px);transform:rotate(20deg)}.visual-foot{display:flex;justify-content:space-between;padding:12px 15px;color:#8090a3;font-size:9px;letter-spacing:1px}.features{padding:65px 0 105px;border-top:1px solid var(--line)}.section-head{text-align:center}.section-head h2{font-size:36px;letter-spacing:-1.6px;font-weight:600;margin:10px 0 2px}.section-head>p{color:var(--muted)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px}.features-grid article{border:1px solid var(--line);border-radius:9px;padding:30px;background:#fff;box-shadow:var(--shadow)}.feature-icon{display:grid;place-items:center;width:40px;height:40px;background:#eef5ff;color:var(--blue);border-radius:9px;font-size:22px}.features-grid h3{font-size:16px;font-weight:620;margin:25px 0 5px}.features-grid p{color:var(--muted);font-size:12px;line-height:1.85;margin:0}.cta-section{background:#1164ed;border-radius:14px;padding:50px 59px;margin-bottom:80px;display:flex;align-items:center;justify-content:space-between;color:#fff}.cta-section .eyebrow{color:#aad0ff}.cta-section h2{font-size:34px;font-weight:620;letter-spacing:-1px;margin:8px 0 0}.cta-section p{color:#b8d1fb;font-size:12px}.footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;color:#99a3af;font-size:11px}.footer div{display:flex;gap:20px}.notice{margin:20px 0;padding:12px 16px;border-radius:7px;font-size:12px;border:1px solid}.notice.ok{background:#f0fbf6;border-color:#bfe9d6;color:#246d4c}.notice.warn{background:#fff8ef;border-color:#f7e0bb;color:#8c5c21}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;min-height:calc(100vh - 150px);align-items:center;padding:70px 5%}.auth-card{max-width:460px;width:100%;margin:75px auto}.auth-card h1,.work-content h1,.doc-public h1{font-size:34px;line-height:1.2;letter-spacing:-1.3px;font-weight:620;margin:10px 0 8px}.auth-card>p,.lead{color:var(--muted);font-size:13px;margin:0 0 27px;line-height:1.8}.auth-card form,.form-panel form{display:flex;flex-direction:column;gap:18px}.auth-card label,.form-panel label,.panel form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#4a586a;font-weight:560}.auth-card input,.form-panel input,.form-panel textarea,.panel input,.panel textarea,.panel select{border:1px solid #dbe3ec;border-radius:7px;background:#fff;padding:11px 13px;outline:none;min-height:44px;transition:border .15s,box-shadow .15s;font-size:14px;color:#253448;width:100%}.auth-card input:focus,.panel input:focus,.panel textarea:focus,.panel select:focus{border-color:#71a7f5;box-shadow:0 0 0 3px #2a77f315}.auth-card form .button{width:100%}.small-row{display:flex;justify-content:space-between;margin-top:18px!important;font-size:12px!important}.small-row a,.text-link{color:var(--blue)}.subtle,.hint{font-size:11px!important;color:#8c98a7!important}.auth-aside{min-height:480px;border-radius:12px;background:linear-gradient(140deg,#173f83,#1b6bec);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:50px;overflow:hidden;position:relative}.auth-aside .eyebrow{color:#bad5ff}.auth-aside h2{font-size:39px;letter-spacing:-1.4px;line-height:1.17;font-weight:600;max-width:320px}.auth-aside p{color:#cbdfff}.deco{display:flex;gap:15px;margin-top:30px}.deco span{height:40px;width:40px;background:#fff2;border-radius:8px}.deco span:nth-child(2){transform:rotate(20deg);background:#fff4}.deco span:nth-child(3){transform:rotate(-18deg);background:#fff1}.workspace{display:grid;grid-template-columns:204px 1fr;gap:48px;min-height:calc(100vh - 160px);padding:43px 0 85px}.sidebar{border-right:1px solid var(--line);padding:16px 23px 0 0;display:flex;gap:5px;flex-direction:column}.sidebar .eyebrow{margin-bottom:22px;color:#a1aab7;letter-spacing:1px}.sidebar>a{padding:11px 12px;border-radius:7px;font-size:12px;color:#586777}.sidebar>a:hover{background:#f1f6ff;color:var(--blue)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:17px 0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.sidebar-foot small{display:block;color:#97a4b2;font-size:10px;font-weight:400}.work-content{min-width:0}.heading-row{display:flex;justify-content:space-between;align-items:center}.heading-row p{color:var(--muted);font-size:12px}.blue-dot{color:var(--blue)}.verified-pill{font-size:11px;color:#198158;background:#e8f8ef;padding:8px 13px;border-radius:50px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 18px}.metric{padding:20px;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.metric>span{font-size:11px;color:#8592a1}.metric strong{display:block;font-weight:600;font-size:29px;letter-spacing:-1px;margin:5px 0}.metric small{display:block;color:#a3adba;font-size:10px}.panel-grid{display:grid;grid-template-columns:1.23fr 1fr;gap:15px}.panel{border:1px solid var(--line);border-radius:9px;padding:25px;background:#fff;box-shadow:var(--shadow);min-width:0}.panel h2{font-size:16px;font-weight:620;letter-spacing:-.3px;margin:0 0 5px}.panel p{color:var(--muted);font-size:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-head p{margin:3px 0}.tag{font-size:9px;letter-spacing:.6px;border:1px solid #dce5f0;color:#73849a;padding:4px 8px;border-radius:4px;white-space:nowrap}.tag.muted{color:#999}.tag.completed{color:#208c60;background:#edf9f2}.tag.failed{color:#b95151;background:#fff0f0}.tag.queued,.tag.processing{color:#a37616;background:#fff9e9}.inline-form{display:flex;gap:8px;align-items:center}.inline-form .button{white-space:nowrap}.key-list{margin-top:21px}.key-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.key-icon{background:#f1f5fc;color:var(--blue);border-radius:7px;display:grid;place-items:center;width:34px;height:34px;font-size:19px}.key-info{display:flex;flex-direction:column;min-width:0;flex:1}.key-info b{font-size:12px;font-weight:600}.key-info span{font-size:10px;color:#9aabbc;overflow-wrap:anywhere}.danger-link{background:none;border:0;color:#c65d5d;font-size:10px}.empty{border:1px dashed #dbe5ef;border-radius:8px;padding:25px;font-size:12px;color:#9ba8b7;text-align:center}.hint{margin-top:20px}.steps>div{display:flex;gap:13px;margin:25px 0}.steps span{height:30px;width:30px;border-radius:7px;display:grid;place-items:center;color:#2367cb;background:#ecf4ff;font-size:11px}.steps p{margin:0}.steps b{display:block;font-size:12px;color:#273648;font-weight:600}.steps small{font-size:11px;color:#99a7b6}.text-link{font-size:12px}.footnote{color:#a7b3be;font-size:10px;padding-top:10px}.form-panel{max-width:650px;margin-top:25px}.form-panel form .button{width:max-content}.key-reveal{padding:14px;border:1px solid #dce7f4;background:#f7faff;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;overflow-wrap:anywhere}.key-reveal code{word-break:break-all;font-size:11px}.jobs-list{max-height:640px;overflow:auto}.job{border-bottom:1px solid var(--line);padding:18px 0}.job-head{display:flex;justify-content:space-between;gap:10px}.job p{line-height:1.5;overflow-wrap:anywhere}.job img{max-width:240px;max-height:260px;object-fit:contain;border:1px solid var(--line);border-radius:5px;margin-top:8px}.docs{max-width:800px;margin-top:25px}.docs h2{margin:24px 0 10px}.docs pre{padding:19px;background:#172437;color:#e1e9f9;border-radius:7px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.7}.docs>p{line-height:1.8}.doc-public{max-width:790px;margin:50px auto 100px}.prose{max-width:720px;margin:80px auto;min-height:50vh}.prose h1{font-weight:600;font-size:34px}.prose p{color:var(--muted);font-size:14px;line-height:1.9}
@media(max-width:980px){.hero{grid-template-columns:1fr 380px;gap:30px}.hero h1{font-size:50px}.workspace{grid-template-columns:150px 1fr;gap:22px}.panel-grid{grid-template-columns:1fr}.auth-wrap{gap:35px;padding:35px 0}}
@media(max-width:720px){body{font-size:14px}.container{width:min(100% - 30px,1170px)}.topbar{height:66px}.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;padding:15px;background:#fff;box-shadow:0 15px 20px #0001;flex-direction:column;align-items:stretch;gap:10px}.topbar nav.open{display:flex}.topbar nav a,.topbar nav button{padding:11px 15px}.mobile-menu{display:block;border:0;background:none;font-size:23px;color:#2c3b4e}.hero{grid-template-columns:1fr;gap:35px;padding:65px 0}.hero h1{font-size:clamp(41px,12vw,58px);letter-spacing:-2px}.hero-preview{max-width:475px;width:100%;justify-self:center}.hero-meta{flex-wrap:wrap;gap:8px 15px}.actions{margin-bottom:30px;flex-wrap:wrap}.features{padding:48px 0}.features-grid{grid-template-columns:1fr}.section-head h2{font-size:29px}.cta-section{padding:32px 25px;margin-bottom:50px;display:block}.cta-section h2{font-size:28px}.cta-section .button{margin-top:15px}.auth-wrap{grid-template-columns:1fr;gap:10px;padding:15px 0}.auth-card{margin:45px auto}.auth-aside{display:none}.workspace{display:flex;flex-direction:column;padding:30px 0 65px;gap:24px}.sidebar{border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;overflow-x:auto;gap:0;padding:0 0 10px;white-space:nowrap}.sidebar>a{padding:8px 12px}.sidebar .eyebrow,.sidebar-foot{display:none}.heading-row{align-items:flex-start;gap:8px}.heading-row .verified-pill{font-size:9px}.work-content h1{font-size:30px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metric{padding:12px 10px;min-width:0}.metric>span{font-size:10px}.metric strong{font-size:24px}.metric small{font-size:9px}.panel{padding:18px}.inline-form{flex-wrap:wrap}.inline-form .button{width:100%}.footer{gap:10px;flex-wrap:wrap}.key-reveal{flex-wrap:wrap}.auth-card h1{font-size:29px}}
.admin-table-wrap{max-width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.admin-table th{font-size:10px;letter-spacing:.5px;color:#8999a9;font-weight:620;border-bottom:1px solid var(--line);padding:12px 6px}.admin-table td{padding:14px 6px;border-bottom:1px solid var(--line);color:#536173}.edit-panel{max-width:690px;margin-top:15px}.edit-panel form{display:flex;flex-direction:column;gap:17px}.edit-panel form .button{align-self:flex-start}/* EPISY AI Beta 0.2 — laboratório conversacional */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-content:has(.creative-chat){min-height:0}
.workspace:has(.creative-chat){padding-top:22px;padding-bottom:22px;align-items:stretch}
.creative-chat{border:1px solid #e5e9ef;background:white;border-radius:13px;height:min(790px,calc(100dvh - 142px));min-height:530px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px #1631530a}
.chat-top{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #edf1f5;flex-shrink:0}
.chat-avatar,.chat-ai-avatar{background:#eaf2ff;color:#1768ed;display:grid;place-items:center;border-radius:9px;width:37px;height:37px;font-size:21px}
.chat-name{font-size:14px;font-weight:600;letter-spacing:-.2px}.chat-description{color:#8996a7;font-size:11px}
.chat-online{display:flex;gap:7px;align-items:center;margin-left:auto;color:#8592a4;font-size:10px}.online-dot{width:7px;height:7px;border-radius:50%;background:#23b67b}
.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:24px 32px 30px;background:#fff;scroll-behavior:smooth}
.chat-welcome{text-align:center;margin:clamp(36px,10vh,110px) auto 0;max-width:440px}
.chat-welcome-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#edf4ff;color:#1768ed;font-size:29px}
.chat-welcome h1{font-size:25px;line-height:1.2;font-weight:570;letter-spacing:-.7px;margin:17px 0 8px}
.chat-welcome p{font-size:13px;color:#78879b;line-height:1.7;margin:0 auto}
.chat-tips{border:1px solid #edf0f4;border-radius:9px;padding:12px 16px;text-align:left;font-size:11px;color:#8996a7;margin:24px auto;max-width:400px;background:#fdfefe}
.chat-exchange{display:flex;flex-direction:column;gap:15px;margin-bottom:29px}
.chat-user-line{display:flex;justify-content:flex-end}.chat-user-bubble{max-width:min(80%,550px);background:#f1f5fa;color:#27374e;border-radius:13px 13px 4px 13px;padding:12px 15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65}
.chat-ai-line{display:flex;align-items:flex-start;gap:10px;max-width:100%}.chat-ai-avatar{width:29px;height:29px;border-radius:8px;font-size:16px;flex:0 0 auto}
.chat-ai-bubble{min-width:0;width:min(100%,510px)}.chat-ai-head{display:flex;align-items:center;gap:12px;min-height:30px}.chat-ai-name{font-size:12px;font-weight:610}
.chat-ai-status{font-size:10px;color:#8d97a5}.chat-ai-status.s-completed{color:#21875e}.chat-ai-status.s-failed{color:#bd5555}.chat-ai-status.s-processing,.chat-ai-status.s-queued{color:#a27b29}
.chat-ai-body{padding:3px 0 0}.chat-progress{border:1px solid #e8edf4;border-radius:10px;padding:14px;display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;margin-top:6px;align-items:start}
.chat-loader{width:15px;height:15px;border-radius:50%;border:2px solid #dbe8fb;border-top-color:#1768ed;animation:chat-spin .8s linear infinite;margin-top:3px}
.chat-progress-text{display:flex;flex-direction:column;gap:3px}.chat-progress-text strong{font-size:12px;font-weight:550;color:#304459}.chat-progress-text small{color:#909cad;font-size:11px;line-height:1.5}
.chat-image-skeleton{grid-column:1 / -1;width:min(100%,260px);height:145px;background:#f3f6fb;border-radius:8px;overflow:hidden;position:relative}.chat-skeleton-shimmer{width:55%;height:100%;position:absolute;top:0;left:-65%;transform:skewX(-15deg);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:chat-skeleton 2s infinite}
.chat-caption{border:1px solid #e7ecf2;border-radius:9px;background:#fbfcfe;padding:13px 15px;margin:8px 0 12px;max-width:510px}.chat-caption-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#677a8e;font-weight:590;margin-bottom:8px}.chat-caption-content{color:#35455c!important;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px!important;line-height:1.78!important;margin:0!important}
.chat-mini-button{background:white;border:1px solid #e1e8f2;border-radius:7px;padding:6px 10px;font-size:10px;color:#385c8c;min-height:30px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.chat-mini-button:hover{background:#eef5ff;color:#1768ed}
.chat-figure{margin-top:8px;width:fit-content;max-width:100%}.chat-image-link{display:block;width:fit-content;max-width:100%}.chat-image{display:block;max-width:min(100%,355px);max-height:470px;width:auto;height:auto;object-fit:contain;border-radius:9px;border:1px solid #e7ecf2}.chat-image-actions{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.chat-failure{border-left:2px solid #d47878;padding:10px 13px;color:#a34c4c;font-size:12px;background:#fff8f8;border-radius:5px;margin-top:8px}.chat-helper{font-size:11px;color:#8290a0!important;line-height:1.5;margin:10px 0}
.chat-compose{flex-shrink:0;padding:14px 20px 12px;border-top:1px solid #edf0f5;background:#fff}.chat-compose form{border:1px solid #dfe6ee;border-radius:10px;padding:11px 13px 10px;transition:border-color .15s}
.chat-compose form:focus-within{border-color:#8fb6ed}.chat-compose textarea{min-height:58px;max-height:145px;width:100%;border:0!important;padding:2px 0 9px!important;font-size:13px!important;box-shadow:none!important;resize:vertical;outline:none!important;line-height:1.6;color:#253448;background:transparent!important}
.chat-compose textarea::placeholder{color:#9aa7b7}.chat-form-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.chat-controls{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.chat-control{display:inline-flex;align-items:center;gap:6px;color:#9ba5b4!important;font-size:10px!important;white-space:nowrap}.chat-control select{font-size:11px!important;min-height:28px!important;border:1px solid #e9edf3!important;border-radius:6px!important;max-width:150px;width:auto!important;padding:4px 5px!important;background:#fff!important;color:#64758a!important}
.chat-send{border:0;border-radius:7px;background:#1768ed;color:white;font-size:11px;min-height:34px;padding:7px 13px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.chat-send:hover{background:#0c59d4}.chat-send:disabled{opacity:.55;cursor:progress}
.chat-disclaimer{font-size:10px;color:#a1abba;margin:8px 2px 0;line-height:1.5}.chat-notice{font-size:11px;color:#42678e;padding:0 3px 10px}.chat-notice.is-error{color:#af5151}.chat-edit-mode{display:flex;align-items:center;justify-content:space-between;background:#eef5ff;border-radius:7px;color:#305f9f;font-size:11px;padding:7px 12px;margin-bottom:10px}.chat-edit-mode button{background:transparent;border:0;color:#305f9f;font-size:18px;line-height:1;cursor:pointer}
.chat-sending{font-size:11px;color:#8c9aad;text-align:right;padding:7px 5px}.chat-optimistic{margin:0 0 18px}
@keyframes chat-spin{to{transform:rotate(360deg)}}@keyframes chat-skeleton{to{left:135%}}
@media(max-width:980px){.workspace:has(.creative-chat){gap:12px}.creative-chat{height:calc(100dvh - 210px);min-height:520px}}
@media(max-width:720px){.workspace:has(.creative-chat){padding:8px 0 28px;gap:8px}.creative-chat{height:calc(100dvh - 202px);min-height:490px;border-radius:9px}.chat-top{padding:10px 13px}.chat-scroll{padding:14px 13px 20px}.chat-compose{padding:10px}.chat-image{max-width:min(100%,270px);max-height:390px}.chat-form-foot{align-items:flex-end}.chat-controls{gap:5px}.chat-control{font-size:9px!important}.chat-control select{font-size:10px!important;max-width:125px}.chat-send{padding:7px 10px}.chat-disclaimer{font-size:9px}.chat-user-bubble{max-width:88%}.chat-welcome{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.chat-loader,.chat-skeleton-shimmer{animation:none}.chat-scroll{scroll-behavior:auto}}
.chat-edit-mode[hidden],.chat-notice[hidden],.chat-welcome[hidden]{display:none!important}

/* Beta 0.3 — escolha de estilo discreta e refinamentos no chat */
.chat-refinements{margin:12px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:530px}
.chat-refinement-title{width:100%;font-size:10px;letter-spacing:.015em;color:#96a3b2;margin-bottom:2px}
.chat-refinement-button{background:#fff;color:#51667d;border:1px solid #e5ebf2;border-radius:7px;padding:7px 10px;min-height:33px;font-size:11px;font-weight:400;line-height:1.25;cursor:pointer;transition:border-color .15s,background .15s}
.chat-refinement-button:hover,.chat-refinement-button:focus-visible{border-color:#b4d2fb;background:#f4f8ff;color:#215fa9}
.chat-control select#chat-style{max-width:178px}
@media(max-width:720px){.chat-controls{row-gap:7px}.chat-control select#chat-style{max-width:156px}.chat-refinement-button{font-size:10px;padding:7px 9px}.chat-send{min-height:36px}}

/* EPISY AI 0.4 — quiet, deliberate interface / shared tokens */
:root{--blue:#007aff;--ink:#222f42;--muted:#778397;--line:#e5eaf0;--surface:#f7f9fc;--page:#f8f9fb;--radius:7px;--shadow:none}
html{scroll-behavior:smooth}body{color:var(--ink);background:var(--page);font-size:13px;line-height:1.56}
.container{width:min(1480px,calc(100% - 56px))}
.topbar{height:66px;border-color:#e7ebf1;box-shadow:none;background:#fff}
.topbar-inner{gap:30px}.brand{font-size:15px;gap:10px;font-weight:570;letter-spacing:-.4px}
.brand b{font-weight:600}.mark{width:30px;height:30px;border-radius:6px;font-size:24px;padding-right:5px;font-weight:650}
.topbar nav{gap:22px;font-size:12px;color:#66758a;font-weight:450}.top-workspace-label{font-size:11px;color:#a1aaba;border-right:1px solid var(--line);padding-right:22px;letter-spacing:.1px}
.topbar nav .top-help{color:#425269}.logout button{font-size:11px;padding:9px 0;color:#8592a4}
.topbar nav .nav-primary{border-radius:5px;background:var(--blue);font-size:12px}
.footer{border-color:#e7ebf0;padding:18px 0 22px;font-size:10px;color:#a0a9b8}
.eyebrow{font-size:10px;color:#8d9aac;letter-spacing:1.05px;font-weight:550}
.button{border-radius:5px;font-size:12px;min-height:39px;padding:10px 15px;font-weight:500;gap:9px;box-shadow:none;transition:background .15s,border-color .15s}
.button:hover{transform:none}.button.primary{background:var(--blue)}.button.primary:hover{background:#006be0}
.button.secondary{border-color:#dee5ed;color:#526174}.button.secondary:hover{background:#f9fafc}
.button:focus-visible,.chat-send:focus-visible,.chat-refinement-button:focus-visible,.sidebar a:focus-visible{outline:2px solid #68adff;outline-offset:3px}
.workspace{grid-template-columns:218px minmax(0,1fr);gap:36px;padding:30px 0 58px;min-height:calc(100vh - 126px)}
.sidebar{padding:7px 16px 0 0;border-right:1px solid var(--line);gap:0}
.sidebar .eyebrow{margin:11px 12px 17px;color:#a1acb9}
.sidebar-menu{display:flex;flex-direction:column;gap:3px}
.sidebar-menu>a{display:flex;align-items:center;gap:12px;font-size:12px;color:#687789;padding:11px 12px;min-height:43px;border-radius:6px;border:1px solid transparent;transition:background .14s,color .14s}
.sidebar-menu>a:hover{color:#256cb8;background:#f0f5fc}.sidebar-menu>a.active{background:#eaf3ff;color:#176bc2;border-color:#e2edff;font-weight:540}
.nav-icon{width:17px;height:17px;flex:none;stroke-width:1.55}
.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 3px 4px;display:flex;align-items:center;gap:10px;font-weight:450;min-width:0}
.user-initial{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:6px;background:#e9f0fa;color:#4277b7;font-size:13px}
.user-data{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}
.user-data small{overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#9aa5b2;font-weight:400}
.work-content{min-width:0;max-width:1180px;width:100%;margin:0 auto}
.work-content h1{font-size:28px;font-weight:560;letter-spacing:-.75px;margin:7px 0 6px}
.work-content .lead,.heading-row p{font-size:12px;color:#8792a2;max-width:580px}
.heading-row{gap:14px;flex-wrap:wrap}
.verified-pill{background:#eef9f2;color:#29815c;border:1px solid #dff1e6;border-radius:5px;font-size:10px;padding:6px 10px}
.metric-grid{margin:25px 0 16px;gap:10px}.metric{padding:20px;border-radius:7px;background:#fff;border:1px solid var(--line)}
.metric>span{font-size:11px;color:#78869a}.metric strong{font-size:28px;font-weight:560;letter-spacing:-1px}.metric small{font-size:10px;color:#9aa5b4}
.panel-grid{gap:12px}.panel{border:1px solid var(--line);border-radius:7px;background:#fff;padding:22px;box-shadow:none}
.panel h2{font-size:15px;font-weight:560;letter-spacing:-.2px}.panel-head{margin-bottom:18px}
.tag{border-radius:4px;font-weight:500;font-size:10px;letter-spacing:0}
.key-row{padding:14px 0}.key-icon{background:#eef4fc;border-radius:5px}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:34px 35px;max-width:490px;margin:25px auto;box-shadow:0 12px 45px rgba(40,65,95,.025)}
.auth-card h1,.doc-public h1{font-weight:560}.auth-card label,.form-panel label,.panel form label{font-weight:450;color:#526174}
.auth-card input,.form-panel input,.form-panel textarea,.panel input,.panel textarea,.panel select{border-radius:5px;border-color:#dfe6ef;font-size:13px;min-height:43px;box-shadow:none}
.auth-aside{background:linear-gradient(145deg,#133e7c,#007aff);border-radius:9px}
.auth-aside h2{font-weight:520}.hero-preview,.features-grid article{box-shadow:none}
.hero h1{font-weight:550}.section-head h2,.cta-section h2{font-weight:520}
.cta-section{border-radius:9px;background:#075fcf}
/* Updated studio */
.workspace:has(.creative-chat){grid-template-columns:204px minmax(0,1fr);gap:20px;padding-top:18px;padding-bottom:28px}
.workspace:has(.creative-chat) .work-content{max-width:none}
.creative-chat{display:flex;flex-direction:column;height:calc(100dvh - 145px);min-height:590px;max-height:1010px;border:1px solid #e3e9f0;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 7px 34px rgba(15,34,63,.018)}
.chat-top{padding:16px 24px;min-height:74px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:13px}
.chat-avatar,.chat-ai-avatar{width:37px;height:37px;border-radius:7px;display:grid;place-items:center;font-size:19px;background:#eaf3ff;color:var(--blue);font-weight:400}
.chat-name{font-size:14px;color:#27384d;font-weight:560;letter-spacing:-.2px}.studio-version{font-size:10px;font-weight:450;color:#a2adbd;margin-left:5px}
.chat-description{color:#8d99a9;font-size:11px;margin-top:2px}.chat-online{font-size:10px;color:#7b8998;margin-left:auto;white-space:nowrap;letter-spacing:0}
.online-dot{width:6px;height:6px;background:#21b879;box-shadow:none}
.chat-scroll{background:#fff;padding:30px clamp(18px,5vw,66px) 36px;scroll-behavior:smooth;overscroll-behavior:contain}
.chat-welcome{max-width:660px;text-align:left;margin:clamp(55px,11vh,130px) auto 40px;padding:0 20px}
.chat-welcome-icon{background:#edf4ff;color:var(--blue);display:grid;place-items:center;border-radius:9px;width:48px;height:48px;font-size:24px;margin-bottom:25px}
.chat-welcome h1{font-size:clamp(26px,3vw,37px);font-weight:520;letter-spacing:-1.05px;line-height:1.18;margin-bottom:15px;color:#263448}
.chat-welcome p{font-size:13px;line-height:1.75;color:#788697;max-width:450px;margin:0 0 29px}
.chat-tips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;max-width:640px;margin-top:0}
.chat-tips button{border:1px solid #e5eaf0;background:#fff;border-radius:6px;min-height:39px;padding:9px 12px;color:#52657d;font-size:11px;cursor:pointer;transition:border-color .15s,background .15s}
.chat-tips button span{color:#7eabd6;margin-left:14px}.chat-tips button:hover{border-color:#c2dafa;background:#f6faff}
#chat-messages{max-width:860px;margin:0 auto}
.chat-exchange{margin:0 0 34px}
.chat-user-line{display:flex;justify-content:flex-end;margin-bottom:21px}.chat-user-bubble{background:#f1f5fa;color:#374a5c;border:1px solid #edf1f5;padding:12px 16px;border-radius:9px 9px 3px 9px;font-size:12px;line-height:1.6;max-width:75%;box-shadow:none;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-ai-line{display:flex;gap:13px;align-items:flex-start}
.chat-ai-avatar{height:30px;width:30px;flex:none;font-size:16px;border-radius:6px}
.chat-ai-bubble{min-width:0;max-width:min(100%,720px);border:none;border-radius:0;padding:0;background:transparent;box-shadow:none;flex:1}
.chat-ai-head{display:flex;align-items:center;gap:9px;margin:1px 0 10px}
.chat-ai-name{font-size:11px;color:#39485c;font-weight:570}
.chat-ai-status{font-size:10px;font-weight:450;letter-spacing:0;padding:0;border:0;background:transparent;color:#9ba8b8}
.chat-ai-status.s-processing,.chat-ai-status.s-queued{color:#aa8335}.chat-ai-status.s-completed{color:#299869}.chat-ai-status.s-failed{color:#c05c62}
.chat-caption{padding:15px 17px;background:#f9fafc;border:1px solid #edf0f5;border-radius:7px;max-width:620px;margin:0 0 12px}
.chat-caption-title{font-size:10px;letter-spacing:.2px;color:#6b7c90;margin-bottom:12px;font-weight:550}
.chat-caption-content{font-size:12px!important;color:#48586d!important;line-height:1.7!important}
.chat-mini-button{background:#fff;border:1px solid #e3eaf1;border-radius:5px;padding:7px 10px;font-size:10px;color:#5d7590;min-height:30px}
.chat-mini-button:hover{background:#f0f6ff;color:#125ead;border-color:#cce0f7}
.chat-progress{border:1px solid #e8edf3;border-radius:7px;padding:18px;max-width:620px;background:#fff;box-shadow:none;display:grid;grid-template-columns:18px 1fr;align-items:start;gap:11px}
.chat-loader{width:15px;height:15px;border:2px solid #dde9fa;border-top-color:#007aff;margin-top:3px}
.chat-progress-text strong{font-size:12px;font-weight:550;color:#46576c}.chat-progress-text small{font-size:11px;color:#96a3b2;margin-top:3px}
.chat-image-skeleton{grid-column:2;margin-top:9px;border-radius:5px;background:#f2f5f9;width:208px;height:155px}
.chat-figure{margin:11px 0}.chat-image-link{display:inline-block;border:1px solid #e9edf4;border-radius:7px;overflow:hidden;background:#f7f8fa}
.chat-image{max-height:520px;max-width:min(100%,370px);object-fit:contain;border-radius:0;display:block}
.chat-image-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.chat-refinements{gap:7px;margin-top:15px}.chat-refinement-title{font-size:10px;letter-spacing:0;color:#8997a8;margin-bottom:5px}
.chat-refinement-button{border-color:#e4e9f0;background:#fff;color:#5e7185;border-radius:5px;font-size:10px;padding:8px 11px;min-height:33px}
.chat-refinement-button:hover{background:#f4f8ff;border-color:#c8dcfa}
.chat-compose{padding:16px clamp(14px,3vw,35px) 11px;border-top:1px solid #e5ebf2;background:#fff}
.chat-compose form{border:1px solid #dae4ef;border-radius:8px;padding:13px 15px 12px;box-shadow:0 2px 13px rgba(19,56,104,.025)}
.chat-compose form:focus-within{border-color:#8abaff;box-shadow:0 0 0 3px rgba(0,122,255,.055)}
.chat-compose textarea{min-height:66px!important;max-height:175px;padding:0 0 10px!important;font-size:13px!important;resize:vertical;line-height:1.65}
.chat-compose textarea::placeholder{color:#a5afbc}
.chat-form-foot{gap:14px;align-items:center}.chat-controls{gap:8px;flex-wrap:wrap}
.chat-control{gap:5px;font-size:10px!important;color:#8b98a8!important;font-weight:450}
.chat-control select{border-color:#e6ebf2!important;border-radius:5px!important;min-height:33px!important;padding:5px 7px!important;color:#52657a!important;font-size:10px!important;max-width:165px}
.chat-control select#chat-style{max-width:180px}
.chat-send{background:var(--blue);font-size:11px;border-radius:5px;font-weight:520;padding:9px 14px;min-height:36px;gap:10px}
.chat-send:hover{background:#0066dc}.chat-send:disabled{opacity:.5}
.chat-disclaimer{font-size:10px;color:#a1adbc;margin-top:9px;padding:0 4px}
.chat-edit-mode{border-radius:5px;background:#eff6ff;color:#286ab5}
.chat-notice{font-size:11px;color:#4b769e}.chat-notice.is-error{color:#ba5461}
/* One-button schema updater */
.admin-update-link{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}.admin-update-link p{margin:5px 0 0}
.updater-panel{padding:0;max-width:800px;margin:24px 0 18px;overflow:hidden}
.updater-header{padding:24px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}
.updater-header h2{margin:0;font-size:15px}.updater-header p{font-size:11px;margin:3px 0 0}
.updater-symbol{height:41px;width:41px;flex:none;background:#edf5ff;border-radius:6px;color:#007aff;display:grid;place-items:center}.updater-symbol .nav-icon{width:19px;height:19px}
.updater-status{margin-left:auto;font-size:10px;white-space:nowrap;border:1px solid #d8ecdf;background:#eff8f3;color:#318059;border-radius:5px;padding:5px 9px}
.updater-status.is-pending{border-color:#f0e4c9;background:#fffbf0;color:#926c2c}
.updater-items{padding:6px 24px}.updater-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f4;font-size:12px;color:#475b70}
.updater-item:last-child{border-bottom:0}.updater-item>span:nth-child(2){display:flex;flex-direction:column;gap:2px}
.updater-item small{font-size:10px;color:#a1acb7}
.updater-check{height:23px;width:23px;border-radius:50%;display:grid;place-items:center;background:#e9f6ef;color:#268058;font-size:12px;flex:none}
.updater-check.pending{background:#fff4de;color:#a97729;font-size:18px}
.updater-item-state{font-size:11px;margin-left:auto;color:#8594a3}
.updater-footer{border-top:1px solid var(--line);padding:20px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between;background:#fbfcfe}
.updater-footer p{font-size:11px;line-height:1.7;max-width:470px;margin:0}
.updater-footer form{flex:none}.updater-help{max-width:780px;padding:10px 2px}.updater-help h2{font-size:14px;font-weight:540}.updater-help p{font-size:12px;color:#8895a5;line-height:1.8}
/* Responsive layouts */
@media(max-width:1100px){.workspace{grid-template-columns:185px minmax(0,1fr);gap:22px}.workspace:has(.creative-chat){grid-template-columns:180px minmax(0,1fr);gap:14px}.container{width:min(100% - 36px,1480px)}.panel-grid{grid-template-columns:1fr}.auth-wrap{gap:24px}}
@media(max-width:760px){
 .container{width:calc(100% - 24px)}.topbar{height:58px}.topbar nav{gap:10px}.topbar .top-workspace-label{display:none}.topbar nav .top-help{display:none}.topbar nav .logout{display:block}.topbar nav .logout button{font-size:11px}.mobile-menu{display:none}
 .workspace,.workspace:has(.creative-chat){display:flex;flex-direction:column;gap:10px;padding:8px 0 24px;min-height:0}
 .sidebar{border-right:0;padding:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
 .sidebar .eyebrow,.sidebar-foot{display:none!important}.sidebar-menu{display:flex;flex-direction:row;overflow-x:auto;gap:5px;padding:7px 0 9px;scrollbar-width:none}
 .sidebar-menu::-webkit-scrollbar{display:none}.sidebar-menu>a{padding:10px 12px;border-radius:5px;font-size:11px;min-height:39px;white-space:nowrap;gap:7px;flex:none}
 .nav-icon{width:15px;height:15px}.work-content h1{font-size:24px}
 .metric-grid{gap:7px;margin:19px 0}.metric{padding:13px 11px}.metric strong{font-size:24px}.metric>span{font-size:10px}.metric small{font-size:9px}
 .panel{padding:17px}.auth-wrap{padding:14px 0;grid-template-columns:1fr}.auth-card{padding:24px 22px;margin:18px auto}.auth-aside{display:none}
 .creative-chat{height:calc(100dvh - 146px);min-height:475px;border-radius:7px}.chat-top{padding:11px 13px;min-height:59px}.chat-avatar{width:32px;height:32px}
 .chat-description{font-size:10px}.chat-online{font-size:9px}.studio-version{display:none}
 .chat-scroll{padding:18px 12px 26px}.chat-welcome{margin:55px auto 25px;padding:0 8px}.chat-welcome-icon{width:42px;height:42px;margin-bottom:18px}.chat-welcome h1{font-size:27px}.chat-welcome p{font-size:12px}
 .chat-tips{gap:6px}.chat-tips button{padding:8px 9px;font-size:10px}.chat-tips button span{margin-left:4px}
 .chat-user-bubble{max-width:87%;font-size:11px;padding:10px 12px}.chat-ai-line{gap:9px}.chat-ai-avatar{width:25px;height:25px}.chat-ai-bubble{max-width:calc(100% - 34px)}
 .chat-caption{padding:12px}.chat-image{max-width:min(100%,280px);max-height:420px}.chat-compose{padding:9px 10px 8px}.chat-compose form{padding:10px}
 .chat-compose textarea{font-size:13px!important;min-height:45px!important;max-height:100px}.chat-form-foot{gap:9px;align-items:flex-end}.chat-controls{gap:5px;min-width:0}
 .chat-control{font-size:9px!important;gap:3px}.chat-control select,.chat-control select#chat-style{max-width:135px;min-height:30px!important;font-size:10px!important;padding:5px 4px!important}
 .chat-send{min-height:34px;padding:7px 9px}.chat-disclaimer{font-size:9px;line-height:1.35}
 .updater-header{flex-wrap:wrap;padding:17px}.updater-footer{padding:17px;flex-direction:column;align-items:stretch}.updater-footer form,.updater-footer .button{width:100%}.updater-items{padding:6px 17px}
 .admin-update-link{flex-direction:column;align-items:flex-start}
 .footer{font-size:9px}
}
@media(max-width:390px){.chat-control{flex-direction:column;align-items:flex-start}.chat-control select,.chat-control select#chat-style{max-width:120px}.chat-send span:first-child{max-width:48px;white-space:normal;line-height:1.2}.chat-online{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
@media(max-width:760px){.topbar nav{display:flex!important;position:static!important;flex-direction:row!important;align-items:center!important;padding:0!important;box-shadow:none!important;border:0!important;background:transparent!important}.topbar nav>a{display:none}.topbar nav>a.nav-primary{display:inline-flex}.topbar nav .logout{display:block}.mobile-menu{display:none!important}}