/* Hexfolly Asset Studio v0.1.0. All presentation lives in this stylesheet. */
:root{color-scheme:dark;--hx-bg:#101719;--hx-pane:#161e21;--hx-raised:#1b2528;--hx-hover:#243034;--hx-border:#2b383b;--hx-border-soft:#233033;--hx-text:#f0efea;--hx-muted:#9eadaa;--hx-subtle:#728582;--hx-accent:#afc5b5;--hx-warm:#d6bd89;--hx-good:#95c9b6;--hx-error:#e7a09a;--hx-radius:14px}
*{box-sizing:border-box}html{background:var(--hx-bg)}body{margin:0;color:var(--hx-text);background:var(--hx-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.5}button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--hx-warm);outline-offset:3px}::selection{background:#546861;color:#fff}
.hx-app{min-height:100vh;max-width:1920px;margin:0 auto}.hx-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 25px;border-bottom:1px solid var(--hx-border-soft);background:rgba(24,33,36,.9)}.hx-brand{display:flex;align-items:center;gap:14px}.hx-brandmark{width:46px;height:46px;border:1px solid #577065;border-radius:15px;background:linear-gradient(145deg,#2c4540,#1c292b);display:grid;place-items:center;font-family:Georgia,serif;font-size:35px;line-height:1;color:#c8d6c8}.hx-overline{font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--hx-warm)}h1,h2,h3,p{margin:0}h1{font-size:22px;letter-spacing:-.04em;font-weight:720;line-height:1.25}h2{font-size:22px;letter-spacing:-.04em;font-weight:690;line-height:1.25}h3{font-size:16px;letter-spacing:-.02em}.hx-version{font-size:10px;color:var(--hx-muted);font-weight:520;letter-spacing:0;vertical-align:middle;margin-left:7px;border:1px solid var(--hx-border);border-radius:5px;padding:3px 6px}.hx-header-right{display:flex;align-items:center;gap:16px}.hx-engine{color:var(--hx-muted);font-size:12px;display:flex;gap:8px;align-items:center}.hx-dot{width:7px;height:7px;border-radius:50%;background:#88b8a3;box-shadow:0 0 0 3px rgba(136,184,163,.1)}
.hx-layout{display:grid;grid-template-columns:180px minmax(345px,425px) minmax(385px,1fr);min-height:calc(100vh - 84px)}.hx-nav{border-right:1px solid var(--hx-border-soft);background:#131b1d;padding:25px 12px;display:flex;flex-direction:column}.hx-sidehead,.hx-section-label{font-size:10px;font-weight:780;letter-spacing:.12em;color:var(--hx-subtle)}.hx-sidehead{margin:0 12px 15px}.hx-category{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;background:transparent;border:1px solid transparent;color:var(--hx-muted);border-radius:10px;text-align:left;margin-bottom:4px;font-weight:560;transition:background .16s,color .16s,border-color .16s}.hx-category:hover{background:var(--hx-raised);color:var(--hx-text)}.hx-category[aria-pressed="true"]{background:#263733;color:#edf4ee;border-color:#415e52}.hx-category-icon{display:grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:#293538;border:1px solid #354548;font-size:10px;letter-spacing:-.02em;font-weight:780;color:#baccc3}.hx-category[aria-pressed="true"] .hx-category-icon{background:#3b5d51;border-color:#577c68;color:#e1eee5}.hx-category-name{line-height:1.2}.hx-navnote{margin:auto 7px 3px;padding:15px 10px;border-top:1px solid var(--hx-border-soft);color:var(--hx-subtle);font-size:11px}.hx-navnote strong{color:#cad6cb;font-size:11px;font-weight:660}.hx-navnote p{margin-top:5px}
.hx-builder{border-right:1px solid var(--hx-border-soft);padding:28px 25px 32px;background:var(--hx-pane);min-width:0}.hx-builderhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.hx-builderhead h2{margin-top:6px}.hx-builderhead p,.hx-workspace-head p{font-size:12px;color:var(--hx-muted);margin-top:6px}.hx-modes{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#101719;border:1px solid var(--hx-border-soft);border-radius:10px;gap:3px;margin:0 0 23px}.hx-modes button{border:0;background:transparent;border-radius:7px;color:var(--hx-muted);padding:9px 7px;font-weight:620}.hx-modes button.active{background:#31413e;color:#f2f8f4;box-shadow:0 1px 4px #090d0e50}.hx-control-section{margin-bottom:24px}.hx-section-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;color:#a6bbb0}.hx-section-label span:last-child{font-weight:470;letter-spacing:0;color:var(--hx-subtle);text-transform:none}.hx-form{display:grid;gap:14px}.hx-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:620;color:#c8d5d0;min-width:0}.hx-field-label{display:block}.hx-hint{display:block;font-size:10px;line-height:1.35;font-weight:450;color:var(--hx-subtle);margin-top:-3px}.hx-pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hx-field input,.hx-field select,.hx-field textarea{width:100%;min-width:0;background:#111a1d;color:#e1e9e3;border:1px solid #354346;border-radius:9px;padding:10px 11px;font-size:12px;font-weight:450;outline:none;transition:border-color .15s,background .15s}.hx-field select{height:40px;appearance:auto}.hx-field textarea{resize:vertical;line-height:1.55;min-height:67px}.hx-field input:focus,.hx-field textarea:focus,.hx-field select:focus{border-color:#749684;background:#152123}.hx-field input::placeholder,.hx-field textarea::placeholder{color:#728580}.hx-field textarea:focus{outline:none}.hx-advanced,.hx-preview{background:#131b1e;border:1px solid var(--hx-border-soft);border-radius:10px;margin:13px 0;overflow:hidden}.hx-advanced summary,.hx-preview summary{padding:13px 14px;font-weight:660;font-size:12px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.hx-advanced summary::-webkit-details-marker,.hx-preview summary::-webkit-details-marker{display:none}.hx-advanced summary::after,.hx-preview summary::after{content:'+';font-size:16px;font-weight:400;color:var(--hx-muted)}.hx-advanced[open] summary::after,.hx-preview[open] summary::after{content:'−'}.hx-advanced[open] summary,.hx-preview[open] summary{border-bottom:1px solid var(--hx-border-soft)}.hx-advanced-content{padding:14px;display:grid;gap:13px}.hx-preview pre{white-space:pre-wrap;word-break:break-word;font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#cfdbd4;line-height:1.68;max-height:330px;overflow:auto;margin:0;padding:14px}.hx-preview .hx-section-label{margin:0;padding:10px 14px 0}.hx-prompt-actions{padding:10px 12px 0;display:flex;gap:7px}.hx-free-fields{display:grid;gap:16px;margin-bottom:24px}.hx-free-fields[hidden],#hx-guided-fields[hidden]{display:none}
.hx-submit{padding-top:15px;border-top:1px solid var(--hx-border-soft);display:flex;gap:9px;align-items:center;flex-wrap:wrap}.hx-submit .hx-button-primary{flex:1;min-width:145px}.hx-submit .hx-caption{width:100%;text-align:center}.hx-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--hx-border);background:#202b2e;color:#e6ebe6;min-height:38px;padding:9px 13px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:650;transition:background .16s,border-color .16s,transform .16s}.hx-button:hover{background:#2b393b;border-color:#526462}.hx-button:active{transform:translateY(1px)}.hx-button-primary{border-color:#b3c6b6;background:#b7cbbd;color:#1a2924}.hx-button-primary:hover{background:#d0e0d1;border-color:#cfdfd0}.hx-button-secondary{background:#293638;border-color:#445456}.hx-button-quiet{background:transparent;border-color:#314044;color:#aabcb4}.hx-button-compact{min-height:30px;padding:5px 9px;font-size:11px}.hx-caption{font-size:10px;color:var(--hx-subtle);font-weight:450}
.hx-workspace{min-width:0;padding:28px 25px 36px;background:radial-gradient(ellipse at 80% 0%,#1b292a,transparent 55%),var(--hx-bg)}.hx-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 22px}.hx-workspace-head h2{margin-top:6px}.hx-count{border:1px solid #364544;border-radius:30px;padding:5px 11px;color:#aec2b8;font-size:11px;white-space:nowrap}.hx-reference-panel{border:1px dashed #465956;border-radius:12px;background:#182326;padding:14px;margin-bottom:23px}.hx-reference-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hx-reference-heading strong{font-size:12px}.hx-reference-heading p{font-size:11px;color:var(--hx-muted);margin-top:3px}.hx-reference-empty{display:grid;place-items:center;min-height:84px;margin:13px 0;background:#121b1e;border:1px solid #283638;border-radius:8px;color:var(--hx-subtle);font-size:11px}.hx-reference-view{margin:13px 0;display:flex;justify-content:center;align-items:center;max-height:280px;overflow:hidden;border-radius:9px;background:#121b1e}.hx-reference-view img{max-height:280px;max-width:100%;object-fit:contain;display:block}.hx-upload{cursor:pointer;width:100%}.hx-workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:660;margin-bottom:12px}.hx-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;align-items:start}.hx-empty{min-height:255px;grid-column:1/-1;border:1px dashed #354747;border-radius:14px;background:linear-gradient(150deg,#152022,#11191b);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}.hx-empty span{font-size:39px;color:#648579;line-height:1;margin-bottom:17px}.hx-empty h3{color:#dfe8df}.hx-empty p{max-width:255px;font-size:11px;color:var(--hx-muted);margin-top:9px}.hx-card{background:#1b2528;border:1px solid #314143;border-radius:13px;overflow:hidden;min-width:0;box-shadow:0 4px 22px rgba(0,0,0,.12)}.hx-card[data-status="approved"]{border-color:#678f77}.hx-card-visual{background:repeating-conic-gradient(#242f31 0 25%,#1e292b 0 50%) 50%/20px 20px;min-height:250px;max-height:450px;display:grid;place-items:center;overflow:hidden}.hx-visual{width:100%;min-height:250px;display:grid;place-items:center;overflow:hidden}.hx-visual>*{max-width:100%}.hx-visual img,.hx-visual canvas{width:100%;height:auto;object-fit:contain;display:block}.hx-visual iframe,.hx-visual object,.hx-visual embed{width:100%;min-height:350px;border:0}.hx-visual-fallback{padding:30px 15px;background:linear-gradient(130deg,#20302e,#1a2327);display:flex;flex-direction:column;justify-content:center;text-align:center;color:#b7c9bf}.hx-fallback-sign{font-size:42px;color:#95b8a0}.hx-visual-fallback strong{font-size:14px}.hx-visual-fallback p{font-size:11px;color:var(--hx-muted);margin-top:8px;max-width:220px}.hx-card-info{padding:12px 12px 8px}.hx-card-title{display:flex;justify-content:space-between;align-items:center;gap:5px}.hx-card-title strong{font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-status{font-size:10px;color:#b1c6b7;border:1px solid #39524a;border-radius:50px;padding:1px 7px;text-transform:capitalize}.hx-card[data-status="approved"] .hx-status{color:#d6ead9;background:#294739}.hx-card-meta{font-size:10px;color:var(--hx-subtle);margin-top:6px}.hx-card-actions{padding:0 12px 12px;display:flex;gap:5px;flex-wrap:wrap}.hx-card-actions .hx-button{padding:4px 7px;min-height:27px}.hx-has-expanded::before{content:'';position:fixed;inset:0;background:#080d0dbd;z-index:70}.hx-card.hx-expanded{position:fixed;z-index:80;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,90vw);max-height:90vh;overflow:auto;box-shadow:0 18px 65px #0009}.hx-card.hx-expanded .hx-card-visual{max-height:75vh}.hx-card.hx-expanded .hx-visual{min-height:300px}.hx-card.hx-expanded .hx-visual iframe{min-height:480px}.hx-recipes{border-top:1px solid var(--hx-border-soft);margin-top:26px;padding-top:18px}.hx-recipes-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hx-recipes-head strong{font-size:13px}.hx-recipe-list{margin-top:12px;display:grid;gap:7px}.hx-recipe{border:1px solid #2c3a3d;background:#192326;border-radius:9px;display:flex;justify-content:space-between;gap:7px;align-items:center;padding:10px}.hx-recipe strong,.hx-recipe small{display:block}.hx-recipe strong{font-size:11px;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-recipe small{color:var(--hx-subtle);font-size:10px;margin-top:2px}.hx-recipe-actions{display:flex;gap:5px}.hx-recipes-footer{margin-top:11px}.hx-disclaimer{font-size:10px;color:#738884;margin-top:20px;line-height:1.55}.hx-toast{position:fixed;bottom:22px;right:20px;z-index:100;max-width:min(440px,90vw);background:#314641;color:#f2f8f4;border:1px solid #648473;padding:12px 16px;border-radius:10px;font-size:12px;box-shadow:0 12px 35px #0007;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .16s,transform .16s}.hx-toast.visible{opacity:1;transform:translateY(0)}.hx-toast[data-tone="warn"]{background:#493d2a;border-color:#806b45;color:#f4e6c9}.hx-toast[data-tone="error"]{background:#49302e;border-color:#815453;color:#f8d5d2}
@media(max-width:1190px){.hx-layout{grid-template-columns:145px minmax(335px,400px) minmax(290px,1fr)}.hx-nav{padding:20px 8px}.hx-category{padding:10px 7px;gap:7px}.hx-builder,.hx-workspace{padding:24px 17px}.hx-gallery{grid-template-columns:1fr}}
@media(max-width:900px){.hx-layout{grid-template-columns:135px minmax(0,1fr)}.hx-nav{grid-row:1/3}.hx-builder{border-right:0}.hx-workspace{grid-column:2;border-top:1px solid var(--hx-border-soft)}.hx-gallery{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}
@media(max-width:600px){.hx-header{padding:15px 14px;gap:8px}.hx-brand{gap:10px}.hx-brandmark{width:39px;height:39px;font-size:29px}h1{font-size:18px}.hx-header-right{gap:7px}.hx-engine{display:none}.hx-layout{display:block}.hx-nav{padding:9px 12px 8px;border-right:0;border-bottom:1px solid var(--hx-border-soft)}.hx-sidehead,.hx-navnote{display:none}#hx-categories{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}.hx-category{width:auto;min-width:max-content;margin-bottom:0;padding:8px 9px}.hx-category-icon{min-width:24px;height:24px}.hx-builder,.hx-workspace{padding:22px 15px}.hx-pair{grid-template-columns:1fr 1fr}.hx-gallery{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.hx-card-visual,.hx-visual{min-height:210px}.hx-card-actions{padding:0 7px 9px}.hx-card-info{padding:10px 7px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}