/* Instrument Sans is open-source under SIL OFL. See assets/fonts/OFL-InstrumentSans.txt. */
@font-face{font-family:'Instrument Sans';src:url('/assets/fonts/InstrumentSans-VF.woff2') format('woff2');font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap}
:root{--ink:#f0f0e8;--muted:#a5a69c;--yellow:#eef644;--blue:#eef644;--panel:#1b1c19;--border:#383a32;color-scheme:dark;background:#111211;color:var(--ink);font-family:'Instrument Sans',Arial,sans-serif}
body{background:#111211;color:var(--ink);font-family:'Instrument Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}h1,h2,h3,.logo{color:var(--ink);font-weight:500}p,small{color:var(--muted)}::selection{background:var(--yellow);color:#111211}a,button,input,select,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--yellow)}.logo{font-weight:700;letter-spacing:-1.8px;text-transform:uppercase;font-size:27px}.brand-dot{width:6px;height:6px;background:var(--yellow);box-shadow:none;border-radius:0;margin-left:3px}.eyebrow,.feature-kicker{font-size:11px;letter-spacing:1.6px;font-weight:500;color:var(--muted);text-transform:uppercase}.btn{border-radius:100px;background:transparent;border:1px solid #4a4c42;color:var(--ink);box-shadow:none;letter-spacing:.45px;font-weight:500}.btn:hover{background:#2a2b2a;border-color:#737473;box-shadow:none}.btn.primary,.btn.active,.toolbar .btn.primary,.flow-top .btn.primary{background:var(--yellow);border-color:var(--yellow);color:#111211;box-shadow:none}.btn.primary:hover,.toolbar .btn.primary:hover{background:#f7ff7b;border-color:#f7ff7b}.btn.subtle{background:#272827;color:var(--ink)}.btn.danger{background:#2e2f2e;border-color:#754233;color:#ffb9a5}.text-link,.text-link:hover{color:var(--yellow)}.local-label,.hint{color:var(--muted)}.local-label i,.canvas-status i{background:var(--yellow);box-shadow:none}
/* A quiet, compact navigation above an oversized typographic signature. */
.site-header{position:relative;top:auto;left:auto;transform:none;max-width:none;width:calc(100% - 64px);height:78px;margin:0 32px;padding:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;display:flex;justify-content:space-between}.site-header>.logo{display:none}.site-header nav{gap:7px;margin:0}.site-header nav a,.site-header .btn{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;padding:9px 17px;border:1px solid #4a4c42;border-radius:100px;color:var(--ink);font-weight:500}.site-header nav a:hover{background:var(--ink);color:#111211}.site-header .btn.primary{background:var(--yellow);border-color:var(--yellow);color:#111211}.site-header .header-right{gap:22px}.nav-library{color:var(--ink)}
.editorial-home{padding:0 32px;max-width:1800px;margin:auto}.brand-intro{padding:23px 0 29px}.brand-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.mega-wordmark{font-size:clamp(105px,25.2vw,435px);line-height:.79;font-weight:700;letter-spacing:-.065em;margin:28px 0 0;position:relative;display:flex;align-items:flex-start;justify-content:space-between}.wordmark-period{font-size:.115em;font-weight:400;letter-spacing:0;margin-top:.15em;margin-left:.2em}.editorial-reel{height:clamp(400px,47vw,760px);position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:8px;border-radius:15px;overflow:hidden}.editorial-reel>button{position:relative;border:0;padding:0;overflow:hidden;cursor:pointer;background:#252623;text-align:left}.editorial-reel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.editorial-reel .reel-main img{object-position:center 36%}.editorial-reel .reel-side img{object-position:center 35%}.editorial-reel button:hover img{transform:scale(1.03)}.reel-label{position:absolute;bottom:0;left:0;right:0;padding:50px 24px 22px;background:linear-gradient(transparent,#0009);display:flex;justify-content:space-between;color:white;font-size:11px;letter-spacing:1px;text-transform:uppercase;gap:12px}.reel-stamp{position:absolute;top:26px;left:26px;color:var(--yellow);font-size:clamp(22px,3vw,48px);letter-spacing:-1.5px;line-height:.95;font-weight:600;pointer-events:none}.editorial-statement{padding:112px 0 116px;display:grid;grid-template-columns:1fr 2.25fr;gap:30px}.editorial-statement>.eyebrow{padding-top:12px}.editorial-statement h2{font-size:clamp(40px,5.4vw,84px);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin:0}.editorial-statement h2 span{color:var(--yellow)}.statement-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:32px}.statement-bottom p{font-size:16px;line-height:1.55;margin:0}.statement-bottom .btn{white-space:nowrap;padding:13px 20px;font-size:12px;text-transform:uppercase}.editorial-section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;border-top:1px solid var(--border)}.editorial-section-head h2{font-weight:400;font-size:26px;letter-spacing:-.8px}.editorial-section-head h2 span{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:14px}.editorial-section-head .btn{font-size:11px;text-transform:uppercase;padding:10px 18px}.editorial-studies .gallery-grid{grid-template-columns:1fr 1fr;gap:48px 20px}.editorial-studies .look-image{aspect-ratio:4/5}.editorial-studies .look-image img{width:100%;height:100%;object-fit:cover}.editorial-studies .look-card:nth-child(even){padding-top:105px}.editorial-studies .look-caption h3{font-size:25px;font-weight:400;letter-spacing:-.6px}.editorial-studies .look-card>p{font-size:14px}.editorial-tools{margin:110px 0}.editorial-tools .editorial-section-head{align-items:flex-start}.editorial-tools .editorial-section-head p{font-size:23px;line-height:1.2;color:var(--ink);margin:0;width:49%}.editorial-tool{display:grid;grid-template-columns:.3fr 1fr 1.1fr 60px;gap:20px;align-items:center;padding:38px 0;border-bottom:1px solid var(--border)}.tool-number{color:var(--muted);font-size:12px}.editorial-tool h3{font-size:clamp(38px,5.5vw,80px);letter-spacing:-.05em;font-weight:400;margin:0}.editorial-tool p{font-size:16px;line-height:1.5;max-width:390px;margin:0}.tool-arrow{font-size:40px;text-align:right;color:var(--yellow)}.editorial-tool:hover h3{color:var(--yellow)}.editorial-export{background:var(--yellow);color:#131413;border-radius:15px;padding:44px;margin-bottom:100px}.editorial-export .eyebrow,.editorial-export p{color:#3b3c3b}.editorial-export h2{font-size:clamp(40px,5.8vw,85px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:38px 0 45px;color:#131413}.export-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.export-bottom p{font-size:15px;line-height:1.55;margin:0}.format-pills{display:flex;flex-wrap:wrap;gap:6px}.format-pills span{font-size:10px;letter-spacing:1px;border:1px solid #4c4d4c;padding:9px 14px;border-radius:100px;white-space:nowrap}.editorial-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:15px 0 100px}.editorial-faq h2{font-size:45px;font-weight:400;letter-spacing:-1.7px;line-height:1.05;margin:0}.editorial-faq details{border-top:1px solid var(--border);padding:22px 0}.editorial-faq summary{display:flex;justify-content:space-between;font-size:17px;cursor:pointer;gap:15px;list-style:none}.editorial-faq summary::-webkit-details-marker{display:none}.editorial-faq summary span{color:var(--yellow)}.editorial-faq details[open] summary span{transform:rotate(45deg)}.editorial-faq p{font-size:15px;line-height:1.6;max-width:520px;margin:18px 0 0}.editorial-cta{border-top:1px solid var(--border);padding:30px 0 80px}.editorial-cta>a{display:block;position:relative;font-size:clamp(47px,8vw,126px);line-height:.98;letter-spacing:-.055em;padding-top:40px;color:var(--ink)}.editorial-cta>a span{color:var(--yellow)}.editorial-cta i{position:absolute;right:0;top:45px;font-size:.95em;font-style:normal;font-weight:400}.editorial-footer{padding:30px 32px;margin:0;max-width:none;border-top:1px solid var(--border);background:#111211}.editorial-footer nav a{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--ink)}.editorial-footer a:hover{color:var(--yellow)}
/* Shared application surfaces. Artwork retains its own palette. */
.sidebar,.sidebar.collapsed{background:#141514;border-color:var(--border);backdrop-filter:none;box-shadow:none}.sidebar .logo{font-size:30px;letter-spacing:-1.8px}.nav-section>label{font-size:10px;letter-spacing:1.5px;color:#85887c}.nav-link{color:#b6b9ad;font-weight:400;border-radius:6px}.nav-link:hover{background:#232423;color:var(--ink)}.nav-link.active,.sidebar .nav-link.active{background:var(--yellow);color:#161716;border-color:var(--yellow);box-shadow:none}.nav-link.active .icon{color:inherit}.nav-link small{background:#2f302f;border-color:#444544;color:#b6b9ad}.nav-bottom .btn{color:#aeb1a4}.workspace{background:#111211;gap:10px}.panel{background:var(--panel);border-color:var(--border);border-radius:9px;box-shadow:none;backdrop-filter:none}.panel-heading{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink);border-bottom-color:var(--border);font-weight:500}.panel-heading .btn{background:transparent;border-color:#3a3b3a;color:#c4c8b8}.panel-scroll{scrollbar-color:#505150 transparent}.preset-group{border-bottom-color:var(--border)}.preset-group h3{color:#c0c3b6;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.preset{border-radius:5px;border-color:#484948;box-shadow:none}.preset.selected{outline-color:var(--yellow)}.preset:hover{border-color:var(--yellow)}.preset-off{background:var(--yellow);color:#111211}.nuevo-effect-tag{color:var(--yellow);border-color:#636463;border-radius:3px;font-size:8px;letter-spacing:.4px}.effect-tip{color:var(--muted)}.canvas-panel{background:#1f201f;border-color:var(--border)}.canvas-stage{background-color:#1f201f;background-image:radial-gradient(#61626140 .65px,transparent .65px)}.canvas-stage canvas{border-radius:3px;box-shadow:0 8px 28px #0004}.toolbar .btn{background:#232423;border-color:#464746;color:var(--ink);box-shadow:none}.toolbar .btn:hover{background:#323332}.toolbar .ratio-group{background:#121312;border-color:#343534;box-shadow:none}.ratio-group button{color:#a9af99}.ratio-group button.active{background:var(--yellow);color:#161716;box-shadow:none}.toolbar select{color:#d0d4c5}.canvas-status{color:#9fa68e}.photo-tools{background:#1c1d1c;border-color:var(--border)}.photo-tools>div:first-child,.photo-indicator{color:#c0c8a7}.generate-btn{background:#2c2d2c;border-color:#5c5d5c;color:var(--yellow)}.active-effects{background:#171817;border-color:#373837;border-radius:6px}.active-effects-heading,.active-effects>p{color:#aaabaa}.clear-effects{color:var(--yellow)}.effect-chips button{color:#dce5bf;background:#2d2e2d;border-color:#525352}.effect-chips button:hover{color:#111211;background:var(--yellow);border-color:var(--yellow)}.effect-chips button span{color:inherit}.props summary,.workspace .props summary{color:var(--ink);font-size:12px}.props details{border-bottom-color:var(--border)}.props summary>span{color:#aab099}.active-dot{background:var(--yellow)}.colors-label,.select-label,.workspace .props .select-label,.range-label,.workspace .props .range-label,.toggle-label{color:#b9bea9}.colors-label>span,.color-inputs small,.workspace .props .color-inputs small{color:#989998}.color-inputs input{border-color:#5c5d5c;background:#1d1e1d;box-shadow:none}.number{background:#242524;border-color:#424342;color:var(--ink);border-radius:4px}select{background:#282928;border-color:#484948;color:var(--ink);border-radius:5px}.range-label input[type=range]{background:#434443;accent-color:var(--yellow)}.range-label input[type=range]::-webkit-slider-thumb{background:var(--yellow);border-color:var(--yellow);box-shadow:none}.range-label input[type=range]::-moz-range-thumb{background:var(--yellow);border-color:var(--yellow)}.switch{background:#494a49}.switch:after{background:#c3cbb1}.switch:checked{background:var(--yellow)}.switch:checked:after{background:#1b1c1b}.upload{border-color:#555655;background:#242524;color:#c5d0b0;border-radius:7px}.upload:hover{background:#303130}.photo-upload strong{color:var(--ink)}.photo-file>span,.photo-divider,.blur-controls [data-blur-mode]>.hint,.finish-section .hint,.panel-footnote{color:#a2a3a2}.photo-drag{outline-color:var(--yellow);background-color:#eef64415}.layer-row{color:#c4ceaf;border-radius:6px}.layer-row.selected{background:#2f302f;border-color:#646564;box-shadow:none}.layer-row.drag-over{background:#eef64420;border-color:var(--yellow)}.drag-grip{color:#8e8f8e}.mini-btn{color:#acadac}.mini-btn:hover{color:var(--yellow)}
/* Collections and guides share the same editorial scale. */
.library-page{padding:54px 42px 80px;background:#111211}.library-heading{margin-bottom:40px}.library-heading h1{font-size:clamp(44px,6.3vw,100px);line-height:1;letter-spacing:-.055em;font-weight:400;color:var(--ink);margin-top:22px}.library-page .library-heading p{font-size:16px;line-height:1.5;color:var(--muted);max-width:540px}.gallery-tools{padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:35px}.filter-group .btn,.library-page .filter-group .btn{font-size:11px;padding:9px 15px;text-transform:uppercase;letter-spacing:.75px;color:#c1c6b2;border-color:#434443}.filter-group .btn.active{background:var(--yellow);color:#161716;border-color:var(--yellow);box-shadow:none}.gallery-tools input{background:transparent;border-color:#4a4b4a;color:var(--ink);border-radius:100px}.gallery-tools input::placeholder{color:#a1a2a1}.library-page .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.look-image{border:0;border-radius:9px;box-shadow:none;background:#242524}.library-page .look-image{aspect-ratio:4/5}.look-caption{padding-top:14px}.look-caption h3,.library-page .look-caption h3{font-size:24px;font-weight:400;letter-spacing:-.5px;color:var(--ink)}.look-caption>span{color:var(--yellow);font-size:25px}.look-card>p,.library-page .look-card>p{color:var(--muted);font-size:13px}.photo-origin{background:#111211cc;border-color:#999a9955;color:#e9f0d7;border-radius:4px;font-size:10px;text-transform:uppercase;letter-spacing:.7px;backdrop-filter:blur(10px)}.remix-pill{background:var(--yellow);color:#131413;border-color:var(--yellow);box-shadow:none;text-transform:uppercase;letter-spacing:.8px;font-size:10px}.empty-state h2{color:var(--ink)}.empty-state,.empty-state p{color:var(--muted)}.delete-saved{background:#242524;color:#dae6c1}.docs-page h1{font-size:clamp(42px,5.5vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.045em;color:var(--ink)}.docs-page h2{font-weight:400;color:var(--ink);font-size:25px}.docs-page article{border-color:var(--border)}.docs-page article>span{color:var(--yellow)}.docs-page article p,.docs-page .hint{color:var(--muted)}
/* Node canvas and dialog surfaces. */
.flow-workspace{background-color:#171817;background-image:radial-gradient(#696a6945 .75px,transparent .75px);border-color:var(--border);box-shadow:none}.flow-top .eyebrow{color:var(--yellow)}.flow-top input{background:#232423;color:var(--ink);border-color:#494a49}.flow-top .btn{background:#2a2b2a;border-color:#505150;color:#e5eed5}.flow-node{background:#242524;border-color:#525352;border-radius:8px;box-shadow:0 6px 18px #0003;backdrop-filter:none;color:var(--ink)}.node-heading{border-color:#484948;color:var(--ink);text-transform:uppercase;font-size:12px;letter-spacing:.8px}.node-heading small{color:#9b9c9b}.port{background:var(--yellow);border-color:#232423;outline-color:var(--yellow)}.port.disconnected{background:#3a3b3a;outline-color:#8e8f8e}.wires path{stroke:var(--yellow)}.node-delete{background:#343534;color:#e5eed4;border-color:#6f706f}.flow-bottom>span{background:#272827ee;border-color:#5a5b5a;color:#c4d3ad;box-shadow:none}.output-tools .btn{background:#343534;color:#e1eecd;border-color:#535453}.mobile-tabs{background:#1a1b1a;border-color:#383938;backdrop-filter:none}.mobile-tabs button{color:#b3b4b3}.mobile-tabs button.active{background:var(--yellow);color:#181918;box-shadow:none}dialog{background:#1e1f1e;border-color:#575857;color:var(--ink);border-radius:14px;box-shadow:0 25px 90px #0008;backdrop-filter:none}dialog::backdrop{background:#090a0999;backdrop-filter:blur(7px)}dialog h2{color:var(--ink);font-weight:400;letter-spacing:-1px}dialog p,dialog .eyebrow,.field-label{color:#aeafae}.modal-close{color:#cfdeba}.field-label input,.field-label select{background:#292a29;border-color:#5a5b5a;color:var(--ink);border-radius:6px}.field-label input[readonly]{color:#b8b9b8}.effect-picker .btn{background:#2c2d2c;border-color:#525352;color:#d0e3b2}.effect-picker .btn:hover{background:var(--yellow);color:#151615}.export-preview{background:#141514;border-radius:6px}#toast{background:var(--yellow);border-color:var(--yellow);color:#1a1b1a;box-shadow:0 6px 30px #0005;border-radius:8px}.variation-card{background:#292a29;color:var(--ink);border-color:#515251;border-radius:8px}.variation-card:hover:not(:disabled){background:#353635;border-color:var(--yellow)}.variation-card:focus-visible{outline-color:var(--yellow)}.variation-art{background:#1c1d1c;color:#b1b2b1}.variation-art img{background:#151615}.variation-card>small,.variation-footer>span{color:#a6a7a6}.variation-use{color:var(--yellow)}hr{border-top-color:#4a4b4a}
@media(min-width:1500px){.editorial-home{padding:0 48px}.site-header{width:calc(100% - 96px);margin:0 48px}}
@media(max-width:1000px){.statement-bottom{align-items:flex-start;flex-direction:column}.editorial-statement{grid-template-columns:1fr 2.4fr;gap:20px;padding:80px 0}.editorial-tool{grid-template-columns:30px 1fr 1.3fr 35px}.export-bottom{align-items:flex-start;flex-direction:column}.editorial-tools{margin:80px 0}.editorial-footer{flex-wrap:wrap}.sidebar .logo{font-size:24px}.library-page{padding:38px 28px 70px}.editorial-studies .look-card:nth-child(even){padding-top:65px}}
@media(max-width:760px){.site-header{height:68px;width:calc(100% - 36px);margin:0 18px}.site-header nav{display:flex;gap:5px}.site-header nav a{font-size:9px;padding:8px 11px;letter-spacing:.65px}.site-header .btn{padding:9px 12px;font-size:9px}.site-header .nav-library{display:none}.editorial-home{padding:0 18px}.brand-meta{font-size:8px;letter-spacing:.6px;gap:15px}.brand-meta>span:last-child{max-width:120px;text-align:right}.brand-intro{padding:20px 0}.mega-wordmark{font-size:25vw;margin-top:25px}.editorial-reel{height:470px;grid-template-columns:1fr .65fr;border-radius:10px;gap:5px}.reel-label{padding:50px 13px 16px;font-size:9px;flex-wrap:wrap}.reel-stamp{top:18px;left:15px;font-size:30px}.editorial-statement{grid-template-columns:1fr;padding:60px 0;gap:24px}.editorial-statement h2{font-size:clamp(39px,7.8vw,59px)}.statement-bottom{flex-direction:row;align-items:flex-end}.statement-bottom p{font-size:13px}.statement-bottom .btn{padding:11px 15px;font-size:10px}.editorial-section-head h2{font-size:23px}.editorial-section-head h2 span{display:none}.editorial-section-head .btn{font-size:10px;padding:9px 13px}.editorial-studies .gallery-grid{gap:28px 14px}.editorial-studies .look-card:nth-child(even){padding-top:45px}.editorial-studies .look-caption h3{font-size:19px}.editorial-studies .look-card>p{font-size:12px}.editorial-studies .photo-origin{display:none}.editorial-tool{grid-template-columns:20px 1fr 30px;gap:14px;padding:26px 0}.editorial-tool p{grid-column:2;grid-row:2;font-size:14px}.tool-arrow{grid-column:3;grid-row:1}.editorial-tool h3{font-size:48px}.editorial-tools{margin:60px 0}.editorial-tools .editorial-section-head p{font-size:20px}.editorial-export{padding:28px 24px;margin-bottom:60px}.editorial-export h2{font-size:44px;margin:30px 0}.editorial-faq{gap:24px;grid-template-columns:1fr;padding-bottom:65px}.editorial-faq h2{font-size:36px;margin-bottom:10px}.editorial-faq summary{font-size:16px}.editorial-cta{padding-bottom:55px}.editorial-cta>a{font-size:8.5vw;padding-top:30px}.editorial-cta i{top:30px}.editorial-footer{padding:25px 18px;gap:24px}.editorial-footer>span:not(.local-label){display:none}.sidebar,.sidebar.collapsed{background:#141514}.sidebar .logo{font-size:23px}.library-page{padding:90px 20px 60px}.library-heading h1{font-size:60px}.library-page .gallery-grid{gap:28px 15px}.library-page .look-caption h3{font-size:21px}.photo-origin{font-size:8px;top:10px;left:10px;padding:5px 7px}.gallery-tools{gap:14px}.library-page .filter-group .btn{font-size:10px;padding:8px 12px}}
@media(max-width:550px){.site-header nav a{padding:7px 9px;font-size:9px}.site-header .btn{font-size:9px;padding:8px 10px}.site-header .header-right{gap:0}.editorial-reel{height:390px;grid-template-columns:1fr}.editorial-reel .reel-side{display:none}.reel-stamp{font-size:34px}.brand-meta>span:first-child{max-width:165px}.statement-bottom{flex-direction:column;align-items:flex-start;gap:22px}.statement-bottom p{font-size:15px}.editorial-studies .gallery-grid{grid-template-columns:1fr;gap:30px}.editorial-studies .look-card:nth-child(even){padding-top:0}.editorial-studies .look-image{aspect-ratio:4/5}.editorial-studies .look-caption h3{font-size:23px}.editorial-studies .look-card>p{font-size:13px}.editorial-export h2{font-size:37px}.format-pills span{padding:8px 10px;font-size:9px}.editorial-footer{justify-content:space-between}.editorial-footer nav{gap:16px}.editorial-footer .local-label{width:100%;margin:0}.library-page{padding:88px 18px 45px}.library-heading h1{font-size:53px}.library-page .gallery-grid{grid-template-columns:1fr;gap:33px}.library-page .library-heading p{font-size:15px}.library-page .look-caption h3{font-size:25px}.photo-origin{font-size:10px}.docs-page h1{font-size:44px}.docs-page h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.site-header nav a:nth-child(n){display:inline-flex}.site-header{gap:10px}}
@media(max-width:550px){.site-header nav a:first-child{display:none}}

/* Keep generated suggestions faithful to the actual composition and crop. */
.variation-art{position:relative}.variation-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

.inspiration-section{margin:0 0 65px}.inspiration-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding:23px 0}.inspiration-section-heading h2{font-size:28px;font-weight:400;letter-spacing:-.7px;margin:0}.inspiration-section-heading span{font-size:12px;color:var(--muted)}.variation-style-tabs{display:flex;gap:8px;margin:22px 0 14px}.variation-style-tabs .btn{font-size:13px;padding:9px 15px}.effect-help{line-height:1.55;font-size:12px;margin:0 0 20px}.variation-modal .variation-grid:has(>.variation-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:550px){.inspiration-section-heading h2{font-size:25px}.inspiration-section-heading span{font-size:11px}.inspiration-section{margin-bottom:45px}.variation-style-tabs .btn{padding:8px 11px;font-size:12px}}

.effect-color-control{display:flex;align-items:center;gap:10px;margin:9px 0 20px}.effect-color-control input[type=color]{width:42px;height:36px;padding:0;border:0;background:transparent;cursor:pointer}.effect-color-control input[type=text]{width:110px;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:9px;font:14px monospace}

.global-color-section{border-bottom:1px solid var(--border)}.global-color-section .hint{margin-top:0}.color-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:6px 0 19px}.global-color-section .full-width{margin:6px 0 2px;font-size:13px;white-space:normal}