.animation-lab{color:var(--fg);border-top:1px solid #353a33;margin-top:48px;padding-top:34px}.preset-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.preset-eyebrow{letter-spacing:2px;color:#a6ae9d;font-size:10px}.preset-heading h2{letter-spacing:-.8px;margin:8px 0 10px;font-size:30px;font-weight:500}.preset-heading p{color:#a9afa4;margin:0;font-size:13px}.preset-count{color:#a9afa4;font-size:11px}.preset-layout{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);align-items:start;gap:25px;display:grid}.preset-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.animation-lab button{cursor:pointer;font-family:inherit;transition:border-color .16s,background .16s,transform .16s}.preset-filters button,.preset-uses button{color:#d1d7cb;background:#181b17;border:1px solid #40463c;border-radius:5px;padding:11px 18px;font-size:12px}.preset-filters button[aria-pressed=true]{background:var(--accent);color:#17200e;border-color:var(--accent)}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;display:grid}.preset-card{text-align:left;min-width:0;color:var(--fg);background:#181b17;border:1px solid #30372c;border-radius:7px;padding:0 0 10px;overflow:hidden}.preset-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preset-art{aspect-ratio:4/3;background-color:#30382b;background-image:url(/images/animation-preset-atlas.png);background-size:400% 300%;transition:filter .2s;display:block}.preset-card:hover .preset-art{filter:brightness(1.12)}.preset-card:hover{border-color:#a1af8d;transform:translateY(-3px)}.preset-card-title{justify-content:space-between;align-items:center;gap:3px;padding:10px 9px 3px;font-size:12px;display:flex}.preset-check{background:var(--accent);color:#15200e;text-align:center;border-radius:50%;flex-shrink:0;width:16px;height:16px;font-size:11px}.preset-english{color:#9da694;letter-spacing:.2px;margin:0;font-size:10px}.preset-card>.preset-english{padding:0 9px;display:block}.preset-footnote{color:#9aa391;margin:15px 0;font-size:10px;line-height:1.7}.preset-workbench{background:linear-gradient(130deg,#1b1e18,#141713);border:1px solid #363e2f;border-radius:8px;padding:23px;position:sticky;top:24px}.preset-workbench section+section{border-top:1px solid #353c2f;margin-top:22px;padding-top:22px}.preset-step{color:#e3e7df;font-size:14px}.preset-workbench h3{margin:17px 0 7px;font-size:21px;font-weight:500}.preset-tags{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.preset-tags span{color:#bcc6b1;border:1px solid #414a38;border-radius:4px;padding:6px 9px;font-size:10px}.strength-label{justify-content:space-between;margin:23px 0 13px;font-size:12px;display:flex}.strength-label output{color:var(--accent);font-variant-numeric:tabular-nums}.preset-workbench input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:23px;margin:0}.strength-ends{color:#9aa391;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.preset-workbench .preset-footnote{margin:7px 0 18px}.use-label{font-size:12px}.preset-uses{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preset-uses button{padding:10px 4px}.preset-uses button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.preset-output-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.preset-output-head>span+span{color:var(--accent);font-size:10px}.preset-prompt{color:#dce2d6;-webkit-user-select:text;user-select:text;margin:18px 0;font-size:13px;line-height:2.05}.preset-copy{background:var(--accent);color:#1c280e;border:0;border-radius:5px;width:100%;padding:13px;font-size:13px;font-weight:600}.preset-copy:hover{background:#e7ffbd}.preset-status{color:var(--accent);min-height:15px;margin-bottom:0;font-size:11px}.animation-lab button:focus-visible,.animation-lab input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (min-width:1450px){.preset-card-title{font-size:14px}.preset-art{aspect-ratio:1.4}}@media (max-width:1050px){.preset-layout{grid-template-columns:1.4fr 1fr}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.preset-layout{grid-template-columns:1fr}.preset-workbench{position:static}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-count{display:none}.preset-heading h2{font-size:26px}}@media (max-width:480px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-filters{gap:6px}.preset-filters button{padding:9px 10px;font-size:11px}.preset-workbench{padding:18px}.animation-lab{margin-top:32px}.preset-heading p{line-height:1.8}}@media (prefers-reduced-motion:reduce){.animation-lab button,.preset-art{transition:none}.preset-card:hover{transform:none}}.preset-art{aspect-ratio:1.65;background-image:url(/images/animation-user-reference.png)}.preset-card{isolation:isolate;position:relative}.preset-card:after{content:"";pointer-events:none;background:radial-gradient(250px circle at var(--px,50%) var(--py,50%),#dcff9a22,transparent 65%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.preset-card:hover:after{opacity:1}.preset-card[aria-pressed=true]{box-shadow:0 0 0 1px var(--accent),0 7px 28px #b5e66a14}.preset-explanation{color:#b3beaa;margin:15px 0;font-size:12px;line-height:1.9}.preset-prompt{animation:.25s ease-out prompt-arrive}.preset-filters button:hover,.preset-uses button:hover{border-color:#c4dcaa}.preset-copy:active{transform:scale(.985)}@keyframes prompt-arrive{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.preset-prompt{animation:none}.preset-copy:active{transform:none}}
.page:has(.style-studio)>.text-link{color:var(--muted);font-size:10px}.page:has(.style-studio) .tool-heading .eyebrow{letter-spacing:2px;margin-bottom:12px}.page:has(.style-studio) h1{margin:8px 0 12px;font-size:42px}.page:has(.style-studio) .tool-heading .intro{max-width:none;margin:0;font-size:14px}.style-studio{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);align-items:start;gap:18px;display:grid}.studio-controls,.studio-result{background:linear-gradient(135deg,#171a18,#131514);border:1px solid #343735;border-radius:10px;overflow:hidden}.studio-panel-head{border-bottom:1px solid #2e322f;justify-content:space-between;align-items:center;gap:15px;padding:25px 24px;display:flex}.studio-panel-head h2{letter-spacing:0;margin:0;font-size:19px;font-weight:500}.studio-panel-head h2>span{margin-right:12px;font-size:14px;font-weight:400}.micro-label{letter-spacing:2px;color:#969c97;font-size:9px}.studio-fields{padding:0 20px 20px}.studio-row{border:0;border-bottom:1px solid #2e322f;grid-template-columns:65px minmax(0,1fr);min-width:0;margin:0;padding:20px 0;display:grid}.studio-row legend{float:left;width:65px;padding:10px 0;font-size:13px}.studio-row legend>span{margin-right:9px}.studio-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.studio-options button{cursor:pointer;color:#d8dcd7;text-align:left;min-width:0;font:12px/1.4 inherit;position:relative}.visual-option{background:0 0;border:0;padding:0}.style-thumb{aspect-ratio:1.14;outline-offset:-1px;background-image:url(/images/style-design-reference.png);background-position:10.25% 35.35%;background-size:813% 636%;border-radius:7px;outline:1px solid #454a43;width:100%;display:block}.thumb-1{background-position:25.3% 35.35%}.thumb-2{background-position:40.4% 35.35%}.thumb-3{background-position:55.5% 35.35%}.visual-option .option-label{margin-top:12px;font-size:12px;display:block}.visual-option[aria-pressed=true] .style-thumb{outline:2px solid var(--accent)}.visual-option[aria-pressed=true] .option-label{color:var(--accent)}.choice-option{background:linear-gradient(135deg,#1d211e,#161917);border:1px solid #3b413b;border-radius:7px;min-height:53px;padding:14px 13px}.choice-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px #d5f78a22}.choice-check{background:var(--accent);color:#1c2815;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;display:grid;position:absolute;top:8px;right:8px}.choice-option:has(.choice-check){padding-right:28px}.palette{background:linear-gradient(90deg,#ada99a 25%,#d0cdc1 25% 50%,#7b7b76 50% 75%,#795e5e 75%);border-radius:2px;width:85%;height:17px;margin-bottom:10px;display:block}.palette-1{background:linear-gradient(90deg,#285d9a 25%,#377c80 25% 50%,#f3bb53 50% 75%,#dc625d 75%)}.palette-2{background:linear-gradient(90deg,#90b4df 25%,#a5b2c8 25% 50%,#d2b47e 50% 75%,#cd8f6e 75%)}.palette-3{background:linear-gradient(90deg,#e6e6e6 25%,#b1b1b1 25% 50%,#747474 50% 75%,#363636 75%)}.generate-style{background:var(--accent);color:#15200d;cursor:pointer;border:0;border-radius:7px;width:100%;margin-top:19px;padding:16px;font-size:15px;font-weight:600}.generate-style:hover{background:#e3ffad}.studio-result{position:sticky;top:20px}.studio-result .studio-panel-head{border-bottom:0}.result-body{padding:0 25px}.selected-label{margin:10px 0 14px;font-size:13px}.studio-result .selection-tags{gap:7px}.studio-result .selection-tags span{color:#d1d5d0;background:0 0;border:1px solid #3b413b;padding:9px 10px;font-size:11px}.result-copy{border-top:1px solid #343a34;min-height:180px;margin-top:26px;padding-top:15px}.result-copy p{font-size:16px;line-height:1.95}.result-copy .pending-result{color:var(--muted);font-size:14px}.copy-style{color:var(--fg);cursor:pointer;background:0 0;border:1px solid #d9ddd7;border-radius:7px;padding:13px 25px;font-size:13px}.studio-result .selector-caption{margin:17px 0 0;font-size:10px}.studio-notice{color:var(--accent);min-height:16px;margin:10px 0;font-size:11px}.result-art{background-image:url(/images/style-design-reference.png);background-position:97% 88%;background-size:300% 320%;height:260px;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 15%);mask-image:linear-gradient(#0000,#000 15%)}.result-art span{text-align:center;color:#c5c8c0;background:#252825;padding:8px;font-size:10px;position:absolute;bottom:15px;left:0;right:0}.studio-options button:hover{filter:brightness(1.14)}@media (max-width:1100px){.style-studio{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.studio-options{gap:8px}.studio-row{grid-template-columns:50px minmax(0,1fr)}.studio-row legend{width:50px;font-size:12px}.studio-row legend>span{display:none}.choice-option{padding:12px 8px;font-size:11px}.studio-panel-head{padding:22px 18px}.studio-panel-head h2{font-size:17px}.micro-label{display:none}}@media (max-width:850px){.style-studio{grid-template-columns:1fr}.studio-result{position:static}.result-art{background-position:97% 87%;background-size:300% 440%;height:240px}.studio-row{grid-template-columns:60px minmax(0,1fr)}.result-copy{min-height:0;padding-bottom:15px}}@media (max-width:500px){.studio-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-row{display:block}.studio-row legend{float:none;width:auto;padding:0 0 15px}.studio-row legend>span{display:inline}.studio-fields{padding:0 16px 16px}.page:has(.style-studio) h1{font-size:34px}.studio-panel-head h2>span{margin-right:7px}.choice-option{min-height:49px;font-size:12px}}.result-art{background-position:96% 90%;background-size:315%;-webkit-mask-image:linear-gradient(#0000,#000 18% 88%,#0000);mask-image:linear-gradient(#0000,#000 18% 88%,#0000)}.result-art span{background:#191c19;padding:12px;bottom:0}.page:has(.style-studio)>.text-link{display:none}.page:has(.style-studio){padding:30px 2.6% 40px}.page:has(.style-studio) .tool-heading{margin:0 10px 24px}body:has(.style-studio)>header{height:65px;margin:0 3.5%}body:has(.style-studio) .brand{font-family:Georgia,serif}body:has(.style-studio)>footer{padding:22px 0}.studio-options button{font-family:inherit;font-size:13px}.result-art{background-position:97% 95%;background-size:300%;height:320px;-webkit-mask-image:linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(#0000,#000 8% 90%,#0000)}.studio-row{padding-top:15px;padding-bottom:15px}.studio-panel-head{padding-top:21px;padding-bottom:21px}.page:has(.style-studio) .tool-heading{margin-bottom:20px}.page:has(.style-studio){padding-top:23px}.studio-options .thumb-1{background-position:25.3% 35.7%;background-size:850% 665%}.dimension-studio{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px}.upload-panel{margin-bottom:22px}.dimension-upload{cursor:pointer;background:#1a1f18;border:1px dashed #52604a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:240px;margin:22px;display:flex;position:relative}.dimension-upload input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.dimension-upload:focus-within{outline:2px solid var(--accent)}.upload-plus{color:var(--accent);font-size:40px}.dimension-upload strong{font-size:15px;font-weight:400}.dimension-upload small,.local-note{color:var(--muted);font-size:11px}.local-note{text-align:center;padding:0 16px 14px;line-height:1.8}.reference-preview{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:240px}.count-label{color:var(--accent);font-size:12px}.dimension-inner{padding:22px}.mode-banner{background:#222b1e;border:1px solid #3e4c32;border-radius:8px;padding:17px 20px}.mode-banner b{color:var(--accent);font-size:14px;font-weight:500}.mode-banner p{color:#bac3b3;margin:9px 0;font-size:12px;line-height:1.8}.mode-banner small{color:#87947e;font-size:10px}.dimension-section-title{justify-content:space-between;align-items:center;margin:25px 0 15px;display:flex}.dimension-section-title h3{font-size:15px;font-weight:500}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.dimension-card{background:#171b17;border:1px solid #343d32;border-radius:8px;overflow:hidden}.dimension-card.is-selected{border-color:var(--accent)}.dimension-toggle{color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:12px;width:100%;padding:12px;display:flex}.dimension-image{color:#707d67;background:linear-gradient(120deg,#22281f,#191d18);border:1px dashed #394336;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100px;display:flex}.dimension-image>span{font-size:25px}.dimension-image small{font-size:10px}.dimension-name{justify-content:space-between;align-items:center;width:100%;font-size:14px;display:flex}.dimension-check{color:var(--accent);font-size:17px}.dimension-hint{color:#959e91;font-size:11px}.dimension-detail{border-top:1px solid #2b3329;margin:0;padding:10px 12px}.dimension-detail summary{font-size:10px}.dimension-detail p{color:var(--muted);font-size:11px;line-height:1.7}.focus-section strong{margin:15px 0 9px;font-size:11px;font-weight:400;display:block}.focus-section>div{flex-wrap:wrap;gap:6px;display:flex}.focus-section button{color:#acb5a6;cursor:pointer;background:#22291f;border:1px solid #3a4533;border-radius:4px;padding:6px 8px;font-size:10px}.focus-section button[aria-pressed=true]{color:#172111;background:var(--accent)}.more-dimensions{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--fg);cursor:pointer;background:0 0;justify-content:space-between;margin:16px 0;padding:17px 0;font-size:13px;display:flex}.more-dimensions span{color:var(--muted);font-size:11px}.dimension-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:11px;display:flex}.report-tabs{border-bottom:1px solid var(--line);gap:20px;margin-top:25px;display:flex}.report-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 0;font-size:12px}.report-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--fg)}.report-empty{min-height:240px;padding:35px 0}.report-empty>span{color:#7c8d6d;font-size:40px}.report-empty h3{margin:18px 0;font-size:16px;font-weight:400}.report-empty p{color:var(--muted);font-size:12px;line-height:1.9}.report-empty small{color:#a5b097;font-size:10px}.report-image-slot{color:#7e8a74;border:1px dashed #3d4738;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:145px;margin:25px 0;font-size:12px;display:flex}.report-image-slot small{font-size:10px}.dimension-notice{color:var(--accent);min-height:20px;padding:0 25px 20px;font-size:12px;line-height:1.8}@media (max-width:850px){.dimension-studio{grid-template-columns:1fr}.dimension-result{position:static}}@media (max-width:480px){.dimension-inner{padding:15px}.dimension-grid{gap:10px}.dimension-toggle{padding:10px}.dimension-name{font-size:12px}.dimension-hint{font-size:10px}.dimension-image{height:80px}.dimension-upload{margin:15px}.dimension-bottom{flex-wrap:wrap}}.design-studio{grid-template-columns:minmax(0,2.05fr) minmax(300px,1fr)}.design-actions{align-items:center;gap:12px;font-size:12px;display:flex}.design-actions button{color:var(--fg);cursor:pointer;background:0 0;border:1px solid #41483d;border-radius:6px;padding:10px 13px}.design-actions>span{color:var(--accent)}.design-row{border-bottom:1px solid #343a31;grid-template-columns:195px minmax(0,1fr);gap:15px;padding:16px 0;display:grid}.design-label>div{align-items:center;gap:9px;margin:7px 0 12px;display:flex}.design-label b{font-size:12px;font-weight:400}.design-label h3{flex:1;margin:0;font-size:13px}.dimension-switch{cursor:pointer;background:#41453f;border:1px solid #9a9f94;border-radius:20px;flex-shrink:0;width:36px;height:21px;padding:3px}.dimension-switch>span{background:#bec3b8;border-radius:50%;width:13px;height:13px;transition:transform .15s;display:block}.dimension-switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.dimension-switch[aria-checked=true]>span{background:#1b2710;transform:translate(14px)}.row-link{color:#a3ad9c;cursor:pointer;background:0 0;border:0;padding:4px 0 4px 23px;font-size:11px;display:block}.muted .design-choices{opacity:.5}.design-choices{min-width:0}.design-sub{border:1px solid #353f30;border-radius:6px;margin-top:12px;padding:12px}.sub-tabs{border-bottom:1px solid #30372c;flex-wrap:wrap;gap:18px;display:flex}.sub-tabs button{color:#b1baa9;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 10px;font-size:11px}.sub-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.sub-tags{flex-wrap:wrap;gap:8px;padding-top:11px;display:flex}.sub-tags button{min-width:70px;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #414a3c;border-radius:5px;flex:1;padding:10px;font-size:12px}.sub-tags button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.inline-example{border:1px solid #3b4236;border-radius:6px;grid-template-columns:56% 44%;margin-top:12px;display:grid;overflow:hidden}.matte-example{background-image:url(/images/style-example-reference.png);background-position:26% 74.3%;background-size:416% 850%;min-height:145px}.inline-example>div+div{padding:14px;position:relative}.inline-example small{color:#8c9683;letter-spacing:1px;font-size:9px}.inline-example h4{margin:12px 0;font-size:15px;font-weight:500}.inline-example p{margin:0 0 10px;font-size:11px;line-height:1.8}.example-close{float:right;color:#9ca692;cursor:pointer;background:0 0;border:0;font-size:9px}.advanced-summary,.selection-help{color:#a3ad9b;font-size:11px;line-height:1.8}.design-studio .more-dimensions{border:1px dashed #424c39;border-radius:5px;margin:12px 0 6px;padding:12px}.design-studio .generate-style{margin-top:4px}.design-studio .selection-tags button{color:#d4dbce;cursor:pointer;background:0 0;border:1px solid #414a39;border-radius:4px;padding:9px 11px;font-size:11px}.design-studio .result-copy{min-height:150px}.design-studio .studio-result{padding-bottom:10px}@media (max-width:1200px){.design-label h3{font-size:12px}.design-row{grid-template-columns:165px minmax(0,1fr)}.design-actions{gap:6px}.design-actions button{padding:8px;font-size:10px}}@media (max-width:1000px){.design-studio{grid-template-columns:1fr}.design-studio .studio-result{position:static}}@media (max-width:600px){.design-row{display:block}.design-label>div{max-width:230px}.row-link{margin-bottom:10px;display:inline-block}.design-actions{flex-wrap:wrap;justify-content:flex-end}.design-studio .studio-panel-head{align-items:start}.inline-example{grid-template-columns:1fr}.matte-example{height:180px}.studio-panel-head h2{white-space:nowrap}}.advanced-tiles{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.advanced-tiles button{color:#cbd2c4;text-align:left;cursor:pointer;background:#181c17;border:1px solid #3b4335;border-radius:5px;align-items:center;gap:10px;padding:12px;font:12px inherit;display:flex}.advanced-tiles button>span:last-child{margin-left:auto}.advanced-tiles button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.mini-switch{background:#454b40;border-radius:12px;flex-shrink:0;width:26px;height:15px;display:block;position:relative}.mini-switch:after{content:"";background:#b3bba9;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:3px}.advanced-tiles [aria-pressed=true] .mini-switch{background:var(--accent)}.advanced-tiles [aria-pressed=true] .mini-switch:after{background:#243018;left:14px}.animation-lab .preset-heading{border:0;height:auto;margin:0 0 25px;padding:0;position:static}.design-studio .studio-result{align-self:start}@media (max-width:480px){.advanced-tiles button{padding:11px 8px;font-size:11px}}.design-studio .more-dimensions{letter-spacing:.3px;background:linear-gradient(110deg,#28341f,#171d15);border-style:solid;border-color:#536641;padding:18px 16px;transition:background .2s,box-shadow .2s}.design-studio .more-dimensions:hover{background:linear-gradient(110deg,#354727,#1b2417);box-shadow:0 0 22px #b5e66a12}.more-dimensions>span{color:var(--accent);font-size:20px;transition:transform .2s}.more-dimensions[aria-expanded=true]>span{transform:rotate(180deg)}.advanced-tiles{animation:.24s ease-out dimension-arrive}.advanced-tiles button{min-height:50px;font-family:inherit;transition:transform .2s,border-color .2s,background .2s}.advanced-tiles button:hover{background:#242e1d;border-color:#859c6b;transform:translate(3px)}.advanced-tiles button[aria-pressed=true]{box-shadow:inset 3px 0 0 var(--accent);background:#29361e}.advanced-tiles button>span:last-child{transition:transform .2s}.advanced-tiles button[aria-pressed=true]>span:last-child{transform:rotate(90deg)}.design-sub{background:#12170f;animation:.22s ease-out dimension-arrive}.sub-tabs button{padding:8px 0 10px}.sub-tags button{transition:background .16s,transform .16s,border-color .16s}.sub-tags button:hover{background:#2c3823;border-color:#9cad89;transform:translateY(-2px)}.sub-tags button[aria-pressed=true]{background:#354627;box-shadow:inset 0 0 0 1px #b7d79044}.choice-option,.visual-option{transition:transform .18s,box-shadow .18s}.choice-option:hover,.visual-option:hover{transform:translateY(-3px)}.design-row.enabled{animation:.2s ease-out dimension-arrive}.design-label .dimension-switch{transition:background .2s,box-shadow .2s}.dimension-switch:hover{box-shadow:0 0 0 4px #caed9420}.generate-style{transition:box-shadow .2s,transform .2s}.generate-style:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2ec7d25}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes dimension-arrive{0%{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.advanced-tiles,.design-sub,.design-row.enabled{animation:none}.advanced-tiles button,.sub-tags button,.choice-option,.visual-option,.generate-style{transition:none;transform:none!important}}.art-carousel{min-width:0}.art-carousel-bar{color:#a7b29c;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:11px;display:flex}.art-carousel-bar>div{gap:6px;display:flex}.art-carousel-bar button{width:32px;height:29px;color:var(--accent);cursor:pointer;background:#20291a;border:1px solid #47533c;border-radius:5px}.art-carousel-bar button:hover{background:#36472a}.art-carousel-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#829662 #20271b;gap:12px;padding:3px 2px 12px;display:flex;overflow-x:auto}.art-style-card{scroll-snap-align:start;min-width:0;color:var(--fg);text-align:left;cursor:pointer;background:#1a2016;border:1px solid #3c4733;border-radius:7px;flex:0 0 190px;padding:0;transition:border-color .18s,background .18s;overflow:hidden}.art-style-card:hover{background:#26331e;border-color:#a9c48b}.art-style-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.art-style-image{aspect-ratio:1.5;background-image:url(/images/art-styles-reference.png);background-repeat:no-repeat;display:block}.art-style-name{align-items:center;gap:8px;padding:12px 10px;font-size:12px;display:flex}.art-style-name small{color:#8e9e80;font-size:10px}.art-style-name b{color:var(--accent);margin-left:auto}@media (max-width:600px){.art-style-card{flex-basis:165px}.art-carousel-bar{margin-top:8px}}@media (prefers-reduced-motion:reduce){.art-style-card{transition:none}}