:root{--ink: #201816;--ink-soft: #6f625f;--muted: #9a8780;--paper: #fff8ef;--paper-2: #f7e7dd;--panel: rgba(255, 255, 255, .82);--line: rgba(120, 72, 56, .18);--rose: #d96d78;--rose-dark: #9c3f4a;--gold: #c38a2b;--moon: #fffdf7;--shadow: 0 28px 80px rgba(75, 42, 35, .16);--radius: 24px;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:radial-gradient(circle at 16% 8%,rgba(255,198,208,.55),transparent 30%),radial-gradient(circle at 86% 5%,rgba(255,234,181,.48),transparent 28%),linear-gradient(135deg,#fffaf2,#f7e4e3 46%,#f3edf9)}button,textarea,input{font:inherit}button{cursor:pointer}.promptApp{display:grid;gap:24px;width:min(100%,1480px);margin:0 auto;padding:26px}.heroPanel{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:stretch}.heroCopy,.referenceCard,.themePanel,.generatorPanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.heroCopy{display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;padding:34px;overflow:hidden;background:linear-gradient(90deg,#ffffffd1,#ffffff47),radial-gradient(circle at 88% 22%,rgba(217,109,120,.16),transparent 34%)}.heroCopy p,.promptHeader p{margin:0 0 10px;color:var(--rose-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.heroCopy h1{margin:0;font-family:Songti SC,STSong,serif;font-size:46px;line-height:1.12}.heroCopy span{max-width:680px;margin-top:14px;color:var(--ink-soft);font-size:16px;line-height:1.7}.referenceCard{display:grid;grid-template-rows:1fr auto;gap:14px;padding:16px}.referenceImage{height:170px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.referenceImage img{width:100%;height:100%;object-fit:cover;display:block}.uploadButton{position:relative;display:grid;place-items:center;height:46px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--rose),var(--gold));font-weight:800;overflow:hidden;touch-action:manipulation}.uploadButton input{position:absolute;inset:0;opacity:0;cursor:pointer}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.themePanel,.generatorPanel{padding:20px}.themePanel{position:sticky;top:20px;display:grid;gap:18px}.panelBlock,.fieldBlock,.hintBox{display:grid;gap:10px}.blockTitle{display:grid;gap:4px}.blockTitle strong,.fieldBlock span,.hintBox strong{font-size:13px;font-weight:900}.blockTitle span,.hintBox span{color:var(--ink-soft);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.presetGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.presetGrid button,.assetButton,.promptHeader button{border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#ffffffb8;touch-action:manipulation}.presetGrid button{height:40px;font-weight:800}.presetGrid button.active,.assetButton.active{border-color:#d96d78b8;background:linear-gradient(135deg,#fff8faf5,#ffe4daeb);box-shadow:inset 0 0 0 1px #fffc}.fieldBlock textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:16px;padding:12px;color:var(--ink);background:#ffffffc7;line-height:1.6;outline:none}.fieldBlock textarea:focus,.promptOutput:focus{border-color:#d96d78b8;box-shadow:0 0 0 3px #d96d781f}.hintBox{border:1px solid rgba(217,109,120,.22);border-radius:18px;padding:14px;background:#fff8f7bd}.generatorPanel{display:grid;gap:18px}.assetButtons{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:10px}.assetButton{min-height:82px;padding:12px;text-align:left}.assetButton strong,.assetButton span{display:block}.assetButton strong{font-size:15px;line-height:1.25}.assetButton span{margin-top:8px;color:var(--muted);font-size:11px}.promptHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#ffffff9e}.promptHeader h2{margin:0;font-size:26px}.promptHeader span{display:block;margin-top:8px;color:var(--ink-soft);font-size:13px;line-height:1.5}.promptHeader button{flex:0 0 auto;min-width:128px;height:46px;color:#fff;border:0;background:linear-gradient(135deg,var(--rose-dark),var(--rose));font-weight:900}.promptOutput{width:100%;min-height:560px;resize:vertical;border:1px solid var(--line);border-radius:20px;padding:18px;color:#2d2320;background:#ffffffc7;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.62;outline:none;white-space:pre}@media(max-width:1280px){.workspace{grid-template-columns:320px minmax(0,1fr)}.assetButtons{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media(max-width:920px){body{background:radial-gradient(circle at 4% 0%,rgba(255,198,208,.5),transparent 34%),radial-gradient(circle at 98% 0%,rgba(255,234,181,.42),transparent 30%),linear-gradient(160deg,#fffaf2,#f7e4e3 58%,#f3edf9)}.promptApp{gap:14px;padding:14px}.heroPanel,.workspace{grid-template-columns:1fr;gap:14px}.heroCopy,.referenceCard,.themePanel,.generatorPanel{border-radius:20px;box-shadow:0 18px 44px #4b2a231f}.heroCopy{min-height:172px;padding:22px}.heroCopy p,.promptHeader p{margin-bottom:8px;font-size:10px;letter-spacing:.1em}.heroCopy h1{font-size:32px}.heroCopy span{margin-top:10px;font-size:14px;line-height:1.55}.referenceCard{grid-template-columns:minmax(0,1fr) 132px;align-items:stretch;gap:10px;padding:12px}.referenceImage{height:96px;border-radius:14px}.uploadButton{height:auto;min-height:96px;border-radius:14px}.themePanel{position:static;gap:14px;padding:14px}.generatorPanel{gap:14px;padding:14px}.presetGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.presetGrid button{height:42px;padding:0 8px;font-size:13px}.fieldBlock textarea{min-height:92px;max-height:190px;padding:11px;font-size:13px}.hintBox{padding:12px}.assetButtons{display:flex;gap:10px;margin:0 -14px;padding:0 14px 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.assetButtons::-webkit-scrollbar{display:none}.assetButton{flex:0 0 158px;min-height:74px;padding:11px;scroll-snap-align:start}.assetButton strong{font-size:14px}.assetButton span{margin-top:6px;font-size:10px}.promptHeader{position:sticky;top:8px;z-index:5;display:grid;grid-template-columns:1fr;gap:12px;padding:14px;border-radius:16px;background:#ffffffe6}.promptHeader h2{font-size:22px}.promptHeader span{margin-top:6px;font-size:12px}.promptHeader button{width:100%;min-width:0;height:48px;border-radius:14px}.promptOutput{min-height:54vh;max-height:none;border-radius:16px;padding:14px;font-size:12px;line-height:1.58;white-space:pre-wrap;overflow-wrap:anywhere}}@media(max-width:520px){.promptApp{padding:10px}.heroPanel,.workspace{gap:10px}.heroCopy{min-height:152px;padding:18px}.heroCopy h1{font-size:28px}.referenceCard{grid-template-columns:1fr}.referenceImage{height:128px}.uploadButton{min-height:48px}.presetGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.themePanel,.generatorPanel{padding:12px}.assetButtons{margin:0 -12px;padding-inline:12px}.assetButton{flex-basis:146px}.promptHeader{top:6px}.promptOutput{min-height:58vh}}