:root{color-scheme:dark;--bg:#080e1a;--surface:#0d1625;--card:#111b2e;--border:rgba(158,181,222,.14);--text:#f0f4ff;--muted:#91a2bd;--accent:#438eff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary,canvas{outline-offset:4px}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #86b8ff}.studio-nav{height:66px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);background:#0a111f}.brand{text-decoration:none;font-weight:800;letter-spacing:-.4px;white-space:nowrap}.brand span{color:var(--accent)}.generator-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:9px}.generator-switch a{text-decoration:none;padding:7px 12px;font-size:12px;font-weight:600;border-radius:6px;color:var(--muted)}.generator-switch a[aria-current]{background:#203453;color:#dceaff}.studio{max-width:1440px;margin:auto;padding:38px 32px 70px}.studio-heading{margin-bottom:30px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#84b7ff;margin:0 0 10px}h1{font-size:clamp(26px,3.4vw,42px);letter-spacing:-1.8px;line-height:1.15;margin:0 0 10px;font-weight:800}h1 span{color:var(--accent)}.studio-heading>p:last-child{color:var(--muted);margin:0;font-size:14px}.workspace{display:grid;grid-template-columns:348px minmax(0,1fr);gap:30px;align-items:start}.controls{display:flex;flex-direction:column;gap:16px;min-width:0}.panel{padding:20px;border:1px solid var(--border);background:var(--card);border-radius:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:15px;letter-spacing:-.3px;margin:0}.step{font-size:11px;color:#7890b5;font-weight:700;font-variant-numeric:tabular-nums}.image-drop{text-align:center;border:1px dashed #3a5279;border-radius:10px;padding:20px 12px 15px;background:#0c1628}.image-drop>svg{color:#93b9f4}.image-drop p{font-size:12px;font-weight:600;margin:10px 0 6px}.image-drop>span{display:block;font-size:10px;color:var(--muted);line-height:1.6}.button-row{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:16px}.button{padding:10px 12px;border:1px solid #33435e;background:#18253a;color:var(--text);border-radius:8px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:39px;transition:background .15s,border-color .15s}.button:hover{background:#233550;border-color:#55739c}.button.primary{background:#337df0;border-color:#438eff;color:#fff}.button.primary:hover{background:#4b91ff}.file-name{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:11px 0 16px}.range-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 9px;font-size:11px}.range-heading label{font-weight:600}.range-heading output{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:15px;margin:0}.image-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.inline-field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.inline-field select{width:auto;padding:7px 9px;font-size:11px}.text-button{background:none;border:0;padding:5px 0;color:#97c0ff;font-size:11px;font-weight:600}.text-button:hover{color:#dbeaff}.hint{font-size:10px;line-height:1.6;color:var(--muted);margin:11px 0 0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;min-width:0}.field>label{font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}.field>label>span{color:var(--muted);font-size:10px;font-weight:400}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input:not([type=range]):not([type=checkbox]):not([type=file]),select,textarea{width:100%;min-width:0;border:1px solid #2c3d58;border-radius:7px;background:#0a1323;color:var(--text);padding:10px 11px;transition:border-color .15s;font-size:13px}input:hover,select:hover,textarea:hover{border-color:#47658d}textarea{resize:vertical;min-height:68px;line-height:1.5}input[type=color]{height:38px;padding:4px!important}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;flex-shrink:0}.checkbox{display:flex;align-items:center;gap:9px;font-size:11px;color:#bbc9dd;line-height:1.5;cursor:pointer;margin:0}.conversion{font-size:11px;color:#8dbbff;margin:-5px 0 19px}.caption-field{margin:18px 0 0}.appearance{padding:0}.appearance>summary{cursor:pointer;padding:19px 20px;font-weight:700;font-size:12px}.appearance-body{padding:0 20px 20px}.appearance-body .checkbox{margin-top:15px}.reset-button{align-self:flex-start;margin:0 0 15px}.preview-column{position:sticky;top:24px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}.preview-toolbar h2{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:600}.live-dot{width:6px;height:6px;background:#61dcb1;border-radius:50%}.preview-toolbar>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.3px}.preview-shell{position:relative;border:1px solid #304263;border-radius:11px;overflow:hidden;background:#020710;box-shadow:0 15px 55px #0003}#graphicCanvas{width:100%;height:auto;display:block;cursor:grab;touch-action:none}#graphicCanvas:active{cursor:grabbing}.drop-overlay{position:absolute;inset:0;background:#163c70eb;border:2px dashed #9fc7ff;display:none;align-items:center;justify-content:center;font-size:20px;font-weight:700;pointer-events:none}.preview-shell.dragging .drop-overlay{display:flex}.image-drop.dragging{border-color:#a4c8ff;background:#173154}.export-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.export-row>p{font-size:10px;color:var(--muted);margin:0}.download-button{min-height:43px;padding:12px 20px;font-size:12px}.status{font-size:12px;color:#a7b8d2;line-height:1.6;margin:14px 0 0;min-height:19px}.status.error{color:#ffb3ad}.privacy-note{font-size:10px;line-height:1.6;color:#788ba8;margin:8px 0 0}.mobile-preview-toggle{display:none}.database-dialog{width:min(820px,calc(100vw - 32px));max-height:min(85vh,950px);border:1px solid #354b6e;border-radius:16px;padding:0;background:var(--card);color:var(--text);box-shadow:0 24px 100px #000a;overflow-y:auto}.database-dialog::backdrop{background:#030816cf;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:24px 24px 17px;border-bottom:1px solid var(--border)}.dialog-heading .eyebrow{font-size:9px;margin-bottom:8px}.dialog-heading h2{font-size:19px;letter-spacing:-.6px;margin:0}.icon-button{border:0;border-radius:6px;background:#1d2c43;color:var(--muted);font-size:24px;line-height:1;min-width:32px;height:32px}.database-search{padding:18px 24px 0}.database-status{margin:10px 24px}.storm-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 24px 24px}.storm-result{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;padding:12px;border-radius:9px;background:#0c1628;color:var(--text);border:1px solid var(--border)}.storm-result:hover{border-color:#5c91d4;background:#172941}.storm-result img{width:48px;height:48px;object-fit:cover;border-radius:7px;background:#16233a;flex-shrink:0}.storm-result strong{font-size:12px;display:block;line-height:1.4}.storm-result small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.media-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:6px 24px 16px}.media-tools select{max-width:210px}.media-filters{display:flex;gap:8px;padding:0 24px 15px}.filter-button{border:1px solid var(--border);border-radius:18px;background:#0c1628;color:var(--muted);font-size:11px;padding:7px 12px}.filter-button.active{background:#213b60;border-color:#5384c4;color:#dbeaff}.media-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 24px 24px}.media-result{padding:0;overflow:hidden;background:#0a1323;color:var(--text);border:1px solid var(--border);border-radius:9px;text-align:left;min-width:0}.media-result:hover{border-color:#70a4e8}.media-result img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.media-result span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
.preview-actions{display:flex;align-items:center;gap:16px}.preview-actions>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.3px}
#previewHeading{scroll-margin-top:90px}
.estimate-heading{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#a7b7ff;margin:20px 0 12px}
.preview-style{display:flex;align-items:center;gap:12px}.preview-style .slide-style{width:auto;min-width:79px;padding:7px 26px 7px 10px;font-size:11px;background:#151c35;border-color:#3a416c;color:#cfdaff}.preview-shell[data-style$=aura]{border-color:#6676aa66;box-shadow:0 0 0 1px #8a98e50d,0 12px 65px #5461cf24,0 20px 60px #0006}.aura-options{padding:4px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--border)}.aura-options>.field{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.aura-options input[type=color]{width:76px!important}
@media(min-width:1550px){.studio{padding-top:46px}.workspace{grid-template-columns:360px minmax(0,1fr);gap:40px}}
@media(max-width:1024px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:20px}.studio{padding:28px 22px 60px}.panel{padding:17px}.appearance{padding:0}.studio-nav{padding:0 22px}.generator-switch a{padding:7px 9px}}
@media(max-width:760px){.studio{padding:24px 14px 80px}.studio-heading{margin-bottom:23px}h1{font-size:29px;letter-spacing:-1.1px}.studio-heading>p:last-child{font-size:12px;line-height:1.6}.workspace{display:flex;flex-direction:column;gap:24px}.preview-column{position:static;width:100%;order:-1}.controls{width:100%}.panel{padding:20px}.appearance{padding:0}.privacy-note{font-size:10px}.generator-switch{gap:2px}.generator-switch a{font-size:10px;padding:8px}.studio-nav{height:auto;min-height:62px;padding:12px 14px;flex-wrap:wrap;gap:12px}.brand{font-size:13px}.export-row{margin-top:12px}.mobile-preview-toggle{display:block;position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:150;background:#1e3a60;box-shadow:0 6px 22px #0008;font-size:11px;min-height:40px}.storm-results{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.dialog-heading,.database-search{padding-left:16px;padding-right:16px}.media-results{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:16px;padding-right:16px}.media-tools,.media-filters{padding-left:16px;padding-right:16px}.dialog-heading h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:500px){.preview-actions>span{display:none}.download-button{padding:10px 13px;font-size:11px;min-height:39px}}
@media(max-width:500px){.preview-style{gap:7px}.preview-toolbar h2{font-size:10px}.preview-style .slide-style{min-width:69px;font-size:10px;padding:7px 18px 7px 7px}}

.outline-field{margin-top:18px}