/* Nuevo dark: graphite surfaces, luminous glass, and clear contrast. */
:root{color-scheme:dark;--panel:rgba(29,29,34,.82);--border:#35353d;--muted:#a1a1aa;--blue:#2997ff;background:#101013;color:#f5f5f7}
body{background:#101013;color:#f5f5f7}h1,h2,h3,.logo{color:#f5f5f7}p{color:#a1a1aa}small{color:#9898a3}::selection{background:#2997ff45}.brand-dot{background:linear-gradient(135deg,#77ceff,#a997ff)}.eyebrow,.feature-kicker{color:#a1a1ad}.text-link{color:#64b5ff}.text-link:hover{color:#a2d3ff}.btn{background:#ffffff0b;color:#e0e0e7;border-color:#ffffff10;box-shadow:inset 0 1px 0 #ffffff05,0 2px 8px #0001}.btn:hover{background:#ffffff15;box-shadow:0 3px 12px #0002}.btn.primary,.btn.active{background:#007aff;border-color:#268cff;color:#fff;box-shadow:0 3px 14px #007aff20}.btn.primary:hover{background:#1685ff;border-color:#4ba2ff}.btn.subtle{background:#27272e;color:#dedee6}.btn.danger{background:#482527;border-color:#693035;color:#ffb3b3}
.site-header{background:#222226ae;border-color:#ffffff12;box-shadow:0 8px 28px #0003,inset 0 1px 0 #ffffff0b}.site-header nav{color:#c5c5cf}.site-header nav a:hover{color:#fff}.nav-library{color:#b0b0bd}.nav-library:hover{color:#fff}.landing{background:#101013}.nuevo-hero{background:radial-gradient(ellipse at 50% 72%,#25203855,transparent 60%),linear-gradient(180deg,#121215,#101013)}.launch-badge{color:#c2bbcF;background:linear-gradient(120deg,#ffffff08,#ab8dda0c);border-color:#ffffff12;box-shadow:inset 0 1px 0 #ffffff04}.tiny-spark{color:#c2a5ff}.nuevo-hero h1{color:#f5f5f7}.nuevo-hero h1>span{background-image:linear-gradient(110deg,#69b4ff 9%,#b699ef 50%,#e6a1c5 88%)}.hero-copy p{color:#a9a9b5}.hero-artwork{border-color:#ffffff24;box-shadow:0 32px 75px -28px #000b,inset 0 0 0 1px #ffffff24}.hero-artwork>img{filter:saturate(.85) brightness(.94)}.showcase-aura{opacity:.48}.glass-inspector{background:linear-gradient(135deg,#262232b5,#322c446b);border-color:#ffffff35;box-shadow:0 16px 45px #0005,inset 0 1px 1px #ffffff20;color:#f5efff}.inspector-row.muted{color:#c2b9d2}.mini-range{background:#ffffff23}.mini-range span{background:#bca8df}.mini-range span:after{background:#f6f0ff;box-shadow:0 1px 5px #0005}.mini-toggle{background:#188bff}.hero-palette{background:#292531c9;border-color:#ffffff25;box-shadow:0 10px 28px #0004,inset 0 1px 0 #ffffff15}.hero-palette button{color:#bcb5c8}.hero-palette button.active{background:#ffffff18;box-shadow:inset 0 1px 0 #ffffff14,0 2px 6px #0002;color:#fff}.hero-palette button:hover{background:#ffffff0d}.hero-note{color:#8d899a}.artwork-remix{background:#211a3880;border-color:#ffffff30}.nuevo-section h2 span{color:#97979f}.nuevo-section .section-heading p{color:#a1a1aa}.feature-card{background:#1b1b20;border-color:#ffffff08}.feature-card:hover{box-shadow:0 18px 35px #0003}.feature-card h3{color:#f0f0f5}.feature-card p{color:#a5a5b0}.color-feature{background:linear-gradient(150deg,#202032,#191820)}.glass-feature{background:linear-gradient(140deg,#212126,#1d1b27)}.flow-feature{background:linear-gradient(150deg,#1a2528,#182323)}.circle-link{background:#ffffff12;color:#bbbcc7}.feature-card:hover .circle-link{background:#ffffffde;color:#24242a}.color-orbit{filter:brightness(.86) saturate(.9)}.layer-sculpture div{background:linear-gradient(135deg,#ffffff20,#918ab935);border-color:#ffffff38;box-shadow:0 15px 35px #0004,inset 0 1px 4px #ffffff20}.layer-sculpture div:nth-child(2){background:linear-gradient(130deg,#ffffff25,#6676bd40)}.layer-sculpture div:nth-child(3){background:linear-gradient(135deg,#ffffff32,#ffffff08)}.flow-mini>span{background:#ffffff0e;border-color:#ffffff12;box-shadow:0 5px 18px #0002;color:#d4e2df}.flow-mini i{background:#798f87}.flow-mini>span.mini-output{border-color:#ffffff24}.gallery-band{background:#18181c}.look-image{background:#222229;border-color:#ffffff12;box-shadow:0 5px 18px #0002}.look-caption h3{color:#e5e5eb}.look-caption>span{color:#9999a7}.look-card>p{color:#9999a5}.remix-pill{background:#22212abe;border-color:#ffffff25;color:#fff}.export-art{background:#4b3c2c}.export-art>img{filter:saturate(.7) brightness(.9)}.export-glass{background:#26201aa8;border-color:#ffffff30;box-shadow:0 12px 30px #0003}.export-glass>span{color:#f4e6d9}.export-glass b{background:#ffffff0c;border-color:#ffffff19;color:#e9dfd7}.export-copy p{color:#a1a1aa}.export-facts{border-color:#ffffff14}.export-facts span{color:#a1a1ac}.export-facts b{color:#e5e5eb}.faq details{border-color:#ffffff14}.faq summary{color:#dedee7}.faq summary .icon{color:#a2a2af}.faq details p{color:#a5a5af}.nuevo-finale{background:#17171c}.nuevo-finale h2{color:#f5f5f7}.finale-glow{opacity:.3}.nuevo-finale p{color:#a19baF}footer{color:#9797a4}footer .logo{color:#f5f5f7}footer nav a{color:#adadba}footer a:hover{color:#64b5ff}.local-label{color:#92929f}
/* Editor, library, and project surfaces. */
.sidebar,.sidebar.collapsed{background:linear-gradient(160deg,#18181ded,#15151adf);border-color:#ffffff09}.nav-section>label{color:#90909d}.nav-link{color:#b9b9c6}.nav-link:hover{background:#ffffff06}.nav-link.active,.sidebar .nav-link.active{background:#ffffff0d;color:#75baff;border-color:#ffffff09;box-shadow:inset 0 1px 0 #ffffff06}.nav-link small{background:#ffffff06;border-color:#ffffff15;color:#9696a4}.nav-bottom .btn{color:#a4a4b3}.workspace{background:radial-gradient(ellipse at 34% 12%,#37304925,transparent 55%),#131317}.panel{background:#1d1d23c9;border-color:#ffffff0c;box-shadow:0 5px 25px #0002,inset 0 1px 0 #ffffff05}.panel-heading{color:#e2e2ec;border-bottom-color:#ffffff0a}.panel-heading .btn{background:#ffffff05;border-color:#ffffff09;color:#b9b9c7}.panel-scroll{scrollbar-color:#494952 transparent}.preset-group{border-bottom-color:#ffffff09}.preset-group h3{color:#b9b9c6}.preset{border-color:#ffffff16;box-shadow:0 2px 6px #0002}.preset.selected{outline-color:#65afff}.preset:hover{border-color:#65afff}.canvas-panel{background:#25242d80;border-color:#ffffff0f}.canvas-stage{background-image:radial-gradient(#77718535 .65px,transparent .65px)}.canvas-stage canvas{box-shadow:0 8px 28px #0004}.toolbar .btn{background:#ffffff07;color:#c1bfcd;border-color:#ffffff0a;box-shadow:inset 0 1px 0 #ffffff06}.toolbar .btn:hover{background:#ffffff12}.toolbar .btn.primary{background:#007aff;border-color:#268cff;color:white}.toolbar .btn.primary:hover{background:#1685ff}.toolbar .ratio-group{background:#0003;border-color:#ffffff06;box-shadow:inset 0 1px 2px #0002}.ratio-group button{color:#aaa5b6}.ratio-group button.active{background:#ffffffd4;color:#242029;box-shadow:0 1px 5px #0003}.toolbar select{color:#bdb7c9}.canvas-status{color:#91899e}.props summary,.workspace .props summary{color:#d7d0e1}.props details{border-bottom-color:#ffffff09}.props summary>span{color:#a89db6}.active-dot{background:#65afff}.colors-label{color:#b6a9c6}.colors-label>span{color:#978aa8}.color-strip{border-color:#ffffff15}.color-inputs input{border-color:#695774;background:#211a2a;box-shadow:0 2px 4px #0002}.color-inputs small,.workspace .props .color-inputs small{color:#b0a0bf}.range-label,.workspace .props .range-label{color:#b6a8c5}.number{background:#ffffff05;border-color:#ffffff0d;color:#d1c6de}.range-label input[type=range]{background:#ffffff19;accent-color:#a18bbd}.range-label input[type=range]::-webkit-slider-thumb{background:#e8dfee;border-color:#ffffff90;box-shadow:0 1px 5px #0004}.select-label,.workspace .props .select-label{color:#b7a6c9}select{background:#2c2635;border-color:#ffffff0e;color:#dbd0e7}.toggle-label{color:#bcabd0}.switch{background:#ffffff24}.switch:after{background:#ccc0d7}.switch:checked{background:#1685ff}.switch:checked:after{background:#fff}.upload{border-color:#ffffff22;background:#ffffff04;color:#c1afd3}.upload:hover{background:#ffffff0a}.hint{color:#a796b9}.layer-row{color:#c7b8d8}.layer-row.selected{background:#ffffff08;border-color:#ffffff1b;box-shadow:0 2px 6px #0002}.layer-row.drag-over{background:#007aff20;border-color:#65afff}.drag-grip{color:#a38fb6}.mini-btn{color:#bba3cd}.mini-btn:hover{color:#80c4ff}.panel-footnote{color:#a995bc}.library-heading h1{color:#f5f5f7}.library-heading p{color:#b0a9b8}.filter-group .btn{color:#b4a9c0}.filter-group .btn.active{background:#ffffff10;color:#f0e9f6;box-shadow:inset 0 1px 0 #ffffff0b}.gallery-tools input{background:#ffffff06;border-color:#ffffff12;color:#e0d4eb}.gallery-tools input::placeholder{color:#a797b6}.empty-state{color:#a995bc}.empty-state h2{color:#ded1e9}.empty-state p{color:#b8a5c9}.delete-saved{background:#241c2dbd;color:#d5c1e4}.flow-workspace{background-color:#16131d;background-image:radial-gradient(#5e4e723d .75px,transparent .75px);border-color:#ffffff0c;box-shadow:0 0 0 1px #ffffff05}.flow-top .eyebrow{color:#b8a0cd}.flow-top input{background:#292131bf;color:#ded0ec;border-color:#ffffff13}.flow-top .btn{background:#302636b0;border-color:#ffffff16;color:#ddc8ed}.flow-top .btn.primary{background:#007aff;border-color:#268cff;color:#fff}.flow-node{background:#251e2dbf;border-color:#ffffff16;box-shadow:0 8px 24px #0004;color:#ddc9ed}.node-heading{border-color:#ffffff0c;color:#e0cbef}.node-heading small{color:#b39ac6}.port{background:#c4abd6;border-color:#251e2d;outline-color:#b49bc6}.port.disconnected{background:#302537;outline-color:#9277a5}.wires path{stroke:#9379a7}.node-delete{background:#33253e;color:#dfc8ee;border-color:#ffffff20}.flow-bottom>span{background:#271c32be;border-color:#ffffff15;color:#bca2ce;box-shadow:0 3px 14px #0002}.output-tools .btn{background:#ffffff06;color:#cbb4dd;border-color:#ffffff0c}.docs-page article{border-color:#ffffff12}.docs-page article>span{color:#ac95bd}.docs-page article p{color:#b7a5c5}.docs-page h1{color:#ece3f4}.docs-page h2{color:#dfd0eb}.docs-page .hint{color:#b4a0c4}
/* Dialogs and feedback use the same dark glass. */
dialog{background:#25212ded;border-color:#ffffff20;color:#e5d9ee;box-shadow:0 25px 90px #0008,inset 0 1px 0 #ffffff08}dialog::backdrop{background:#08071099;backdrop-filter:blur(10px)}dialog h2{color:#f2eaf8}dialog p{color:#baabc7}dialog .eyebrow{color:#b9a6c9}.modal-close{color:#c6afd7}.field-label{color:#c2acd4}.field-label input,.field-label select{background:#ffffff05;border-color:#ffffff12;color:#e1d1ec}.field-label input[readonly]{color:#bdabcb}.effect-picker .btn{background:#ffffff04;border-color:#ffffff10;color:#d1b9e2}.effect-picker .btn:hover{background:#ffffff0a;color:#f0e0fb}.export-preview{background:#19141f}#toast{background:#31273ceF;border-color:#ffffff20;color:#edddf8;box-shadow:0 10px 35px #0005}.mobile-tabs{background:#1f1928e8;border-color:#ffffff0c}.mobile-tabs button{color:#b4a0c6}.mobile-tabs button.active{background:#ffffff0d;color:#8ac5ff;box-shadow:inset 0 1px 0 #ffffff07}hr{border-top-color:#ffffff13}
@media(prefers-reduced-transparency:reduce){.site-header,.hero-palette,.sidebar,.sidebar.collapsed,.panel,dialog{background:#232128}.glass-inspector{background:#322d3d}.export-glass{background:#302820}}

/* Photo studio */
.photo-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;border-bottom:1px solid #ffffff0c;background:linear-gradient(100deg,#8071cf12,#007aff08);flex-shrink:0}.photo-tools>div{display:flex;align-items:center;gap:10px}.photo-tools>div:first-child{font-size:11px;color:#b9b6cc}.photo-indicator{display:flex;color:#afa0ff}.photo-tools .btn{font-size:11px;padding:7px 10px;white-space:nowrap}.generate-btn{background:linear-gradient(120deg,#8c74ee28,#2886ff25);border:1px solid #a395ef35;color:#e5ddff}.btn:disabled{opacity:.38;cursor:not-allowed}.photo-upload{position:relative;display:flex;min-height:125px;flex-direction:column;align-items:center;justify-content:center;gap:9px;overflow:hidden;border-radius:14px;padding:16px;text-align:center}.photo-upload strong{font-size:13px;color:#efedf9}.photo-upload>span{font-size:10px;line-height:1.5}.photo-upload:has(.photo-source){padding:0;min-height:100px;max-height:145px}.photo-source{display:block;width:100%;height:125px;object-fit:cover}.photo-upload:has(.photo-source)>span{position:absolute;bottom:8px;background:#15131ac7;border:1px solid #ffffff30;backdrop-filter:blur(14px);padding:4px 11px;border-radius:100px;color:#fff}.photo-file{display:flex;align-items:center;gap:8px;margin:8px 0 18px}.photo-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#aaa5ba;flex:1}.photo-divider{font-size:9px;letter-spacing:1.7px;color:#b3a6d0;border-top:1px solid #ffffff10;padding-top:20px;margin-top:20px;margin-bottom:14px}.photo-section .full-width{font-size:11px;white-space:normal;line-height:1.5}.photo-section .hint{font-size:10px;line-height:1.65}.photo-drag{outline:2px dashed #80bcff;outline-offset:-6px;background-color:#007aff20}.variation-modal{width:min(960px,94vw);max-width:960px;padding:35px;max-height:90dvh;overflow:auto}.variation-modal h2{font-size:30px;letter-spacing:-1px}.variation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.variation-card{padding:0 0 13px;text-align:left;border:1px solid #ffffff14;border-radius:15px;overflow:hidden;background:#ffffff05;color:#eeeaf8;cursor:pointer;transition:border-color .2s,transform .2s}.variation-card:hover:not(:disabled){border-color:#8bbcff;transform:translateY(-3px);background:#ffffff09}.variation-card:focus-visible{outline:2px solid #80baff;outline-offset:3px}.variation-art{aspect-ratio:1.4;background:linear-gradient(135deg,#342e46,#181823);display:grid;place-items:center;color:#a99abc;font-size:11px;overflow:hidden}.variation-art img{width:100%;height:100%;object-fit:cover}.variation-card>strong,.variation-card>small,.variation-use{display:block;margin:10px 13px 0}.variation-card>strong{font-size:13px;letter-spacing:-.2px}.variation-card>small{font-size:10px;color:#a59ab6;margin-top:5px}.variation-use{font-size:10px;color:#9bc7ff;margin-top:14px}.variation-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.variation-footer>span{font-size:10px;line-height:1.6;color:#a59ab6}.variation-footer .btn{white-space:nowrap;font-size:11px}.photo-section .range-label input{min-width:0}
@media(max-width:1100px){.photo-tools>div:first-child{display:none}.photo-tools{justify-content:center}.photo-tools .btn{font-size:10px}}
@media(max-width:600px){.photo-tools{padding:9px 5px}.photo-tools .btn{font-size:11px;padding:8px 12px}.variation-modal{padding:26px 18px}.variation-modal h2{font-size:25px;max-width:250px}.variation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.variation-card>strong{font-size:11px}.variation-card>small{font-size:9px}.variation-footer{flex-direction:column;align-items:stretch}.photo-section .photo-upload{max-width:360px;margin:auto}.photo-source{height:145px}}
.photo-tools .btn,.photo-file>span,.photo-upload>span,.photo-section .hint,.photo-section .full-width,.variation-card>small,.variation-use,.variation-footer>span,.variation-footer .btn{font-size:12px}.variation-card>strong{font-size:14px}.variation-art img{object-fit:contain;background:#141419}.photo-divider{font-size:11px;letter-spacing:1.2px}
.blur-controls{margin:18px 0;padding:14px 0 5px;border-top:1px solid #ffffff10}.blur-controls .select-label{gap:8px;align-items:center}.blur-controls .select-label select{min-width:90px;max-width:135px}.blur-controls .blur-help{margin:9px 0 17px;font-size:12px;line-height:1.6}.blur-controls [hidden]{display:none!important}.blur-controls [data-blur-mode]{padding-top:6px}.blur-controls [data-blur-mode]>.hint,.finish-section .hint{font-size:12px;line-height:1.6;color:#aaa1b9}.finish-section .blur-controls{border-top:0;margin-top:0;padding-top:0}.finish-section summary{color:#d7d0e1}.finish-section .select-label{font-size:12px}

/* Photographic inspiration collection */
.library-page .look-image{aspect-ratio:3/4}
.library-page .look-image img{width:100%;height:100%;object-fit:cover}
.photo-origin{position:absolute;top:14px;left:14px;padding:6px 10px;background:#14131999;border:1px solid #ffffff26;border-radius:30px;backdrop-filter:blur(16px);color:#f5f5f7;font-size:12px;line-height:1.35;pointer-events:none}
.library-page .gallery-tools{align-items:flex-start}
.library-page .filter-group{flex-wrap:wrap;gap:6px;overflow:visible}
.library-page .filter-group .btn{font-size:14px;padding:8px 13px}
.library-page .look-card>p{font-size:14px;line-height:1.5}
.library-page .library-heading p{font-size:16px;line-height:1.6;max-width:620px}
.look-card:disabled{cursor:progress;opacity:.7}
@media(max-width:550px){.library-page .gallery-grid{grid-template-columns:1fr;gap:30px}.library-page .look-caption h3{font-size:18px}.library-page .filter-group .btn{font-size:13px;padding:8px 11px}.photo-origin{font-size:12px}}

/* Effect selection and independent on/off controls. */
.effect-tip{font-size:12px;line-height:1.5;color:#aaa7b6;padding:12px 16px 0;margin:0}
.preset-group h3{display:flex;justify-content:space-between;align-items:center;gap:5px;flex-wrap:wrap}
.nuevo-effect-tag{font-size:10px;padding:3px 6px;border:1px solid #afa0ff40;border-radius:8px;color:#c4b4ff}
.preset{position:relative}.preset-name{position:absolute;bottom:0;left:0;right:0;padding:12px 3px 4px;background:linear-gradient(transparent,#080810c9);font-size:10px;line-height:1.2;text-align:center;color:white;pointer-events:none}.preset-off{position:absolute;top:4px;right:4px;width:18px;height:18px;line-height:16px;border-radius:50%;background:#111a;color:#fff;font-size:18px;pointer-events:none}
.active-effects{margin:0 12px 8px;padding:10px 12px;border:1px solid #ffffff0c;border-radius:12px;background:#ffffff03;flex:none}
.active-effects-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#aaa7b6}
.clear-effects{background:none;border:0;color:#b9b2d6;font-size:12px;cursor:pointer;padding:2px}.clear-effects:hover{color:white}
.effect-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;max-height:78px;overflow:auto}.effect-chips button{border:1px solid #ffffff18;background:#ffffff08;border-radius:20px;color:#dad6e6;font:inherit;font-size:12px;cursor:pointer;padding:5px 10px}.effect-chips button:hover{background:#574864;border-color:#b6a3d655}.effect-chips button span{margin-left:7px;color:#aaa1bb}.active-effects p{margin:6px 0 0;color:#898594;font-size:12px}
.props .select-label select{max-width:65%;min-width:0}
@media(max-width:760px){.effect-tip{font-size:10px;padding:10px 8px 0}.preset-name{font-size:8px;padding:10px 1px 3px}.nuevo-effect-tag{font-size:8px}.active-effects{margin:0 4px 6px;padding:7px}.effect-chips{max-height:62px}.effect-chips button{font-size:11px;padding:4px 7px}.active-effects-heading{font-size:11px}.clear-effects{font-size:11px}}
@media(max-width:550px){.preset-name{font-size:11px}.effect-tip{font-size:12px}.nuevo-effect-tag{font-size:10px}}

.preset-name{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nuevo-effect-tag{font-size:12px}
@media(min-width:551px) and (max-width:760px){.preset-name,.effect-tip,.nuevo-effect-tag{display:none}}
@media(max-width:550px){.preset-name{font-size:12px}.effect-tip{font-size:12px}.nuevo-effect-tag{font-size:12px}}
.effects .preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:551px) and (max-width:760px){.effects .preset-grid{grid-template-columns:1fr}}
@media(max-width:550px){.effects .preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.effects .preset-name{padding:15px 5px 6px;white-space:normal}}
@media(max-width:550px){.workspace .effects .preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}