.fp-studio{--fs-bg:#080b10;--fs-card:#161a20;--fs-line:#2e333d;--fs-muted:#a4aab5;--fs-accent:#b7f1c8;color-scheme:dark;width:min(1040px,calc(100vw - 32px));max-width:100vw;max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--fs-line);border-radius:24px;background:radial-gradient(ellipse at 90% 0,#18262180,transparent 40%),var(--fs-bg);color:#f5f7fb;font:15px/1.5 'Montserrat',sans-serif;text-transform:none;letter-spacing:normal;text-align:left;overflow:auto}
.fp-studio::backdrop{background:#000b;backdrop-filter:blur(8px)}.fp-studio *, .fp-studio *::before,.fp-studio *::after{box-sizing:border-box}.fp-studio [hidden]{display:none!important}.fp-studio button{font:inherit;color:inherit;cursor:pointer}.fp-studio button:disabled{opacity:.5;cursor:wait}.fp-studio :focus-visible{outline:3px solid var(--fs-accent);outline-offset:3px}.fp-studio .fp-studio-head{position:sticky;top:-24px;z-index:3;display:grid;grid-template-columns:44px 1fr 44px;gap:16px;align-items:center;padding:12px 0 20px;margin:0;background:var(--fs-bg)}.fp-studio-head>div{text-align:center}.fp-studio-head h2{color:#fff;font-size:clamp(18px,3vw,25px);font-weight:700;line-height:1.3;margin:0}.fp-studio-kicker{color:var(--fs-accent);font-size:9px;letter-spacing:.16em;margin:0 0 5px}.fp-studio .fp-studio-head>button{width:44px;height:44px;border:0;border-radius:50%;background:#1c2027;color:#fff;font-size:24px;padding:0}.fp-studio .fp-form{gap:18px}.fp-studio-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fp-studio-tools button{border:1px solid var(--fs-line);border-radius:18px;background:var(--fs-card);padding:16px 8px;display:grid;justify-items:center;gap:5px;min-width:0;min-height:125px}.fp-studio-tools button[aria-expanded=true]{border-color:var(--fs-accent);background:#192820}.fp-studio-tools strong{font-size:15px;font-weight:600}.fp-studio-tools small{color:var(--fs-muted);font-size:10px;text-align:center}.fp-tool-art{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border-radius:14px;font-size:26px;transform:rotate(-6deg)}.fp-art-model{background:linear-gradient(140deg,#e6bc8d,#ad6680);color:#17111a}.fp-art-music{background:linear-gradient(140deg,#b4edca,#649bb3);color:#081f25;transform:rotate(8deg)}.fp-art-collage{background:linear-gradient(140deg,#f2dd8d,#dd8d67);color:#2d180e}.fp-studio-pane{padding:18px;border:1px solid var(--fs-line);border-radius:16px;background:var(--fs-card);display:grid;gap:15px}.fp-studio label{color:#eef0f5;font-size:13px;font-weight:600}.fp-studio .fp-help,.fp-studio small{color:var(--fs-muted)}.fp-studio .fp-form input:not([type=checkbox]):not([type=hidden]),.fp-studio .fp-form textarea,.fp-studio .fp-form select{border:1px solid #3b414c;background:#0d1117;color:#fff;border-radius:10px;min-height:44px;font-size:16px}.fp-studio .fp-form input[type=checkbox]{accent-color:var(--fs-accent);appearance:auto}.fp-studio .fp-form .fp-file-input{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;pointer-events:none;border:0}.fp-studio-secondary{border:1px solid var(--fs-line);background:#222831;padding:10px 14px;border-radius:24px;min-height:44px;font-size:13px}.fp-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px}.fp-gallery-head h3,.fp-studio-preview h3{font-size:19px;font-weight:600;margin:0}.fp-studio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-radius:12px;overflow:hidden}.fp-selection-tiles{display:contents}.fp-gallery-tile{position:relative;border:0;background:#171c23;min-width:0;aspect-ratio:3/4;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.fp-gallery-tile img{display:block;width:100%;height:100%;object-fit:cover}.fp-gallery-tile>small{position:absolute;bottom:8px;left:8px;padding:3px 8px;border-radius:16px;background:#080b10de;color:#fff;font-size:10px}.fp-camera-tile i{font-size:34px}.fp-camera-tile>span{font-size:11px;color:var(--fs-muted)}.fp-plus-tile{background:#090d14}.fp-plus-tile>span{font:200 clamp(68px,12vw,120px)/1 sans-serif;color:#fff}.fp-plus-tile>small{position:static;background:none;color:var(--fs-muted)}.fp-selected-tile .fp-tile-controls{position:absolute;bottom:6px;display:flex;gap:5px;left:6px;right:6px;justify-content:center}.fp-tile-controls button{height:34px;min-width:34px;border:1px solid #fff4;border-radius:8px;background:#0a0d14e8;font-size:17px}.fp-selected-tile>strong{position:absolute;right:8px;top:8px;background:var(--fs-accent);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#102018;font-size:12px}.fp-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fp-models button,.fp-collage-options button{background:#0b1016;border:1px solid var(--fs-line);border-radius:12px;padding:10px 5px;font-size:12px;display:grid;justify-items:center;gap:8px;min-width:0}.fp-models button[aria-pressed=true],.fp-collage-options button[aria-pressed=true]{border-color:var(--fs-accent);box-shadow:0 0 0 1px var(--fs-accent)}.fp-model-swatch{display:block;width:38px;height:60px;border-radius:5px;background:#708373}.fp-swatch-original{background:linear-gradient(35deg,#172f35,#7b9c8c)}.fp-swatch-quote{background:linear-gradient(#8a9d91 60%,#11151b 60%)}.fp-swatch-frame{border:7px solid #f2e4cf;background:#7b9180}.fp-swatch-editorial{background:linear-gradient(#11151b 18%,#8a9d91 18%,#8a9d91 75%,#11151b 75%)}.fp-collage-options{display:flex;gap:10px}.fp-collage-options button{min-width:110px;font-size:14px}.fp-collage-options i{font-size:24px}.fp-studio-preview{display:grid;grid-template-columns:1fr 180px;gap:20px;align-items:center;padding:20px;border:1px solid var(--fs-line);border-radius:16px;background:#12171e}.fp-studio-preview p{color:var(--fs-muted);font-size:12px}.fp-studio-preview canvas{width:100%;height:auto;aspect-ratio:9/16;display:block;border-radius:10px;box-shadow:0 10px 30px #0006}.fp-studio .fp-organize{border-color:var(--fs-line)}.fp-studio .fp-organize summary{font-size:14px;min-height:44px}.fp-studio .fp-form fieldset{border-color:var(--fs-line)}.fp-studio .fp-search-results button,.fp-studio .fp-tags label{background:#1b2530;border-color:#3b414c;color:#fff}.fp-studio .fp-errors{background:#351c1d;color:#ffd7cd;border-color:#96534e}.fp-studio-footer{position:sticky;bottom:-24px;z-index:2;background:linear-gradient(transparent,var(--fs-bg) 15%);padding:25px 0 5px;display:grid;gap:12px}.fp-studio-publish{display:flex;align-items:center;justify-content:space-between;background:var(--fs-accent);color:#102018!important;padding:15px 20px;border:0;border-radius:15px;font-weight:700!important;min-height:52px}.fp-music{color:#fff;padding:10px;background:#15211c;border-radius:10px;font:13px/1.5 sans-serif}.fp-music button,.fp-music a{color:#e5ffeb;background:#263f30;border:1px solid #698473;border-radius:8px;padding:9px 12px;min-height:40px;display:inline-flex;align-items:center;text-decoration:none;margin:5px 6px 5px 0}.fp-youtube-player{display:block;width:100%;min-width:200px;height:200px;min-height:200px;border:0;border-radius:10px;margin:10px 0}.fp-viewer:has(.fp-music) .fp-slide{height:max(200px,calc(100dvh - 395px))}
@media(min-width:800px){.fp-studio-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.fp-studio-tools{gap:16px}.fp-studio-tools button{min-height:130px}.fp-studio-preview{grid-template-columns:1fr 220px}.fp-studio .fp-form{max-width:920px;margin:auto}}
@media(max-width:600px){.fp-studio{width:100vw;max-height:100dvh;height:100dvh;margin:0;padding:16px;border:0;border-radius:0}.fp-studio .fp-studio-head{top:-16px;gap:8px}.fp-studio-kicker{font-size:8px}.fp-studio-tools{gap:8px}.fp-studio-tools button{padding:12px 4px;min-height:106px;border-radius:14px}.fp-studio-tools small{display:none}.fp-studio-tools strong{font-size:13px}.fp-studio-pane{padding:14px}.fp-studio-preview{grid-template-columns:1fr 120px;padding:14px;gap:12px}.fp-studio-preview h3{font-size:15px}.fp-studio-footer{bottom:-16px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.fp-studio .fp-form-row{grid-template-columns:1fr}.fp-studio .fp-studio-head h2{font-size:18px}.fp-studio .fp-models{gap:5px}.fp-models button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.fp-studio *{scroll-behavior:auto!important}}
.fp-studio .fp-form input.fp-file-input[type=file]{width:1px;height:1px;min-height:0;left:0;padding:0;border:0}