:root{--ink:#1c1a18;--paper:#f5f2ea;--line:#d7d1c5;--muted:#777269;--lime:#d9f04b;--purple:#7661df;--dark:#24231f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",Arial,sans-serif}.noise{position:fixed;inset:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.27'/%3E%3C/svg%3E")}.app-shell{max-width:1320px;margin:auto;padding:0 40px 26px;position:relative}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);display:flex;gap:8px;align-items:center;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-mark{font-size:30px;color:var(--purple)}.brand em{font:500 10px "DM Mono",monospace;letter-spacing:1.3px;color:var(--muted);margin:5px 0 0 5px}.nav-actions{display:flex;gap:18px;align-items:center}.text-button{border:0;background:none;color:var(--ink);font:500 13px inherit;cursor:pointer}.avatar{border:0;border-radius:50%;width:34px;height:34px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.hero{padding:72px 0 42px}.eyebrow{font:500 10px "DM Mono",monospace;letter-spacing:1.5px;margin:0 0 11px;color:#67625b}.eyebrow span{display:inline-block;width:18px;height:1px;vertical-align:middle;margin-right:7px;background:currentColor}.hero h1{font-size:clamp(43px,6vw,78px);letter-spacing:-5px;line-height:1.04;margin:0;font-weight:800}.hero h1 i{font-style:normal;color:var(--purple)}.hero-copy{font-size:15px;color:var(--muted);margin:20px 0 0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);margin-bottom:25px}.mode-card{font:inherit;text-align:left;border:0;background:transparent;min-height:94px;padding:18px 24px;display:flex;align-items:center;gap:15px;cursor:pointer;position:relative;color:var(--ink)}.mode-card+ .mode-card{border-left:1px solid var(--ink)}.mode-card.selected{background:var(--lime)}.mode-icon{font-size:31px;line-height:1;font-family:Arial}.video-icon{font-size:27px}.mode-card strong,.mode-card small{display:block}.mode-card strong{font-size:17px}.mode-card small{font:400 10px "DM Mono",monospace;letter-spacing:.4px;color:#615f56;margin-top:4px}.mode-card b{position:absolute;right:23px;top:18px;font:400 10px "DM Mono",monospace}.workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);border:1px solid var(--ink);background:#f9f7f1}.creation-panel{padding:31px;border-right:1px solid var(--ink)}.panel-header,.label-row,.preview-head,.result-info{display:flex;justify-content:space-between;align-items:start}.panel-header h2{font-size:26px;margin:0;letter-spacing:-1px}.credit{font-size:12px;background:#e8e4db;padding:7px 9px}.credit b{color:var(--purple)}.field{margin-top:28px}.label-row{font-size:13px;margin-bottom:9px}.label-row label{font-weight:700}.label-row label span,.label-row>span{font-weight:400;color:var(--muted);font-size:11px}.prompt-wrap{position:relative}.prompt-wrap textarea{font:14px/1.65 inherit;resize:vertical;min-height:118px;width:100%;border:1px solid var(--ink);background:#fffefa;padding:14px 51px 14px 14px;color:var(--ink);outline:none}.prompt-wrap textarea:focus{box-shadow:3px 3px 0 var(--lime)}.spark-button{position:absolute;right:11px;top:12px;border:0;background:var(--lime);width:31px;height:31px;font-size:17px;cursor:pointer}.quick-prompts{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.quick-prompts button{border:1px solid var(--line);background:transparent;padding:5px 9px;font:11px inherit;cursor:pointer}.quick-prompts button:hover{border-color:var(--ink)}.upload-zone{border:1px dashed #aaa399;background:#f1eee7;min-height:78px;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer}.upload-zone input{display:none}.upload-plus{width:28px;height:28px;border-radius:50%;border:1px solid #a49e93;text-align:center;line-height:26px;font-size:18px}.upload-zone b,.upload-zone small{display:block}.upload-zone b{font-size:12px}.upload-zone small{font-size:10px;color:var(--muted);margin-top:2px}.upload-preview{height:76px;background:#ebe8df;display:flex;align-items:center;padding:7px;gap:10px;font-size:12px}.upload-preview img{width:62px;height:62px;object-fit:cover}.upload-preview button{margin-left:auto;background:none;border:0;text-decoration:underline;font:11px inherit;cursor:pointer}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.model-option{border:1px solid var(--line);background:#fffefa;padding:10px;min-height:77px;text-align:left;cursor:pointer;position:relative}.model-option.active{border-color:var(--ink);box-shadow:3px 3px 0 var(--lime)}.model-option b{font:600 12px "DM Mono",monospace;display:block}.model-option small{font-size:10px;color:var(--muted);display:block;margin-top:7px;line-height:1.25}.model-option i{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--purple)}.settings{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}.setting label{font-size:12px;font-weight:700;display:block;margin-bottom:8px}.setting select{background:#fffefa;border:1px solid var(--ink);width:100%;padding:9px;font:12px inherit}.generate-button{border:0;background:var(--ink);color:#fff;width:100%;margin-top:29px;padding:15px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.generate-button span{color:var(--lime);font-size:19px}.generate-button strong{font:600 14px inherit}.generate-button small{font-size:10px;color:#bbb7af;margin-left:auto}.preview-panel{padding:28px;background:#e6e2d8;min-height:665px}.preview-head{align-items:center}.preview-head button{background:none;border:0;font:12px inherit;text-decoration:underline;cursor:pointer}.preview-canvas{height:555px;margin-top:20px;background:#ccc8bd;position:relative;overflow:hidden;display:grid;place-items:center}.empty-state{text-align:center;z-index:2}.empty-state h3{font-size:20px;margin:15px 0 6px}.empty-state p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.empty-star{font-size:30px;color:var(--purple);position:relative;z-index:2}.orbit{position:absolute;border:1px solid rgba(64,60,53,.28);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-a{width:215px;height:74px}.orbit-b{width:75px;height:215px;transform:translate(-50%,-50%) rotate(42deg)}.generating{text-align:center}.loader{width:54px;height:54px;border:2px solid rgba(36,35,31,.23);border-top-color:var(--purple);border-radius:50%;margin:auto;animation:spin 1s linear infinite}.generating p{font-weight:700;font-size:15px;margin:18px 0 12px}.generating small{font-size:10px;color:var(--muted)}.progress-track{height:3px;width:190px;background:#bbb6aa;margin:0 auto 11px}.progress-track i{display:block;height:100%;background:var(--purple);width:0;transition:width .25s}.result{width:100%;height:100%}.result-art{width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 21%,#f3d7a8 0 8%,transparent 8.2%),linear-gradient(140deg,#bdccd4,#93a1aa 48%,#62694f)}.art-sun{position:absolute;width:180px;height:180px;border-radius:50%;background:#f5c77f;top:63px;left:28%;opacity:.8}.art-ground{position:absolute;bottom:-20px;left:-4%;height:44%;width:112%;background:linear-gradient(5deg,#253942,#70887e);transform:skewY(-4deg)}.art-arch{position:absolute;border:clamp(17px,2.4vw,28px) solid #243b3f;border-bottom:0;border-radius:160px 160px 0 0;bottom:130px;height:290px}.arch-1{left:18%;width:210px}.arch-2{left:43%;width:167px;height:225px;opacity:.9}.arch-3{left:61%;width:130px;height:175px;opacity:.7}.result-info{background:#f9f7f1;padding:10px;font:10px "DM Mono",monospace;align-items:center}.result-info b{color:var(--purple)}.result-info button{background:none;border:0;font:10px inherit;text-decoration:underline;cursor:pointer;margin-left:10px}.preview-note{font-size:11px;color:var(--muted);margin:12px 0 0}.model-strip{display:flex;align-items:center;gap:25px;overflow:auto;padding:25px 0 0;font:500 10px "DM Mono",monospace;letter-spacing:.3px;color:#5b574f;white-space:nowrap}.model-strip p{font:600 11px "Noto Sans SC",sans-serif;color:var(--ink);margin:0;border-right:1px solid var(--line);padding-right:22px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.app-shell{padding:0 18px 24px}.topbar{height:65px}.brand{font-size:20px}.brand em,.text-button{display:none}.hero{padding:48px 0 29px}.hero h1{letter-spacing:-3px}.mode-card{min-height:80px;padding:13px}.mode-card b{right:10px;top:10px}.mode-card small{display:none}.mode-card strong{font-size:14px}.mode-icon{font-size:24px}.workspace{grid-template-columns:1fr}.creation-panel{padding:22px;border-right:0}.model-grid{grid-template-columns:1fr 1fr}.preview-panel{min-height:450px;padding:21px}.preview-canvas{height:370px}.settings{gap:11px}.generate-button small{display:none}.hero-copy{font-size:13px}.model-strip{gap:16px}.reference-field{display:none}}