:root{--bg: #000000;--surface-primary: #181818;--surface-secondary: #1e1f21;--surface-tertiary: #131316;--text-primary: #ffffff;--text-secondary: #b9bcc4;--text-tertiary: #767a84;--border: rgba(255, 255, 255, .1);--accent-a: #5e2fd4;--accent-b: #c4aeff;--accent-c: #6637da;--prompt-border-a: #8b36ff;--prompt-border-b: #2e80ff;--prompt-border-c: #e2b86c;--gold: #d7ae5e;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 26px;--shadow-soft: 0 12px 34px rgba(0, 0, 0, .35);--shadow-accent: 0 0 28px rgba(82, 43, 198, .38)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--text-primary);font-family:Avenir Next,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif;background:radial-gradient(circle at 18% -10%,#11143a,#07070a 34%,#000 70%)}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;padding:24px;position:relative;isolation:isolate}.bg-orb{position:absolute;filter:blur(70px);opacity:.25;border-radius:999px;pointer-events:none;z-index:-1}.bg-orb-a{width:420px;height:420px;background:#3e62ff;top:-120px;right:20%}.bg-orb-b{width:380px;height:380px;background:#6d2fff;bottom:-120px;left:8%}.app-surface{max-width:1240px;margin:0 auto;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(170deg,#ffffff08,#fff0 35%),#050507;box-shadow:0 30px 90px #00000094;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:clip}.global-topbar{height:74px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.brand-wrap{display:inline-flex;align-items:baseline;gap:12px}.logo{margin:0;font-size:28px;font-weight:800;letter-spacing:-.3px}.version-tag{font-size:12px;letter-spacing:.7px;color:var(--text-tertiary);text-transform:uppercase}.topbar-right{display:inline-flex;align-items:center;gap:12px}.pro-tag{color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.4px}.icon-btn{appearance:none;border:none;background:transparent;width:30px;height:30px;color:var(--text-primary);display:grid;place-items:center;border-radius:999px}.icon-btn:hover{background:#ffffff12}.icon-btn svg{width:21px;height:21px}.screen{display:none;padding:24px 28px 28px}.screen-active{display:block;animation:reveal .24s ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.workspace-grid{display:grid;grid-template-columns:minmax(380px,1.03fr) minmax(460px,1.2fr);gap:18px}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,#ffffff0a,#fff0 40%),var(--surface-primary);box-shadow:var(--shadow-soft)}.panel-control{padding:18px;display:grid;gap:16px}.panel-preview{padding:18px;display:grid;gap:14px}.panel-header{display:grid;gap:6px}.panel-header h2{margin:0;font-size:16px;font-weight:600}.panel-subtitle{font-size:13px;color:var(--text-tertiary)}.prompt-panel-wrap{border-radius:var(--radius-lg);padding:2px;background:linear-gradient(130deg,var(--prompt-border-a),var(--prompt-border-b) 46%,var(--prompt-border-c) 96%);display:flex;flex-direction:column}.prompt-panel{border-radius:calc(var(--radius-lg) - 2px);background:radial-gradient(circle at 70% 120%,#482da93d,#181818fa 42%),var(--surface-primary);padding:14px;display:flex;flex-direction:column;flex:1}.prompt-input{width:100%;flex:1;min-height:80px;resize:none;border:none;outline:none;color:var(--text-secondary);background:transparent;font-size:16px;line-height:1.46}.prompt-meta{margin-top:12px;display:flex;align-items:center;gap:12px}.attach-btn{width:46px;height:46px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.07);background:var(--surface-secondary);color:var(--text-secondary);font-size:28px;font-weight:300;line-height:1}.hint{color:var(--text-tertiary);font-size:12px}.feature-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-btn{min-height:72px;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(138deg,#ffffff14,#ffffff03 36%),var(--surface-primary);color:var(--text-primary);padding:0 18px;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;font-size:16px;font-weight:500;transition:border-color .2s ease,background .2s ease,transform .2s ease}.feature-btn:hover{transform:translateY(-1px)}.feature-btn .feature-icon{width:24px;height:24px;display:grid;place-items:center}.feature-btn .feature-icon svg{width:22px;height:22px}.feature-btn-active{border-color:#6c50f1f2;background:linear-gradient(180deg,#522bc63d,#522bc614),var(--surface-primary)}.gradient-btn{position:relative;width:100%;height:52px;border:none;border-radius:var(--radius-xl);color:#fff;font-size:16px;font-weight:600;background:linear-gradient(90deg,var(--accent-a) 0%,var(--accent-b) 55%,var(--accent-c) 100%);box-shadow:var(--shadow-accent);overflow:hidden}.gradient-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 34%,rgba(236,228,255,.26),transparent 28%),radial-gradient(circle at 78% 68%,rgba(183,158,255,.24),transparent 24%),radial-gradient(circle at 52% 50%,rgba(255,255,255,.17),transparent 34%);mix-blend-mode:screen}.sparkle{color:#ffe472}.preview-frame{position:relative;border-radius:18px;overflow:hidden;min-height:328px;border:1px solid rgba(255,255,255,.08)}.preview-frame img{width:100%;height:100%;min-height:328px;object-fit:cover;display:block}.preview-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000b8,#0000000f 56%)}.preview-text{position:absolute;left:18px;bottom:12px;z-index:2;font-size:36px;font-weight:500;transform:scale(.5);transform-origin:left bottom}.preview-badges{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;gap:8px}.badge{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0d0d10a8;color:#ffffffd1;font-size:12px}.badge-active{border-color:#82a2ffdb;color:#e5dbff;background:#522bc66b}.template-section{margin-top:18px;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:16px;background:linear-gradient(170deg,#ffffff08,#fff0 45%),var(--surface-tertiary)}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.section-head h3{margin:0;font-size:18px}.section-head span{font-size:12px;color:var(--text-tertiary)}.cards{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"large large right" "large large left"}.card{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;padding:0;background:#111;min-height:188px}.card-large{grid-area:large;min-height:388px}.card:nth-of-type(2){grid-area:left}.card:nth-of-type(3){grid-area:right}.card img{width:100%;height:100%;object-fit:cover;display:block}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),transparent 52%)}.card span{position:absolute;left:14px;right:14px;bottom:10px;z-index:1;color:#fff;font-size:32px;font-weight:500;transform:scale(.5);transform-origin:left bottom}.card-selected{border-color:#7c9bffb3;box-shadow:0 0 0 1px #522bc675,0 10px 28px #0006}.editor-topbar{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin-bottom:12px}.back-btn{width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.editor-title{margin:0;font-size:18px;font-weight:600}.editor-status{color:#b8aaff;font-size:13px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:16px}.panel-canvas{padding:12px}.editor-canvas{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;background:#000}.horizon-grid{position:absolute;top:24%;left:0;width:100%;height:52%;object-fit:cover;opacity:.28}.editor-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .25s ease,transform .25s ease}.editor-canvas:before,.editor-canvas:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}.editor-canvas:before{top:0;height:30%;background:linear-gradient(to bottom,#000,transparent)}.editor-canvas:after{bottom:0;height:30%;background:linear-gradient(to top,#000,transparent)}.loading-overlay{position:absolute;inset:0;z-index:3;background:#000000b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}.spinner{width:34px;height:34px;border:4px solid rgba(255,255,255,.2);border-top-color:#522bc6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-editor-tools{padding:16px;display:grid;align-content:start;gap:14px}.editor-feature-row{grid-template-columns:1fr}.stats-grid{border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}.stat-item{padding:11px 12px;display:flex;justify-content:space-between;gap:10px;background:#ffffff05}.stat-item+.stat-item{border-top:1px solid rgba(255,255,255,.06)}.stat-label{color:var(--text-secondary);font-size:13px}.stat-value{color:var(--text-primary);font-size:13px}.editor-actions{margin-top:auto;display:grid;grid-template-columns:1fr 72px;gap:12px}.save-btn{height:52px}.regen-btn{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-primary);display:grid;place-items:center}.regen-btn svg{width:22px;height:22px}@media(max-width:1100px){.workspace-grid,.editor-grid{grid-template-columns:1fr}.editor-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:0}.app-surface{border-radius:0;border-left:none;border-right:none;min-height:100dvh}.global-topbar{padding:0 16px;height:62px}.logo{font-size:24px}.version-tag{display:none}.screen{padding:16px}.panel-control,.panel-preview,.panel-canvas,.panel-editor-tools,.template-section{padding:12px}.cards{grid-template-columns:1fr 1fr;grid-template-areas:"large large" "left right"}.card-large{min-height:220px}.card{min-height:150px}.feature-row,.editor-feature-row{grid-template-columns:1fr}}