
#pixora-studio{--surface:light-dark(#fff,#202126);--ink:light-dark(#24232a,#f3f1f8);--muted:light-dark(#706b7b,#b9b3c6);--line:light-dark(#e9e5ef,#3c3846);--stage:light-dark(#f0edf5,#151419);font:14px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--surface);border-radius:16px;overflow:hidden}#pixora-studio *{box-sizing:border-box}#pixora-studio header{display:flex;align-items:center;gap:24px;padding:22px 28px;border-bottom:1px solid var(--line);padding-right:110px}#pixora-studio .brand{font-size:24px;font-weight:750;letter-spacing:-1px;color:light-dark(#653ec2,#b399fa)}#pixora-studio .quiet{color:var(--muted);font-size:12px}#pixora-studio .workspace{display:grid;grid-template-columns:260px minmax(0,1fr)}#pixora-studio aside{padding:24px;border-right:1px solid var(--line)}#pixora-studio h2{font-size:17px;margin:0 0 5px}#pixora-studio h3{font-size:13px;margin:24px 0 10px}#pixora-studio button,#pixora-studio select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--surface);color:var(--ink)}#pixora-studio button{cursor:pointer}#pixora-studio button:hover{border-color:#9272d8}#pixora-studio .upload{display:block;border:1px dashed light-dark(#b7a3db,#73608e);border-radius:10px;padding:13px;margin-top:12px;background:light-dark(#faf7ff,#292333)}#pixora-studio input[type=file]{width:100%;font-size:11px;margin-top:8px}#pixora-studio .thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:12px}#pixora-studio .thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}#pixora-studio .field{display:block;margin-top:18px}#pixora-studio .field span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}#pixora-studio input[type=range]{width:100%;accent-color:#8058ce}#pixora-studio select{width:100%}#pixora-studio .presets{display:flex;gap:5px;margin-top:12px}#pixora-studio .presets button{font-size:11px;padding:7px;flex:1}#pixora-studio .presets button[aria-pressed=true]{background:#6e46be;color:#fff;border-color:#6e46be}#pixora-studio main{background:var(--stage);padding:22px;min-width:0}#pixora-studio .toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}#pixora-studio .paper{max-width:430px;margin:auto;box-shadow:0 12px 40px #0002;background:#eee;padding:7px}#pixora-studio canvas{display:block;width:100%;touch-action:none;cursor:move}#pixora-studio .caption{text-align:center;margin:12px 0;color:var(--muted);font-size:12px}#pixora-studio footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 24px;border-top:1px solid var(--line)}#pixora-studio .primary{background:#6e46be;color:#fff;border-color:#6e46be}#pixora-studio #px-status{max-width:550px} @media(max-width:650px){#pixora-studio .workspace{grid-template-columns:1fr}#pixora-studio aside{border-right:0}#pixora-studio .thumbs{grid-template-columns:repeat(10,1fr)}#pixora-studio header{padding:16px;flex-wrap:wrap}#pixora-studio .paper{max-width:360px}}

body{margin:0;background:#f5f2fa}#pixora-studio{max-width:1500px;margin:24px auto;color-scheme:light}#pixora-studio .paper{max-width:520px}#pixora-studio .primary:disabled{opacity:.45;cursor:default}#pixora-studio .thumbs button{padding:0;position:relative;overflow:hidden}#pixora-studio .thumbs button span{position:absolute;right:0;bottom:0;background:#191321;color:white;padding:0 4px}#pixora-studio #px-errors{color:#b32a47}#pixora-studio .size-controls{display:flex;gap:8px}#pixora-studio #px-status{font-size:13px}#pixora-studio .field input[type=number]{width:100%;padding:7px;border:1px solid var(--line);border-radius:6px}#pixora-studio main{align-self:start;position:sticky;top:10px}@media(max-width:650px){#pixora-studio main{position:static}}
#pixora-studio .workspace{grid-template-columns:minmax(220px,250px) minmax(0,1fr) minmax(260px,310px);align-items:start}#pixora-studio .workspace>aside{padding:22px;border-right:0}#pixora-studio .upload-panel{border-right:1px solid var(--line)!important}#pixora-studio .settings-panel{position:sticky;top:10px;max-height:calc(100vh - 120px);overflow:auto;margin:16px 14px 16px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 10px 28px #35142b0b}#pixora-studio .settings-panel .control-group+ .control-group{margin-top:26px;padding-top:10px;border-top:1px solid var(--line)}#pixora-studio .settings-panel h3{margin-top:0;font-size:15px}#pixora-studio main{position:static}#pixora-studio .mosaicPageTitle{font-size:22px;line-height:1.3;margin:0 0 12px}@media(max-width:1100px){#pixora-studio .workspace{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}#pixora-studio .settings-panel{grid-column:1/-1;position:static;max-height:none;overflow:visible;margin:0 22px 18px;display:grid;grid-template-columns:minmax(180px,.75fr) minmax(280px,1.25fr);gap:0 26px}#pixora-studio main{position:static}}@media(max-width:650px){#pixora-studio .workspace{grid-template-columns:1fr}#pixora-studio .settings-panel{grid-column:auto;grid-template-columns:1fr;margin:0;padding:20px;border-left:0;border-right:0;border-radius:0}#pixora-studio .upload-panel{border-right:0!important}#pixora-studio .settings-panel .control-group+ .control-group{margin-top:20px}}
#pixora-studio .faceCropOption{display:flex;align-items:flex-start;gap:9px;margin:12px 0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:light-dark(#fff,#27232e);cursor:pointer}#pixora-studio .faceCropOption>input{flex:0 0 auto;margin:3px 0 0;accent-color:#8058ce}#pixora-studio .faceCropOption span{display:grid;gap:4px}#pixora-studio .faceCropOption strong{font-size:12px;font-weight:650}#pixora-studio .faceCropOption small{font-size:10px;line-height:1.4;color:var(--muted)}

.mosaicPremiumDialog{position:fixed;inset:0;margin:auto;width:min(92vw,560px);padding:42px;border:1px solid #f0dbe8;border-radius:28px;background:#fffafd;color:#251924;text-align:center;box-shadow:0 24px 90px #24132b35;font:16px/1.55 system-ui,sans-serif}.mosaicPremiumDialog::backdrop{background:#241c2b66;backdrop-filter:blur(5px)}.mosaicPremiumClose{position:absolute;top:16px;right:16px;width:42px;height:42px;border:0;border-radius:50%;background:#f7edf4;color:#5e4e5c;font:28px/1 system-ui;cursor:pointer}.mosaicPremiumIcon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:linear-gradient(135deg,#e90082,#ff6746);color:white;font-size:30px}.mosaicPremiumEyebrow{margin:0 0 12px;color:#e90082;font-size:12px;font-weight:800;letter-spacing:.16em}.mosaicPremiumDialog h2{margin:0 auto 14px;max-width:440px;font-size:30px;line-height:1.12;letter-spacing:-.04em}.mosaicPremiumDialog>p:not(.mosaicPremiumEyebrow){margin:0 auto 26px;max-width:440px;color:#796f7a}.mosaicPremiumActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.mosaicPremiumActions a,.mosaicPremiumActions button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border:1px solid #eedfe8;border-radius:15px;background:white;color:#645764;font:700 15px system-ui;text-decoration:none;cursor:pointer}.mosaicPremiumActions .mosaicPremiumLink{border:0;background:linear-gradient(100deg,#e90082,#ff6746);color:white}.mosaicPremiumActions a:hover,.mosaicPremiumActions button:hover{filter:brightness(.97)}@media(max-width:520px){.mosaicPremiumDialog{padding:38px 22px 24px;border-radius:22px}.mosaicPremiumDialog h2{font-size:25px}}
