html{background:#f6f8fb}body{margin:0}#root{min-height:100vh}:root{--accent:#f01919;--accent-dark:#d41010;--ink:#141518;--muted:#6f7480;--line:#dde2ea;--soft-line:#edf0f5;--panel:#fff;--canvas:#f6f8fb;--sidebar:#0b0f12;--sidebar-2:#12171b;--green:#2dbb55;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 40% 0,#e2eaf7b8,#0000 34rem),linear-gradient(#fff 0%,#f5f7fb 100%);min-width:1180px;height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}svg{stroke-width:1.9px;width:18px;height:18px}.deckgen-app{height:100vh;display:flex;overflow:hidden}.sidebar{color:#fff;background:radial-gradient(circle at 40% 18%,#ffffff0f,#0000 10rem),linear-gradient(155deg,#11161a 0%,#080b0d 58%,#030404 100%);border-right:1px solid #15191d;flex-direction:column;flex:0 0 200px;width:200px;height:100vh;transition:width .18s,flex-basis .18s;display:flex}.sidebar-backdrop{display:none}.sidebar.collapsed{flex-basis:74px;width:74px}.brand-lockup{align-items:flex-start;height:104px;padding:31px 24px;display:flex}.fortinet-logo{width:139px;height:auto;display:block}.sidebar.collapsed .fortinet-logo{width:105px;transform:translate(-8px)}.sidebar-nav,.sidebar-footer{flex-direction:column;gap:12px;padding:10px 20px;display:flex}.sidebar-nav{flex:1}.nav-item{color:#ffffffe6;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:15px;width:100%;height:42px;padding:0 0 0 4px;font-size:16px;display:flex}.nav-item svg{color:#ffffffdb;width:20px;height:20px}.nav-item.active{color:var(--accent);position:relative}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:4px;height:42px;position:absolute;left:-20px}.nav-item.active svg{color:var(--accent)}.nav-item:hover,.history-item:hover{background:#ffffff0e}.history-list{flex-direction:column;gap:6px;max-height:260px;margin:-6px 0 2px 35px;padding-right:4px;display:flex;overflow-y:auto}.history-item{color:#ffffffa8;border-radius:5px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:4px;display:grid;overflow:hidden}.history-select,.history-download{color:inherit;background:0 0;border:0}.history-select{text-align:left;cursor:pointer;min-width:0;padding:7px 8px}.history-topic,.history-description{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-topic{color:#ffffffdb;font-size:12px;line-height:1.25}.history-description{color:#ffffff6b;margin-top:2px;font-size:10px;line-height:1.25}.history-download{color:#ffffff9e;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.history-download svg{width:14px;height:14px}.history-item.selected,.history-download:hover{color:#fff;background:#ffffff14}.sidebar.collapsed .nav-item span,.sidebar.collapsed .history-list,.sidebar.collapsed .nav-item{overflow:hidden}.app-shell{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid #d6dce6bf;flex:0 0 92px;justify-content:space-between;align-items:flex-start;height:92px;padding:20px 38px 14px;display:flex}.topbar-title{align-items:flex-start;gap:14px;display:flex}.mobile-menu-button{display:none}.topbar h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:780;line-height:1.1}.topbar h1 span{color:#1d7bd8;border:2px solid #1d7bd8;border-radius:9px;align-items:center;height:28px;margin-left:8px;padding:0 8px;font-size:15px;display:inline-flex;transform:rotate(-3deg)}.topbar p{color:#5b626f;margin:6px 0 0;font-size:16px}.topbar-actions{align-items:center;gap:20px;display:flex}.icon-button{color:#111;background:0 0;border:0;width:31px;height:31px;padding:0;position:relative}.icon-button svg{width:25px;height:25px}.notification span{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:750;display:grid;position:absolute;top:-4px;right:-5px}.avatar{color:#20242a;background:#e4e8ee;border-radius:999px;place-items:center;width:48px;height:48px;font-weight:650;display:grid}.workspace{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:405px minmax(0,1fr);gap:18px;min-height:0;padding:18px 18px 10px;display:grid}.control-card,.deck-card{background:#ffffffeb;border:1px solid #d9dee7;border-radius:9px;box-shadow:0 14px 42px #18212e14}.control-card{min-height:0;padding:15px 22px 12px;overflow-y:auto}.section-heading h2{align-items:center;gap:9px;margin:0;font-size:18px;line-height:1.2;display:flex}.section-heading h2 span{border:2px solid var(--accent);width:18px;height:18px;color:var(--accent);border-radius:5px;place-items:center;font-size:11px;display:inline-grid}.section-heading p{color:#6f7480;margin:3px 0 11px 27px;font-size:13px}.section-heading.compact{margin-top:12px}.section-heading.compact p{margin-bottom:8px}.config-form{flex-direction:column;gap:7px;display:flex}.config-form label{color:#15171b;flex-direction:column;gap:4px;font-size:13px;font-weight:680;display:flex}.field-label{align-items:center;gap:6px;line-height:1.2;display:inline-flex}.field-info{color:#687181;cursor:help;justify-content:center;align-items:center;display:inline-flex;position:relative}.field-info svg{stroke-width:2px;width:15px;height:15px}.field-info:hover,.field-info:focus-visible{color:var(--accent);outline:none}.field-tooltip{z-index:30;color:#fff;text-align:left;opacity:0;pointer-events:none;background:#171b20;border:1px solid #d9dee8;border-radius:7px;width:220px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:calc(100% + 8px);transform:translate(4px,-50%);box-shadow:0 12px 28px #12182333}.field-tooltip:after{content:"";background:#171b20;width:8px;height:8px;position:absolute;top:50%;right:100%;transform:translate(4px,-50%)rotate(45deg)}.field-info:hover .field-tooltip,.field-info:focus-visible .field-tooltip{opacity:1;transform:translateY(-50%)}.config-form input,.config-form select,.file-select{color:#1d2229;background:#fff;border:1px solid #cfd6e0;border-radius:7px;outline:0;width:100%;height:32px;padding:0 13px;font-size:14px;font-weight:430}.config-form input:focus,.config-form select:focus,.file-select.drag-over{border-color:var(--accent);box-shadow:0 0 0 3px #f0191914}.settings-form{margin-top:10px}.settings-note{color:#667080;background:#f7f9fc;border:1px solid #e1e6ef;border-radius:8px;padding:13px 14px;font-size:13px;line-height:1.45}.settings-note strong{color:#20242b}.yolo-lock{background:#f8fafd;border:1px solid #e1e6ef;border-radius:10px;flex-direction:column;align-items:stretch;gap:10px;margin-top:14px;padding:22px 18px;display:flex}.lock-icon{width:42px;height:42px;color:var(--accent);background:#fff0f0;border-radius:10px;place-items:center;display:grid}.yolo-lock h3{margin:2px 0 0;font-size:17px}.yolo-lock p{color:#667080;margin:0 0 4px;font-size:13px;line-height:1.4}.yolo-lock input{border:1px solid #cfd6e0;border-radius:7px;outline:0;height:36px;padding:0 12px}.yolo-lock input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f0191914}.yolo-lock span{color:var(--accent);font-size:12px}.yolo-lock button{background:var(--accent);color:#fff;border:0;border-radius:7px;height:37px;font-weight:750}.terminal-card{color:#d8dee9;background:#0d1117;border-radius:10px;margin-top:15px;padding:12px;box-shadow:inset 0 0 0 1px #ffffff14}.terminal-header{color:#f3f6fb;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:700;display:flex}.terminal-header span{align-items:center;gap:7px;display:inline-flex}.terminal-header b{color:#8ddf89;text-transform:uppercase;font-size:11px;font-weight:700}.terminal-screen{color:#9ee787;background:#05070a;border:1px solid #ffffff17;border-radius:7px;height:154px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.55;overflow:hidden}.terminal-screen div:before{content:"$ ";color:#6e7681}.terminal-screen a{color:#58a6ff;margin-top:5px;text-decoration:none;display:inline-flex}.terminal-prompt{color:#c9d1d9;flex-direction:column;gap:5px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.terminal-prompt textarea{resize:none;color:#f0f3f6;background:#161b22;border:1px solid #ffffff1f;border-radius:7px;outline:0;width:100%;height:74px;padding:9px 10px;font:12px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.terminal-prompt textarea:focus{border-color:#58a6ff}.terminal-run{background:var(--accent);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:35px;margin-top:10px;font-weight:750;display:inline-flex}.terminal-run:disabled{opacity:.55;cursor:not-allowed}.file-select{color:#8a919e;align-items:center;gap:8px;font-weight:430;display:flex;position:relative}.file-select input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-select svg{width:16px;height:16px}.generation-actions{grid-template-columns:1fr auto;gap:9px;margin-top:3px;display:grid}.primary-action{background:linear-gradient(180deg, #ff3434 0%, var(--accent) 100%);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:36px;font-weight:720;display:inline-flex;box-shadow:0 10px 22px #f0191938}.primary-action:disabled{opacity:.55;cursor:not-allowed}.stop-action{height:36px;color:var(--accent);background:#fff;border:1px solid #f1b5b5;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-weight:720;display:inline-flex}.stop-action svg{fill:currentColor;width:15px;height:15px}.stop-action:disabled{opacity:.55;cursor:not-allowed}.generation-card{margin-top:10px;padding-top:0}.generation-card.idle .stage-line{color:#8a929f}.generation-card.idle .stage-line i{border-color:#d4dae4}.stage-list{flex-direction:column;gap:6px;margin-top:4px;display:flex}.stage-line{color:#343941;grid-template-columns:18px 1fr auto;align-items:center;gap:12px;font-size:13px;display:grid}.stage-line i{border:2px solid var(--accent);border-radius:999px;width:14px;height:14px;display:inline-block;position:relative}.stage-line.done i{border-color:var(--green)}.stage-line.done i:after{content:"";border:solid var(--green);border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.stage-line.active i{border-color:#f0191938;border-top-color:var(--accent);animation:.8s linear infinite stage-spin;box-shadow:0 0 0 4px #f019191a}.stage-line.pending{color:#636a76}.stage-line.pending i{border-color:var(--accent)}.stage-line b{font-weight:500}@keyframes stage-spin{to{transform:rotate(360deg)}}.progress-row{grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:10px;display:grid}.progress-row div{background:#e5e9ef;border-radius:999px;height:5px;overflow:hidden}.progress-row span{background:var(--accent);height:100%;transition:width .35s;display:block}.progress-row b{color:#282d34;font-size:14px}.deck-card{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.deck-toolbar{justify-content:space-between;align-items:center;height:74px;padding:16px 18px;display:flex}.deck-toolbar h2{margin:0;font-size:19px}.deck-actions{align-items:center;gap:13px;display:flex}.secondary-action,.export-action{border-radius:7px;align-items:center;gap:10px;height:40px;padding:0 17px;font-size:14px;font-weight:590;text-decoration:none;display:inline-flex}.secondary-action{color:#171b20;background:#fff;border:1px solid #d8dee8}.secondary-action.disabled{opacity:.45;pointer-events:none}.export-action{background:linear-gradient(180deg, #ff3434, var(--accent));color:#fff;border:0;box-shadow:0 10px 22px #f019192e}.export-action.disabled{opacity:.45;pointer-events:none}.export-action svg:last-child{width:15px}.action-menu-wrap{position:relative}.action-menu{z-index:20;background:#fff;border:1px solid #d9dee8;border-radius:8px;min-width:190px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 34px #1218232e}.action-menu button,.action-menu a{color:#171b20;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.action-menu button:hover,.action-menu a:hover{background:#f3f5f8}.action-menu svg{color:#5d6675;width:16px;height:16px}.preview-stage{aspect-ratio:16/9;background:linear-gradient(135deg,#0000000a,#0000),#111;border-radius:4px;place-items:center;width:calc(100% - 36px);height:auto;min-height:320px;max-height:min(64vh,610px);margin:0 18px;display:grid;overflow:hidden}.preview-stage img{object-fit:contain;background:#101214;width:100%;height:100%;display:block}.preview-empty{color:#b8bec8;background:#f7f8fb;align-content:center;place-items:center;gap:12px;width:100%;height:100%;display:grid}.preview-empty svg{stroke-width:1.1px;width:64px;height:64px}.preview-empty p{margin:0}.thumbnail-row{grid-template-columns:30px 1fr 30px;align-items:center;gap:10px;height:112px;padding:17px 16px 10px;display:grid}.strip-arrow{color:#6b7280;background:0 0;border:0;place-items:center;width:30px;height:48px;display:grid}.strip-arrow:disabled{opacity:.28;cursor:not-allowed}.thumbnail-strip{gap:18px;min-width:0;padding:2px 0 8px;display:flex;overflow-x:auto}.thumbnail{background:0 0;border:2px solid #0000;border-radius:6px;flex:0 0 138px;padding:0;position:relative}.thumbnail img,.thumbnail-placeholder{aspect-ratio:16/9;object-fit:contain;background:#f1f3f7;border:1px solid #dce2eb;border-radius:5px;width:100%;display:block;box-shadow:0 4px 12px #1a222d14}.thumbnail.selected{border-color:var(--accent)}.thumbnail span{color:#15171b;font-size:14px;font-weight:720;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.thumbnail.selected span{color:var(--accent)}.thumbnail-placeholder{flex:0 0 138px}.deck-note{color:#747b88;border-top:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line);margin:0;padding:17px 28px;font-size:14px}.chat-log{flex-direction:column;gap:9px;max-height:150px;padding:14px 26px 0;display:flex;overflow-y:auto}.chat-message{white-space:pre-wrap;border-radius:10px;max-width:78%;padding:10px 13px;font-size:13px;line-height:1.45}.chat-message.user{color:#fff;background:var(--accent);align-self:flex-end}.chat-message.assistant{color:#23272f;background:#f2f4f8;border:1px solid #e1e6ef;align-self:flex-start}.chat-composer{background:#fff;border:1px solid #d9dee8;border-radius:9px;min-height:126px;margin:auto 20px 12px;padding:17px 18px 15px;box-shadow:inset 0 1px 2px #1218230a}.chat-composer input{color:#20242b;border:0;outline:0;width:100%;height:34px;font-size:15px}.chat-composer input::placeholder{color:#9aa2b1}.composer-tools{align-items:center;gap:13px;margin-top:18px;display:flex}.suggestion-button,.composer-icon,.send-button{border-radius:7px;justify-content:center;align-items:center;height:39px;display:inline-flex}.suggestion-button{color:#7a8290;background:#fff;border:1px solid #e0e5ee;gap:9px;padding:0 14px}.composer-icon{color:#5e6675;background:0 0;border:0;width:38px}.composer-tools .composer-icon:first-of-type{margin-left:auto}.send-button{color:#fff;background:linear-gradient(#ff9ea2,#f16c73);border:0;gap:9px;padding:0 17px}.send-button:disabled{opacity:.55;cursor:not-allowed}.page-footer{color:#6f7785;flex:0 0 34px;justify-content:center;align-items:center;gap:34px;height:34px;font-size:12px;display:flex}.page-footer a{color:#6f7785}.toast{color:#fff;background:#d92323;border:0;border-radius:8px;padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000038}@media (width<=1320px){body{min-width:1020px}.workspace{grid-template-columns:380px minmax(0,1fr)}.preview-stage{min-height:320px}.thumbnail{flex-basis:116px}}@media (width<=1100px){body{min-width:0;height:auto;min-height:100vh;overflow:auto}.deckgen-app{height:auto;min-height:100vh;overflow:visible}.sidebar{z-index:80;flex-basis:280px;width:280px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:18px 0 44px #00000052}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{flex-basis:280px;width:280px}.sidebar.collapsed .fortinet-logo{width:139px;transform:none}.sidebar.collapsed .nav-item span,.sidebar.collapsed .history-list,.sidebar.collapsed .nav-item{overflow:visible}.sidebar-backdrop{z-index:70;opacity:0;pointer-events:none;background:#0a0e1485;border:0;transition:opacity .18s;display:block;position:fixed;inset:0}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;flex-basis:auto;align-items:center;height:auto;min-height:72px;padding:14px 18px;position:sticky;top:0}.topbar-title{align-items:center;gap:12px;min-width:0}.mobile-menu-button{color:#171b20;background:#fff;border:1px solid #d8dee8;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.topbar h1{font-size:23px}.topbar p{font-size:13px}.topbar-actions{gap:12px}.workspace{grid-template-rows:auto;grid-template-columns:1fr;gap:14px;padding:14px;overflow:visible}.control-card{overflow:visible}.deck-card{min-height:auto}}@media (width<=720px){.topbar{padding:12px}.topbar h1{font-size:20px}.topbar h1 span{border-radius:7px;height:22px;font-size:12px}.topbar p,.notification,.avatar{display:none}.workspace{padding:10px}.control-card,.deck-card{border-radius:8px}.deck-toolbar{flex-direction:column;align-items:flex-start;gap:12px;height:auto}.deck-actions{flex-wrap:wrap;gap:8px;width:100%}.secondary-action,.export-action{height:36px;padding:0 12px;font-size:13px}.preview-stage{width:calc(100% - 20px);min-height:200px;margin:0 10px}.thumbnail-row{gap:6px;height:96px;padding:13px 10px 8px}.thumbnail{flex-basis:104px}.chat-composer{min-height:116px;margin:auto 10px 10px}.composer-tools{flex-wrap:wrap;gap:8px}.suggestion-button{max-width:100%}.page-footer{flex-wrap:wrap;flex-basis:auto;gap:12px;height:auto;padding:0 12px 12px}}