@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--serif:"Fraunces", Georgia, serif;font:16px/1.45 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100svh;margin:0}body{background:#0b0b10}h1,h2,h3,p,ul{margin:0}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}@font-face{font-family:Make It Better;font-style:normal;font-weight:100;font-display:swap;src:url(/deckcraft/assets/MakeItBetter-Light-C10slGx9.otf)format("opentype")}@font-face{font-family:Make It Better;font-style:normal;font-weight:400;font-display:swap;src:url(/deckcraft/assets/MakeItBetter-Regular-7Yy4xYxp.otf)format("opentype")}@font-face{font-family:Make It Better;font-style:normal;font-weight:700;font-display:swap;src:url(/deckcraft/assets/MakeItBetter-Bold-BRK-mFTs.otf)format("opentype")}@font-face{font-family:Make It Better;font-style:normal;font-weight:800;font-display:swap;src:url(/deckcraft/assets/MakeItBetter-XBold-y3jnRiju.otf)format("opentype")}:root{--s24-font:"Make It Better", Verdana, Arial, Helvetica, sans-serif;--s24-weight-light:100;--s24-weight-regular:400;--s24-weight-bold:700;--s24-weight-xbold:800;--s24-brand-25:#fff7ee;--s24-brand-50:#ffecd8;--s24-brand-100:#ffd4a6;--s24-brand-200:#ffc384;--s24-brand-250:#ffa94d;--s24-brand-300:#ff9626;--s24-brand-400:#e9740f;--s24-brand-500:#bb5d0b;--s24-brand-600:#944a09;--s24-brand-700:#723807;--s24-brand-800:#522805;--s24-brand-900:#2b1603;--s24-white:#fff;--s24-sand:#fbf8f6;--s24-grey-50:#f1efed;--s24-grey-100:#dedcda;--s24-grey-200:#d1cecd;--s24-grey-250:#bdbbb9;--s24-grey-300:#b1afae;--s24-grey-400:#969494;--s24-grey-500:#787676;--s24-grey-600:#5e5e5d;--s24-grey-800:#333;--s24-grey-900:#181b1b;--s24-brand-primary:var(--is24-color-orange-300);--s24-brand-primary-dark:var(--is24-color-orange-400);--s24-brand-primary-text:var(--is24-color-orange-500);--s24-text-primary:var(--is24-color-charcoal);--s24-text-secondary:#3333338c;--s24-text-inverse:var(--is24-color-white);--s24-bg-default:var(--is24-color-white);--s24-bg-soft:var(--is24-color-sand);--s24-bg-dark:var(--is24-color-charcoal);--s24-bg-deep:var(--is24-color-charcoal);--s24-border-subtle:#3333331a;--s24-divider:#3333331f;--s24-chart-highlight:var(--is24-color-orange-300);--is24-color-white:#fff;--is24-color-sand:#fbf8f6;--is24-color-charcoal:#333;--is24-color-purple-250:#d5aaff;--is24-color-purple-400:#b080dc;--is24-color-purple-500:#9262b9;--is24-color-blue-200:#24e3ff;--is24-color-blue-400:#01a0d4;--is24-color-blue-500:#007fab;--is24-color-yellow-50:#eff933;--is24-color-yellow-400:#b79004;--is24-color-yellow-500:#937202;--is24-color-orange-300:#ff9626;--is24-color-orange-400:#e9740f;--is24-color-orange-500:#bb5d0b;--s24-accent-purple:var(--is24-color-purple-250);--s24-accent-purple-strong:var(--is24-color-purple-500);--s24-accent-yellow:var(--is24-color-yellow-50);--s24-accent-yellow-strong:var(--is24-color-yellow-400);--s24-accent-blue:var(--is24-color-blue-200);--s24-accent-blue-strong:var(--is24-color-blue-500);--s24-on-dark-orange:var(--is24-color-orange-300);--s24-on-dark-purple:var(--is24-color-purple-250);--s24-on-dark-blue:var(--is24-color-blue-200);--s24-on-dark-yellow:var(--is24-color-yellow-50);--s24-display-xl:144px;--s24-display-l:120px;--s24-h1:96px;--s24-h2:72px;--s24-h3:56px;--s24-body-l:44px;--s24-body:36px;--s24-small:28px;--s24-caption:22px;--s24-lh-tight:1.04;--s24-lh-heading:1.16;--s24-lh-body:1.45;--s24-num-380:380px;--s24-num-340:340px;--s24-num-200:200px;--s24-num-180:180px;--s24-num-160:160px;--s24-num-150:150px;--s24-num-140:140px;--s24-num-120:120px;--s24-space-1:4px;--s24-space-2:8px;--s24-space-3:12px;--s24-space-4:16px;--s24-space-5:24px;--s24-space-6:32px;--s24-space-7:48px;--s24-space-8:64px;--s24-space-9:96px;--s24-space-10:128px;--s24-radius-none:0px;--s24-radius-small:8px;--s24-radius-medium:16px;--s24-radius-large:24px;--s24-radius-xlarge:32px;--s24-radius-pill:999px;--s24-canvas-w:1920px;--s24-canvas-h:1080px;--s24-margin:96px;--s24-margin-compact:64px;--s24-margin-hero:128px}.s24-fit{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty}.s24-scale-2{--s24-display-xl:118px;--s24-display-l:100px;--s24-h1:82px;--s24-h2:62px;--s24-h3:50px;--s24-body-l:39px;--s24-body:32px;--s24-small:26px;--s24-caption:20px;--s24-num-380:323px;--s24-num-340:289px;--s24-num-200:170px;--s24-num-180:153px;--s24-num-160:136px;--s24-num-150:128px;--s24-num-140:119px;--s24-num-120:102px}.s24-scale-3{--s24-display-xl:96px;--s24-display-l:82px;--s24-h1:68px;--s24-h2:53px;--s24-h3:43px;--s24-body-l:34px;--s24-body:29px;--s24-small:24px;--s24-caption:19px;--s24-space-7:40px;--s24-space-8:52px;--s24-num-380:266px;--s24-num-340:238px;--s24-num-200:140px;--s24-num-180:126px;--s24-num-160:112px;--s24-num-150:105px;--s24-num-140:98px;--s24-num-120:84px}.s24-scale-4{--s24-display-xl:80px;--s24-display-l:68px;--s24-h1:56px;--s24-h2:45px;--s24-h3:37px;--s24-body-l:30px;--s24-body:25px;--s24-small:21px;--s24-caption:17px;--s24-space-5:20px;--s24-space-7:34px;--s24-space-8:44px;--s24-space-9:64px;--s24-num-380:220px;--s24-num-340:197px;--s24-num-200:116px;--s24-num-180:104px;--s24-num-160:93px;--s24-num-150:87px;--s24-num-140:81px;--s24-num-120:70px}.prompt-screen{background:radial-gradient(60% 50% at 20% 10%,#ff96262e,#0000),radial-gradient(50% 40% at 85% 90%,#ff962614,#0000),#0b0b10;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.prompt-card{color:#f2f2f7;background:#15151d;border:1px solid #26263380;border-radius:20px;width:100%;max-width:640px;padding:40px;box-shadow:0 30px 80px #00000073}.prompt-card h1{letter-spacing:-.02em;font-family:Make It Better,Verdana,sans-serif;font-size:34px;font-weight:800}.prompt-card .tagline{color:#a5a5b5;margin-top:8px;font-size:15px}.tabs{background:#0f0f16;border:1px solid #26263a;border-radius:999px;gap:4px;margin-top:24px;padding:4px;display:flex}.tab{color:#a5a5b5;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 14px;font-size:13px}.tab.active{color:#f2f2f7;background:#26263a}.prompt-card form{flex-direction:column;gap:12px;margin-top:24px;display:flex}.prompt-card textarea{resize:vertical;color:#f2f2f7;background:#0f0f16;border:1px solid #2c2c3a;border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.5}.prompt-card textarea:focus{border-color:#ff9626;outline:none}.prompt-card button[type=submit]{color:#333;background:#ff9626;border:none;border-radius:999px;align-self:flex-end;padding:11px 22px;font-size:14px;font-weight:700;transition:transform .15s,opacity .15s}.prompt-card button[type=submit]:disabled{opacity:.5;cursor:default}.prompt-card button[type=submit]:not(:disabled):hover{transform:translateY(-1px)}.presets{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.presets-label{color:#9494a6;margin-right:4px;font-size:12px}.preset-chip{color:#c7c7d6;background:#1c1c28;border:1px solid #2c2c3a;border-radius:999px;padding:7px 14px;font-size:12.5px}.preset-chip:hover{color:#f2f2f7;border-color:#ff9626}.history-empty{text-align:center;color:#9494a6;border:1px dashed #2c2c3a;border-radius:12px;margin-top:24px;padding:24px;font-size:14px}.history-list{flex-direction:column;gap:8px;max-height:360px;margin-top:20px;display:flex;overflow-y:auto}.history-item{align-items:center;gap:8px;display:flex}.history-item-main{text-align:left;background:#0f0f16;border:1px solid #2c2c3a;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;padding:12px 16px;transition:border-color .15s;display:flex}.history-item-main:hover{border-color:#ff9626}.history-item-title{color:#f2f2f7;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:600;overflow:hidden}.history-item-meta{color:#9494a6;font-size:12.5px}.history-item-delete{color:#9494a6;background:0 0;border:1px solid #2c2c3a;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:12px}.history-item-delete:hover{color:#ffb4b4;border-color:#b04040}.error{color:#ffb4b4;background:#3a1414;border:1px solid #6b1f1f;border-radius:10px;margin-top:14px;padding:10px 14px;font-size:13.5px}.dropzone{text-align:center;cursor:pointer;border:2px dashed #2c2c3a;border-radius:14px;margin-top:24px;padding:40px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag-over{background:#ff96260f;border-color:#ff9626}.dropzone-title{color:#f2f2f7;font-size:15px;font-weight:500}.dropzone-hint{color:#9494a6;margin-top:4px;font-size:13px}.upload-result{flex-direction:column;gap:10px;margin-top:24px;display:flex}.upload-file-chip{color:#d5d5e0;background:#1c1c28;border:1px solid #2c2c3a;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.upload-file-chip button{color:#8b8b9c;background:0 0;border:none;font-size:12.5px;text-decoration:underline}.upload-preview{color:#9a9aab;resize:vertical;background:#0f0f16;border:1px solid #2c2c3a;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.5}.upload-images{flex-direction:column;gap:8px;display:flex}.upload-images-label{color:#8b8b9c;font-size:12px}.upload-images-strip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.upload-images-strip img{object-fit:cover;border:1px solid #2c2c3a;border-radius:8px;flex-shrink:0;width:64px;height:64px}.upload-result textarea:not(.upload-preview){color:#f2f2f7;resize:vertical;background:#0f0f16;border:1px solid #2c2c3a;border-radius:12px;padding:12px 14px;font-size:14px}.upload-result textarea:not(.upload-preview):focus{border-color:#ff9626;outline:none}.upload-result>button{color:#333;background:#ff9626;border:none;border-radius:999px;align-self:flex-end;padding:11px 22px;font-size:14px;font-weight:700}.upload-result>button:disabled{opacity:.5}.upload-summary{color:#8fce9c;font-size:12.5px}.progress{flex-direction:column;gap:8px;width:100%;display:flex}.progress-track{background:#26263a;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill{background:#ff9626;border-radius:999px;height:100%;transition:width .2s}.progress-fill.indeterminate{width:40%;animation:1.2s ease-in-out infinite progress-sweep}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.progress-label{color:#a5a5b5;text-align:center;font-size:12.5px}.deck-editor{color:#f2f2f7;background:#0b0b10;flex-direction:column;height:100svh;display:flex}.toolbar{background:#101017;border-bottom:1px solid #212129;flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.toolbar-logo{width:auto;height:22px}.ghost-button{color:#c7c7d6;background:0 0;border:1px solid #2c2c3a;border-radius:999px;padding:7px 14px;font-size:13px}.ghost-button:hover{color:#fff;border-color:#ff9626}.deck-title-input{color:#f2f2f7;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 8px;font-size:16px;font-weight:600}.deck-title-input:focus{background:#1c1c28;outline:none}.primary-button{color:#333;background:#ff9626;border:none;border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700}.primary-button:disabled{opacity:.6}.export-menu{position:relative}.export-menu-dropdown{z-index:20;background:#17171f;border:1px solid #2c2c3a;border-radius:12px;flex-direction:column;gap:2px;width:280px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px #00000080}.export-menu-item{text-align:left;color:#f2f2f7;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.export-menu-item:hover{background:#232330}.export-menu-item-label{font-size:13.5px;font-weight:700}.export-menu-item-desc{color:#9a9aab;white-space:normal;font-size:11.5px;line-height:1.4}.demo-banner{color:#ffc073;background:#2a1f10;border-bottom:1px solid #4a3818;flex-shrink:0;padding:7px 20px;font-size:12.5px}.demo-banner code{background:#ff962626;border-radius:4px;padding:1px 5px;font-size:11.5px}.demo-banner.error-banner{color:#ffb4b4;background:#3a1414;border-bottom-color:#6b1f1f;justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-banner.error-banner .ghost-button{padding:3px 10px;font-size:12px}.editor-body{flex:1;min-height:0;display:flex}.thumbnails{background:#0e0e14;border-right:1px solid #1c1c24;flex-direction:column;flex-shrink:0;gap:12px;width:180px;padding:16px 12px;display:flex;overflow-y:auto}.thumb-wrap{cursor:pointer;border:2px solid #0000;border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.thumb-wrap.selected{border-color:#ff9626}.thumb-index{color:#f2f2f7;z-index:2;background:#00000073;border-radius:4px;padding:1px 5px;font-size:10px;position:absolute;top:4px;left:6px}.thumb-scale{aspect-ratio:16/9;pointer-events:none;width:100%;position:relative;overflow:hidden}.thumb-scale .slide-stage{width:100%;height:100%}.thumb-delete{z-index:2;color:#fff;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:4px;right:6px}.thumb-delete:hover{background:#c94040}.canvas-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-width:0;padding:24px;display:flex;overflow-y:auto}.canvas-frame{aspect-ratio:16/9;border-radius:6px;width:100%;max-width:960px;overflow:hidden;box-shadow:0 20px 60px #00000080}.slide-stage{width:100%;height:100%;position:relative;overflow:hidden}.slide-stage-inner{transform-origin:0 0;position:relative}.side-panel{background:#0e0e14;border-left:1px solid #1c1c24;flex-shrink:0;width:300px;padding:16px 14px;overflow-y:auto}.side-panel-heading{color:#d5d5e0;text-transform:none;letter-spacing:.06em;border-bottom:1px solid #1f1f28;margin:4px 0 10px;padding-bottom:6px;font-size:12px;font-weight:700}.side-panel-heading span{color:#9494a6;text-transform:none;letter-spacing:0;font-weight:400}.side-panel-heading+.side-panel-heading,.content-panel+.side-panel-heading{margin-top:20px}.more-toggle{color:#8b8b9c;text-align:left;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:12px}.more-toggle:hover{color:#ff9626}.content-panel{flex-direction:column;gap:12px;display:flex}.content-panel .field{flex-direction:column;gap:5px;display:flex}.content-panel label{color:#8b8b9c;text-transform:none;letter-spacing:.05em;font-size:11px;font-weight:600}.content-panel label .hint{text-transform:none;letter-spacing:0;color:#8b8b9c;font-weight:400}.content-panel input,.content-panel textarea,.content-panel select{color:#f2f2f7;background:#1a1a24;border:1px solid #2c2c3a;border-radius:8px;width:100%;padding:7px 9px;font-size:13px}.content-panel input:focus,.content-panel textarea:focus,.content-panel select:focus{border-color:#ff9626;outline:none}.content-panel textarea{resize:vertical}.photo-upload{align-items:center;gap:8px;margin-top:2px;display:flex}.photo-upload .ghost-button{padding:5px 10px;font-size:11.5px}.photo-upload-preview{flex-shrink:0;position:relative}.photo-upload-preview img{object-fit:cover;border:1px solid #2c2c3a;border-radius:6px;width:40px;height:40px;display:block}.photo-upload-preview button{color:#c7c7d6;background:#1a1a24;border:1px solid #2c2c3a;border-radius:50%;width:16px;height:16px;padding:0;font-size:10px;line-height:1;position:absolute;top:-6px;right:-6px}.image-picker{border-top:1px solid #2c2c3a;flex-direction:column;gap:10px;margin-top:20px;padding-top:16px;display:flex}.image-picker-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-picker-label{color:#c7c7d6;font-size:12.5px}.image-picker-label .hint{color:#9494a6}.image-picker-strip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.image-picker-thumb{flex-shrink:0;position:relative}.image-picker-thumb img{object-fit:cover;border:1px solid #2c2c3a;border-radius:8px;width:64px;height:64px;display:block}.image-picker-thumb button{color:#c7c7d6;background:#1a1a24;border:1px solid #2c2c3a;border-radius:50%;width:18px;height:18px;padding:0;font-size:11px;line-height:1;position:absolute;top:-6px;right:-6px}.item-row{grid-template-columns:1fr 1fr 52px 22px;align-items:center;gap:4px;margin-bottom:4px;display:grid}.item-row .stat-input{padding-left:6px;padding-right:6px}.item-row button{color:#8b8b9c;background:0 0;border:none;padding:0;font-size:15px}.item-row button:hover{color:#ff6b6b}.add-item{color:#c7c7d6;background:#1c1c28;border:1px solid #2c2c3a;border-radius:8px;align-self:flex-start;margin-top:2px;padding:5px 10px;font-size:12px}.add-item:hover{border-color:#ff9626}.ai-panel{flex-direction:column;gap:12px;display:flex}.ai-block{flex-direction:column;gap:5px;display:flex}.ai-block label{color:#8b8b9c;text-transform:none;letter-spacing:.05em;font-size:11px;font-weight:600}.ai-row{gap:8px;display:flex}.ai-row input{color:#f2f2f7;background:#1a1a24;border:1px solid #2c2c3a;border-radius:8px;flex:1;padding:8px 10px;font-size:13.5px}.ai-row input:focus{border-color:#ff9626;outline:none}.ai-row button{color:#f2f2f7;white-space:nowrap;background:#23232f;border:1px solid #33333f;border-radius:8px;padding:8px 14px;font-size:13px}.ai-row button:hover:not(:disabled){border-color:#ff9626}.ai-row button:disabled{opacity:.5}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.tab:focus-visible,.thumb-wrap:focus-visible{outline-offset:2px;outline:2px solid #ff9626}