@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#eef0e9;background:#101210;font-synthesis:none;--muted:#8b9287;--lime:#c3f580;--border:#2b3028;--panel:#191c18}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}svg.lucide{width:18px;height:18px;stroke-width:1.65;flex-shrink:0}.sidebar{width:244px;background:#151814;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;padding:30px 20px;display:flex;flex-direction:column}.brand{font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.6px;display:flex;align-items:center;padding:0 10px}.brand-dot{color:var(--lime)}.brandmark{font-size:37px;font-style:italic;background:var(--lime);color:#15200f;border-radius:10px;width:35px;height:35px;line-height:37px;text-align:center;position:relative;margin-right:11px;letter-spacing:-6px;padding-right:7px}.brandmark span{font-size:12px;position:absolute;right:6px;top:4px;line-height:20px;letter-spacing:0}.workspace{display:flex;gap:11px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:13px 10px;margin:35px 0 30px;font-size:12px;font-weight:550}.workspace small,.user-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px;font-weight:400}.workspace>.lucide{margin-left:auto;width:13px}.avatar{width:30px;height:30px;border:1px solid #464c3e;border-radius:7px;background:#343d2b;display:grid;place-items:center;color:#d4e8bc;font-size:12px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#727b6b;padding:0 12px;margin-bottom:13px;font-weight:600}nav{display:flex;flex-direction:column;gap:5px}nav a{display:flex;gap:12px;align-items:center;padding:13px 12px;font-size:12px;border-radius:7px;color:#a1a99a}nav a.active{background:#293321;color:#d3f5ae}nav a:hover{background:#23281f}.count{background:#3c4c2f;border:1px solid #4b5f38;border-radius:4px;margin-left:auto;font-size:9px;padding:1px 5px}.nav-small{margin-left:auto;font-size:10px;color:#7c8673}.sidebar-bottom{margin-top:auto}.cloud-card{border:1px solid var(--border);border-radius:9px;padding:16px;background:linear-gradient(140deg,#22291c,#191d17)}.tiny-icon{color:var(--lime);display:block;margin-bottom:10px}.cloud-card strong{font-size:11px}.cloud-card p{font-size:11px;line-height:1.8;color:#939d89}.cloud-card a{font-size:10px;display:flex;justify-content:space-between;margin-top:16px;color:#c4e4a6}.user-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--border);padding-top:22px;margin-top:22px;font-size:10px}.user-row>.lucide{margin-left:auto;width:15px;color:var(--muted)}.small{width:28px;height:28px}.app-shell{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;border-bottom:1px solid #252a22;display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:11px;color:#b6bdb0}.slash{padding:0 14px;color:#58614f}.desktop-label{color:#7e8875}.header-right{display:flex;gap:20px;align-items:center}.pill{display:inline-flex;gap:8px;align-items:center;font-size:10px;border:1px solid #37422c;background:#20291a;border-radius:30px;padding:6px 10px;color:#bed59f}.dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#b5e97a;flex-shrink:0}.dot.muted{background:#727c68}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:#98a08f;padding:5px}main{padding:44px 42px 40px;max-width:1540px;width:100%;margin:0 auto;flex:1}.eyebrow{display:flex;align-items:center;gap:8px;color:#9baf86;letter-spacing:1.6px;font-size:9px;font-weight:600;margin-bottom:15px}h1,h2,h3,h4{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-1px;margin:0}h1{font-size:34px;line-height:1.35}h1 em{font-style:normal;color:var(--lime)}p.lead{font-size:12px;color:#919b87;line-height:1.8;margin:12px 0 0}.intro-row{display:flex;align-items:center;justify-content:space-between}.tag-outline{font-size:10px;padding:7px 11px;border:1px solid var(--border);border-radius:6px;color:#a7b19d;display:flex;gap:8px;align-items:center}.filters{display:flex;align-items:center;gap:10px;margin:33px 0 23px;border-bottom:1px solid var(--border);padding-bottom:15px}.filter{background:none;border:0;color:#8f9986;padding:7px 12px;font-size:11px;border-radius:5px}.filter.selected{background:#d0efa9;color:#26351a;font-weight:600}.filter span{font-size:9px;margin-left:8px;opacity:.7}.filter-note{margin-left:auto;color:#717c67;font-size:10px}.template-layout{display:grid;grid-template-columns:minmax(350px,1.35fr) minmax(260px,.8fr);gap:24px}.template-card{border:1px solid #394332;border-radius:12px;overflow:hidden;background:#1a1f17;transition:border-color .2s}.template-card:hover{border-color:#607847}.template-art{height:236px;background:radial-gradient(ellipse at 50% 50%,#303f23 0%,#1a2318 45%,#161c16 85%);position:relative;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#7688610a 1px,transparent 1px),linear-gradient(90deg,#7688610a 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(ellipse,black,transparent 80%)}.art-caption{position:absolute;left:20px;top:19px;font-size:9px;color:#a6bc92;letter-spacing:.6px;display:flex;align-items:center;gap:6px}.art-badge{position:absolute;right:17px;top:17px;font-size:8px;border:1px solid #546342;background:#283322;color:#d7eec3;border-radius:4px;padding:4px 7px}.art-bottom{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;font-family:monospace;font-size:8px;color:#839376;letter-spacing:1px}.art-stage{height:100%;width:100%;position:relative}.art-stage canvas{display:block;width:100%;height:100%}.template-body{padding:23px 24px 22px}.template-title{display:flex;align-items:center;gap:11px}.square-icon{width:34px;height:34px;display:grid;place-items:center;background:#2a3523;border:1px solid #3e4d32;border-radius:8px;color:#c8e7a8}.template-title h2{font-size:18px;letter-spacing:-.5px}.template-body>p{color:#969f8c;font-size:11px;line-height:1.85;margin:13px 0 15px;max-width:400px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #363f2f;background:#22291e;color:#aebda0;font-size:8px;border-radius:4px;padding:4px 7px;display:inline-flex;gap:5px;align-items:center}.chip .lucide{width:11px;height:11px}.template-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px;border-top:1px solid #30382a;padding-top:19px}.subtle{font-size:9px;color:#8e9a81;display:flex;align-items:center;gap:6px}.subtle .lucide{width:13px;height:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #48513e;border-radius:6px;padding:10px 14px;background:#22291e;color:#d5dfcb;font-size:11px;font-weight:550;white-space:nowrap}.button .lucide{width:15px;height:15px}.button.primary{background:var(--lime);border-color:var(--lime);color:#223116}.button.primary:hover{background:#d4ffa0}.button.ghost{background:transparent}.button.danger{color:#f0b6a8;border-color:#6d4339}.side-info{display:flex;flex-direction:column;gap:18px}.how-card{border:1px solid var(--border);border-radius:11px;padding:23px 23px 20px;background:#181c17}.section-kicker{font-size:9px;letter-spacing:1.2px;color:#8d9c80;display:flex;gap:7px;align-items:center}.section-kicker .lucide{width:13px;height:13px}.how-card h3{font-size:17px;letter-spacing:-.5px;margin:12px 0 24px}.how-step{display:flex;gap:13px;position:relative;padding-bottom:25px}.how-step:last-child{padding-bottom:0}.how-step:not(:last-child):after{content:'';position:absolute;left:13px;top:28px;height:calc(100% - 30px);border-left:1px dashed #46533b}.step-number{width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;border:1px solid #414e35;border-radius:50%;font-size:10px;color:#c2d5b0;background:#242e1f}.how-step strong{display:block;font-size:11px;font-weight:500;margin:3px 0 6px}.how-step p{font-size:10px;color:#8b9681;line-height:1.7;margin:0}.note-card{padding:18px 20px;border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;background:#191e16}.note-card>.lucide{color:#b0d78a;margin-top:2px}.note-card strong{font-size:11px;font-weight:500}.note-card p{font-size:10px;color:#8d9b81;line-height:1.8;margin:7px 0 0}.recent-section{margin-top:35px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-title h2{font-size:15px;letter-spacing:-.2px}.section-title a{font-size:10px;display:flex;align-items:center;gap:7px;color:#a6b498}.section-title .lucide{width:13px;height:13px}.empty-state{border:1px dashed #343d2c;border-radius:9px;padding:22px;display:flex;align-items:center;gap:16px;background:#151a13}.empty-icon{border:1px solid #333e2b;border-radius:8px;padding:10px;color:#839675;display:flex}.empty-state strong{font-size:11px;font-weight:500}.empty-state p{font-size:10px;color:#818e76;margin:6px 0 0}.empty-state>a{margin-left:auto;color:#b7d29f;font-size:10px}footer{margin:0 42px;padding:22px 0;border-top:1px solid #282e23;display:flex;justify-content:space-between;font-size:9px;color:#626f58}footer>span:last-child{display:flex;align-items:center;gap:6px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.back{font-size:11px;color:#9caa90;display:inline-flex;align-items:center;gap:8px;margin-bottom:23px}.back .lucide{width:13px}.form-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.panel{border:1px solid var(--border);background:var(--panel);border-radius:11px;padding:25px}.panel h2{font-size:17px;letter-spacing:-.4px}.panel p{font-size:12px;color:#98a28e;line-height:1.8}.dropzone{position:relative;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #4b5c3b;border-radius:8px;background:radial-gradient(ellipse,#252e1e,#191f16);margin:22px 0;cursor:pointer;overflow:hidden}.dropzone:has(input:focus-visible){outline:2px solid var(--lime)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dropzone>.lucide{width:30px;height:30px;color:#b4d595;margin-bottom:16px}.dropzone strong{font-size:13px;font-weight:500}.dropzone p{font-size:10px;margin:8px}.dropzone img{max-height:270px;max-width:100%;object-fit:contain;padding:15px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.form-bottom small{font-size:9px;color:#88967b}.info-list{display:grid;gap:0;margin:18px 0}.info-list div{padding:13px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #30362b;font-size:11px}.info-list dt{color:#8f9c82}.info-list dd{margin:0;color:#d1deC4;text-align:right}.notice{border:1px solid #515f35;background:#292f1d;border-radius:7px;padding:13px 15px;font-size:11px;color:#bdcda2;line-height:1.8;margin:16px 0}.notice.warn{border-color:#705a37;background:#30291c;color:#e0ca9d}.notice.error{border-color:#71443b;background:#30211d;color:#efb8a9}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:23px 0}.field label{font-size:11px;display:block;margin-bottom:9px;color:#b8c2ae}.field input,.field select,.login-input{background:#11170f;color:#dbe8ce;border:1px solid #3b4731;border-radius:6px;padding:11px 12px;width:100%;font-size:12px}.field small{display:block;color:#79886c;line-height:1.7;font-size:10px;margin-top:7px}.field input:focus,.field select:focus{border-color:var(--lime)}.settings-header{display:flex;gap:15px;align-items:center}.settings-header p{margin:5px 0 0;font-size:11px}.settings-actions{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:flex-end}.jobs-table{width:100%;border-collapse:collapse;font-size:11px}.jobs-table th{text-align:left;color:#7f8f71;font-weight:400;font-size:10px;padding:13px 15px;border-bottom:1px solid var(--border)}.jobs-table td{padding:18px 15px;border-bottom:1px solid #293123}.jobs-table tbody tr{cursor:pointer}.jobs-table tbody tr:hover{background:#20271b}.job-name{display:flex;gap:11px;align-items:center}.job-name img{width:35px;height:35px;object-fit:cover;border-radius:5px}.job-name small{display:block;color:#7f9071;font-size:9px;margin-top:5px}.badge{display:inline-flex;border:1px solid #405330;background:#27371c;color:#bde89b;font-size:9px;padding:5px 8px;border-radius:30px}.badge.warn{color:#e2c391;background:#332b1d;border-color:#65512c}.badge.error{color:#eab2a2;background:#382820;border-color:#664334}.badge.muted{color:#adbaa2;background:#283022;border-color:#424d36}.table-wrap{border:1px solid var(--border);border-radius:9px;overflow:auto}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{border:1px solid var(--border);border-radius:8px;padding:20px;background:#191f16}.stat span{font-size:10px;color:#889c77}.stat strong{display:block;font-size:24px;font-weight:500;margin-top:9px;letter-spacing:-1px}.stat small{color:#768968;font-size:9px;margin-top:5px;display:block}.job-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:23px}.viewer{height:370px;border:1px solid #36452a;border-radius:9px;background:radial-gradient(ellipse,#2e4021,#171e13);position:relative;overflow:hidden}.viewer canvas{display:block}.viewer-note{position:absolute;left:15px;bottom:15px;font-size:9px;color:#a8bf94;pointer-events:none}.viewer-label{position:absolute;left:16px;top:16px;font-size:9px;color:#adc594;letter-spacing:1px;pointer-events:none}.viewer-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;color:#849975;gap:18px;font-size:11px}.viewer-placeholder .lucide{width:35px;height:35px}.result-actions{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.timeline{display:flex;flex-direction:column;gap:0;padding:4px 0;margin-top:20px}.timeline-item{display:flex;gap:12px;font-size:11px;color:#7a8b6d;padding-bottom:22px;position:relative;align-items:center}.timeline-item:before{content:'';width:9px;height:9px;border:1px solid #4c5b3f;border-radius:50%;background:#1b2216;flex-shrink:0;z-index:1}.timeline-item:not(:last-child):after{content:'';position:absolute;border-left:1px solid #3b4830;top:9px;bottom:0;left:4px}.timeline-item.done{color:#b4c9a2}.timeline-item.done:before{background:#8ab759;border-color:#a5d771}.timeline-item.current{color:var(--lime)}.timeline-item.current:before{background:var(--lime);box-shadow:0 0 0 4px #c3f58012}.timeline-item small{margin-left:auto;font-size:9px}.progress-track{height:5px;border-radius:5px;background:#353e2a;margin:12px 0;overflow:hidden}.progress-track>span{display:block;background:var(--lime);height:100%}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.error-text{color:#edaf9e;font-size:11px;line-height:1.8}.help-links{display:flex;flex-direction:column;gap:14px;font-size:12px;color:#c3e7a2;margin:24px 0}.help-links a{display:flex;gap:8px;align-items:center}dialog{border:1px solid #4b5c3c;border-radius:12px;background:#1c2417;color:#e2ebd8;max-width:520px;width:calc(100% - 40px);padding:28px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030703b3;backdrop-filter:blur(5px)}dialog h2{font-size:22px}dialog p{font-size:12px;color:#a8ba98;line-height:1.8}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}#toast{position:fixed;bottom:25px;left:calc(50% + 90px);transform:translateX(-50%) translateY(100px);background:#d3f6b0;color:#23321a;padding:14px 20px;border-radius:7px;box-shadow:0 10px 30px #0005;font-size:12px;transition:.2s;z-index:20;max-width:80vw}#toast.show{transform:translateX(-50%) translateY(0)}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{padding:90px;text-align:center;color:#94aa82;font-size:12px}.align-center{text-align:center}.spacer{margin-top:22px}.full{width:100%}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.mobile-only{display:none}@media(min-width:1500px){main{padding-top:55px}.template-art{height:290px}.template-body{padding:28px}.how-card{padding:28px}.how-step{padding-bottom:35px}}@media(max-width:1100px){.sidebar{width:205px;padding:25px 14px}.app-shell{margin-left:205px}main{padding:30px 25px}.topbar{padding:0 25px}.template-layout{grid-template-columns:1.1fr .9fr;gap:17px}.how-card{padding:20px 17px}.template-title h2{font-size:16px}.template-body{padding:20px}.template-actions{gap:10px}.template-actions .subtle{font-size:8px}.template-actions .button{padding:9px;font-size:10px}.form-layout{grid-template-columns:1.25fr .9fr}.job-layout{grid-template-columns:1fr}.desktop-label{display:none}.slash{display:none}}@media(max-width:800px){.sidebar{width:76px;padding:25px 10px}.brand{font-size:0;padding:0 8px}.brandmark{margin:0}.brand-dot,.workspace,.nav-label,.cloud-card,.user-row{display:none}nav{margin-top:40px}nav a{font-size:0;padding:15px;gap:0}nav a .count,nav a .nav-small{display:none}nav a>.lucide{width:20px;height:20px}.app-shell{margin-left:76px}.template-layout,.form-layout{grid-template-columns:1fr}.side-info{display:grid;grid-template-columns:1fr 1fr}.how-card{padding:20px}.note-card{align-self:start}.intro-row .tag-outline{display:none}h1{font-size:29px}.filter-note{display:none}.template-art{height:260px}.template-body>p{max-width:none}.template-title h2{font-size:20px}.template-actions .button{padding:10px 16px;font-size:11px}.template-actions .subtle{font-size:10px}.fields{gap:18px}.stat-row{gap:10px}.stat{padding:16px}.stat strong{font-size:20px}footer{margin:0 25px;font-size:8px}footer>span:first-child{display:none}#toast{left:calc(50% + 30px)}}@media(max-width:520px){main{padding:27px 18px}.topbar{height:65px;padding:0 18px}.header-right{gap:8px}.pill{font-size:8px;padding:6px 8px}.side-info{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.page-head{gap:15px;align-items:flex-start}.page-head .button{padding:8px;font-size:9px}.panel{padding:19px}.stat-row{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom .button{width:100%}.empty-state{align-items:flex-start;padding:18px;gap:12px;flex-wrap:wrap}.empty-state>a{margin-left:51px}.filter{font-size:10px;padding:6px 9px}.filter span{margin-left:4px}.template-actions .subtle{max-width:100px;line-height:1.6}.viewer{height:300px}}
@media(min-width:801px) and (max-width:1100px){.template-layout{grid-template-columns:1fr}.side-info{display:grid;grid-template-columns:1fr 1fr}.intro-row .tag-outline{display:none}.template-art{height:275px}}
/* Limita o tamanho intrínseco de canvas e identificações em telas estreitas. */
.job-layout>* , .form-layout>* , .template-layout>* , .stat-row>*{min-width:0}.viewer{width:100%;min-width:0}.viewer canvas,.art-stage canvas{max-width:100%}.info-list dd{overflow-wrap:anywhere;min-width:0}.result-actions{gap:12px;flex-wrap:wrap}.page-head>div{min-width:0}@media(max-width:520px){.job-layout{grid-template-columns:minmax(0,1fr)}.result-actions .button{width:100%}.result-actions .subtle{font-size:9px}.stat strong{overflow-wrap:anywhere}}

.auth-form{display:grid;gap:18px;max-width:480px;margin-top:24px}.auth-form label{display:grid;gap:8px;font-size:14px}.auth-form input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#101510;color:#eef0e9;font:inherit}.auth-form input:focus{outline:2px solid #789a47;outline-offset:2px}.user-row{text-decoration:none;color:inherit}#login-error:empty{display:none}

.token-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:24px}.token-package{display:grid;gap:18px;border:1px solid var(--border);border-radius:10px;padding:24px}.token-package strong{font-size:24px;color:var(--lime)}.token-package p{margin:0}.pill .lucide{width:13px;height:13px}

/* Galeria 3D: os cartões compartilham um contexto WebGL. */
.gallery-webgl-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2}
.gallery-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0 0 25px}
.gallery-intro .eyebrow{color:#a2bb8b;letter-spacing:2px;font-size:10px}
.gallery-intro h1{font-size:clamp(34px,4.1vw,53px);font-weight:500;line-height:1.03;letter-spacing:-2.2px;margin:12px 0 14px}
.gallery-intro h1 em{color:#c6eda3;font-style:normal;font-weight:400}
.gallery-intro p{max-width:445px;font-size:13px;color:#8e9a84;line-height:1.8;margin:0}
.gallery-intro-note{display:flex;align-items:center;gap:17px;padding:22px 25px;border-left:1px solid #34412c;color:#91a481}
.gallery-intro-note>.lucide{width:38px;height:38px;color:#bad798;stroke-width:1}
.gallery-intro-note span{font-size:11px}.gallery-intro-note strong{display:block;font-size:15px;font-weight:400;color:#dce8d1;margin:8px 0}.gallery-intro-note small{display:block;font-size:10px;color:#78866d}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;border-top:1px solid #2c3526;padding-top:21px}
.gallery-tabs{display:flex;gap:26px}.gallery-tabs a{padding:10px 0;color:#829277;font-size:12px;white-space:nowrap}.gallery-tabs a.selected{color:#d2e7bf;border-bottom:2px solid #bce68f}
.gallery-search{display:flex;align-items:center;gap:9px;border:1px solid #313e29;border-radius:9px;padding:10px 13px;color:#829573}
.gallery-search input{border:0;outline:0;background:transparent;color:#c8d4bd;font:inherit;font-size:11px;width:180px}.gallery-search .lucide{width:15px;height:15px}
#gallery-more[hidden],.gallery-card[hidden]{display:none!important}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px}
.gallery-card{min-width:0;overflow:hidden;border:1px solid #34412d;border-radius:18px;background:#192016;transition:border-color .2s}
.gallery-card:hover{border-color:#677f50}
.gallery-stage{position:relative;height:335px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#35432b 0,#202a1b 51%,#171f14 100%);cursor:grab}
.gallery-stage:active{cursor:grabbing}
.gallery-stage-label{position:absolute;top:18px;left:19px;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.3px;color:#a0b58e;z-index:3;pointer-events:none}.gallery-stage-label .lucide{width:13px;height:13px}
.gallery-stage-bottom{position:absolute;bottom:14px;left:18px;right:14px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}
.gallery-stage-bottom>span{font-size:9px;color:#8eaa7c}.gallery-stage-buttons{display:flex;gap:5px;pointer-events:auto}
.gallery-stage-buttons button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #52674455;background:#172110b8;border-radius:8px;color:#c2d8b0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gallery-stage-buttons button:hover,.gallery-stage-buttons button[aria-pressed=true]{background:#35442a;border-color:#677d50}.gallery-stage-buttons .lucide{width:13px;height:13px}
.gallery-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#adc19b;pointer-events:none;z-index:3}
.gallery-loading>span{width:6px;height:6px;border-radius:100%;background:#bce68f;animation:gallery-pulse 1s ease-in-out infinite alternate}
@keyframes gallery-pulse{to{opacity:.25;transform:scale(.75)}}
.gallery-webgl-error{position:absolute;inset:30%;font-size:12px;text-align:center;line-height:1.7;color:#c4d5b8}
.gallery-card-body{position:relative;z-index:3;padding:22px 23px;background:#192016}
.gallery-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.gallery-kind{font-size:8px;letter-spacing:1.7px;color:#849778}.gallery-access{font-size:8px;letter-spacing:.5px;color:#8eaa7b}
.gallery-card-body h2{font-size:19px;font-weight:500;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere;margin:0 0 16px}
.gallery-creator{display:flex;align-items:center;gap:8px;font-size:11px;color:#a0b48f;overflow-wrap:anywhere;width:fit-content}
.gallery-creator>.lucide{width:12px;height:12px;color:#708660}
.gallery-avatar{width:25px;height:25px;border-radius:50%;background:#3b4a2e;color:#d6ebbe;display:grid;place-items:center;font-size:10px;flex-shrink:0;border:1px solid #53683e}
.gallery-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;margin-top:22px;border-top:1px solid #303c28;font-size:10px;color:#99ae88}
.gallery-card-footer>span>strong{font-size:23px;color:#d7e9c9;font-weight:400;margin-right:3px}.gallery-card-footer small{color:#718365;font-size:9px}
.gallery-open{display:flex;gap:7px;align-items:center;color:#c4e7a4;font-size:11px}.gallery-open>.lucide{width:16px;height:16px}
.gallery-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);max-width:1100px}
.gallery-card:only-child .gallery-stage{height:360px}.gallery-card:only-child .gallery-card-body{display:flex;flex-direction:column;justify-content:center;padding:35px}
.gallery-card:only-child h2{font-size:28px;letter-spacing:-1px;line-height:1.2;margin-bottom:24px}.gallery-card:only-child .gallery-card-footer{margin-top:38px}
.gallery-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:36px;align-items:start}
.gallery-detail-stage{overflow:hidden;border:1px solid #34432b;border-radius:20px}
.gallery-detail .gallery-stage{height:min(68vh,650px);min-height:440px}
.gallery-detail .gallery-stage-label{top:24px;left:24px}.gallery-detail .gallery-stage-bottom{bottom:22px;left:24px;right:22px}
.gallery-preview-note{position:relative;z-index:3;display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.6;color:#8c9e7d;padding:17px 21px;background:#182015;border-top:1px solid #2e3b26}.gallery-preview-note .lucide{width:14px;height:14px;flex-shrink:0}
.gallery-detail-info{padding:25px 0;min-width:0}.gallery-detail-info h1{font-size:clamp(29px,3vw,43px);line-height:1.12;letter-spacing:-1.5px;margin:18px 0 24px;overflow-wrap:anywhere}
.gallery-detail-info>p{font-size:12px;line-height:1.9;color:#92a184;margin:24px 0}
.gallery-formats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:25px 0 29px}.gallery-formats>span{border:1px solid #3d4e31;border-radius:5px;padding:5px 9px;font-size:9px;color:#a7bd94;letter-spacing:.7px}.gallery-formats small{font-size:10px;color:#728466;margin-left:7px}
.gallery-offer{padding:23px;border:1px solid #3e5230;border-radius:13px;background:linear-gradient(125deg,#283820,#1b2816)}
.gallery-offer>span{font-size:8px;letter-spacing:1.5px;color:#a2bb8c}.gallery-offer>strong{display:block;font-size:36px;font-weight:400;letter-spacing:-1px;color:#e0f4c9;margin:15px 0}.gallery-offer>strong>small{font-size:16px;letter-spacing:0;color:#afc59c}
.gallery-offer>p{font-size:11px;line-height:1.8;color:#9fb28d;margin:0 0 20px}#gallery-actions{display:flex;gap:9px;flex-wrap:wrap}#gallery-actions .primary{width:100%;justify-content:center}
@media(max-width:1100px){.gallery-intro-note{display:none}.gallery-detail{grid-template-columns:1fr;gap:10px}.gallery-detail-info{max-width:none}.gallery-detail .gallery-stage{height:520px}.gallery-card:only-child .gallery-card-body{padding:25px}.gallery-card:only-child h2{font-size:23px}}
@media(max-width:650px){.gallery-intro{padding:3px 0 27px}.gallery-intro h1{font-size:39px;letter-spacing:-1.8px}.gallery-intro p{font-size:12px}.gallery-toolbar{align-items:stretch;flex-direction:column;gap:13px}.gallery-search input{width:100%}.gallery-card:only-child{display:block}.gallery-card:only-child .gallery-stage,.gallery-stage{height:330px}.gallery-card:only-child .gallery-card-body{padding:23px}.gallery-card:only-child .gallery-card-footer{margin-top:24px}.gallery-detail .gallery-stage{min-height:340px;height:440px}.gallery-detail{gap:0}}
.panel select{max-width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--border);border-radius:7px;background:#101510;color:#eef0e9;font:inherit}
.panel label:has(select){display:grid;gap:8px;font-size:12px}