*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#fff;--muted:#ffffffbd;--panel:#1f1b2d52;--panel-strong:#1a16278a;--line:#ffffff4d;--field:#ffffff21;--shadow:#150a2642;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;color:var(--text);background-color:#11119c;background-image:radial-gradient(at 7% 75%,#405021 0,#0000 50%),radial-gradient(at 23% 24%,#e97c7e 0,#0000 50%),radial-gradient(at 11% 26%,#e40c0c 0,#0000 50%),radial-gradient(at 66% 28%,#a85400 0,#0000 50%),radial-gradient(at 85% 0,#fc596f 0,#0000 50%),radial-gradient(at 78% 88%,#e9166e 0,#0000 50%),radial-gradient(at 91% 29%,#5e5ec5 0,#0000 50%);background-position:0 0,100% 8%,6% 84%,74% 0,100% 100%,18% 16%,82% 54%;background-size:132% 132%,118% 118%,126% 126%,124% 124%,116% 116%,130% 130%,122% 122%;background-attachment:fixed;margin:0;animation:42s ease-in-out infinite alternate gradient-drift;overflow-x:hidden}@keyframes gradient-drift{0%{background-position:0 0,100% 8%,6% 84%,74% 0,100% 100%,18% 16%,82% 54%}50%{background-position:12% 10%,88% 20%,16% 72%,64% 12%,90% 84%,30% 28%,72% 62%}to{background-position:22% 18%,78% 2%,0 64%,86% 18%,76% 92%,8% 34%,94% 72%}}@media (prefers-reduced-motion:reduce){body{animation:none}}button,input{font:inherit}button{cursor:pointer}.password-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.password-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(27px);border-radius:20px;gap:14px;width:min(100%,420px);padding:24px;display:grid;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 30px 15px #ffffff26}.password-panel label{color:#fff;font-size:1rem;font-weight:850}.password-panel input{color:#fff;background:#ffffff24;border:1px solid #ffffff4d;border-radius:14px;outline:0;min-height:46px;padding:0 14px}.password-panel input:focus{border-color:#ffffffb8}.password-error{color:#ffe4e4f0;margin:0;font-size:.9rem}.app-shell{z-index:1;min-height:100vh;padding:clamp(12px,2.2vw,28px);position:relative}.studio{align-items:stretch;width:min(100%,1360px);min-height:calc(100vh - 2*clamp(12px,2.2vw,28px));margin:0 auto;display:grid}.workbench{grid-template-columns:minmax(0,1fr) minmax(306px,374px);align-items:stretch;gap:clamp(14px,2vw,24px);display:grid}.controls-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(27px);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 30px 15px #ffffff26}.controls-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffffd1,#0000);height:1px;position:absolute;inset:0 0 auto}.preview-panel{align-content:center;place-items:center;min-height:min(70vh,780px);padding:clamp(8px,1vw,14px);display:grid;position:relative}.preview-panel-dragging{background:#ffffff14}.export-stage{width:min(100%,720px);box-shadow:0 24px 56px var(--shadow);border:1px solid #ffffff47;border-radius:20px;position:relative;overflow:hidden}.export-stage-square{aspect-ratio:1}.export-stage-portrait{aspect-ratio:4/5;width:min(100%,560px)}.export-stage-landscape{aspect-ratio:16/9}.device-preview{z-index:2;aspect-ratio:1;filter:drop-shadow(0 22px 30px #1f0e3652);width:80%;height:auto;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.photo-tint-layer{z-index:1;pointer-events:none;background:#1f103347;position:absolute;inset:0}.device-preview-pannable{cursor:grab;touch-action:none}.device-preview-pannable:active{cursor:grabbing}.export-stage-landscape .device-preview{width:auto;height:72%}.drop-hint{z-index:3;-webkit-backdrop-filter:blur(18px);pointer-events:none;text-align:center;width:min(100% - 32px,360px);min-height:58px;color:var(--muted);background:#1f1b2d47;border:1px solid #ffffff3d;border-radius:16px;place-items:center;gap:5px;padding:12px 18px;display:grid;position:absolute;bottom:clamp(16px,3vw,28px);left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff38,0 14px 32px #150a262e}.drop-hint strong{color:var(--text)}.controls-panel{gap:16px;padding:clamp(16px,2vw,24px);display:grid}.control-group{gap:10px;display:grid}.field-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-label,.mini-control span,.range-control span{color:#ffffffd1;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.primary-button,.export-button,.segmented-control button{color:#fff;background:#ffffff24;border:1px solid #ffffff4d;border-radius:14px;min-height:44px;font-weight:850;box-shadow:inset 0 1px #ffffff3d}.primary-button:hover,.export-button:hover,.segmented-control button:hover{background:#ffffff38}.text-button{color:#fff;text-underline-offset:4px;background:0 0;border:0;min-height:30px;font-size:.82rem;font-weight:850;text-decoration:underline}.text-button:disabled{cursor:not-allowed;opacity:.42}.export-button{color:#2d1748;background:#fff;min-height:52px}.export-button:hover{background:#ffffffdb}.segmented-control{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.segmented-control button{background:0 0;border-color:#0000;border-radius:11px;min-height:38px;font-size:.88rem}.segmented-control button.active{background:#ffffff3d;border-color:#ffffff47}.meta-line{color:var(--muted);font-size:.86rem}.helper-text{color:var(--muted);margin:-2px 0 2px;font-size:.84rem;line-height:1.35}.background-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.background-swatch{color:#fff;background-position:50%;background-size:cover;border:1px solid #ffffff42;border-radius:14px;min-height:52px;font-size:.76rem;font-weight:850;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff3d}.background-swatch span{z-index:1;text-shadow:0 1px 8px #0000005c;position:relative}.background-swatch.active{outline-offset:2px;outline:3px solid #fff}.background-swatch:disabled{cursor:not-allowed;opacity:.45}.photo-swatch{background:linear-gradient(#1f103347,#1f103347),#ffffff1f}.transparent-swatch{background-color:#ffffff1f;background-image:linear-gradient(45deg,#ffffff47 25%,#0000 25%),linear-gradient(-45deg,#ffffff47 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff47 75%),linear-gradient(-45deg,#0000 75%,#ffffff47 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.range-control{background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;grid-template-columns:58px minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid}.range-control input[type=range]{accent-color:#fff;width:100%}.range-control input:disabled{cursor:not-allowed;opacity:.45}.range-control em{color:var(--muted);text-align:right;font-size:.8rem;font-style:normal}.control-grid{grid-template-columns:120px minmax(0,1fr);gap:14px;display:grid}.mini-control{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;align-content:center;gap:9px;min-height:78px;padding:12px;display:grid}.mini-control input[type=color]{background:0 0;border:0;border-radius:10px;width:100%;height:34px;padding:0}.mini-control input[type=range]{accent-color:#fff;width:100%}.mini-control em{color:var(--muted);font-size:.82rem;font-style:normal}@media (width>=921px){.app-shell{height:100vh;overflow:hidden}.studio,.workbench{height:100%;min-height:0}.preview-panel{min-height:0}.controls-panel{max-height:100%;overflow-y:auto}.export-stage{width:min(100%,720px,100vh - 132px)}.export-stage-portrait{width:min(100%,520px,80vh - 105.6px)}.export-stage-landscape{width:min(100%,820px,177.78vh - 234.67px)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=920px){.workbench{grid-template-columns:1fr}.preview-panel{min-height:58vh}}@media (width<=560px){.app-shell{padding:14px}.preview-panel,.controls-panel,.export-stage{border-radius:16px}.segmented-control,.control-grid{grid-template-columns:1fr}}