@font-face{font-family:PosterDisplay;src:url(/fonts/poster-display.ttf) format("truetype");font-display:swap}@font-face{font-family:PosterBody;src:url(/fonts/poster-body.ttf) format("truetype");font-display:swap}:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#22184f;background:#eeeaf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:minmax(390px,470px) minmax(520px,1fr);min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(125,80,255,.14),transparent 32%),#f3f0fa}.editor-panel{min-width:0;padding:28px 28px 104px;background:#ffffffeb;border-right:1px solid rgba(76,51,139,.12);box-shadow:14px 0 40px #351f7114;overflow-y:auto;position:relative}.app-header,.preview-heading,.section-heading,.action-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header{align-items:flex-start;margin-bottom:22px}.eyebrow{display:block;color:#7754d8;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin:0}h1{margin-top:6px;color:#20164f;font-size:25px;letter-spacing:-.04em}.memory-status,.equal-badge{flex:0 0 auto;padding:7px 11px;color:#4f328f;background:#eee8ff;border:1px solid #d9cdfb;border-radius:999px;font-size:12px;font-weight:700}.form-section{margin-top:14px;padding:17px;background:#fff;border:1px solid rgba(73,47,139,.12);border-radius:18px;box-shadow:0 8px 22px #301c620f}.subject-section{position:relative;overflow:hidden}.subject-section:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.subject-1:before,.subject-3:before{background:#ff3b7d}.subject-2:before{background:#7442df}.section-heading{margin-bottom:13px}.section-heading h2{font-size:16px;color:#281b5d}.section-heading span{color:#8b82a5;font-size:11px}.field{display:grid;gap:6px;min-width:0;margin-top:11px}.field-label{color:#5e5575;font-size:12px;font-weight:700}.field-hint{color:#938ba8;font-size:10px;line-height:1.35}input,select,textarea{width:100%;min-height:42px;padding:0 12px;color:#251a52;background:#faf9fe;border:1px solid #ded8eb;border-radius:11px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:78px;padding-top:10px;padding-bottom:10px;resize:vertical;line-height:1.5}input:hover,select:hover,textarea:hover{border-color:#bdb0dc}input:focus,select:focus,textarea:focus{background:#fff;border-color:#7958d8;box-shadow:0 0 0 3px #7958d821}.field-grid{display:grid;gap:10px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:.85fr 1fr 1fr}.asset-section .secondary-button{width:100%}.secondary-button,.primary-button{min-height:44px;padding:0 18px;border-radius:12px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.secondary-button{color:#593e9f;background:#f2edff;border:1px solid #d8ccf6}.primary-button{color:#fff;background:linear-gradient(135deg,#6c3be5,#ec2f87);border:0;box-shadow:0 10px 24px #8133c642}.secondary-button:hover,.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.65}.action-bar{position:fixed;z-index:10;bottom:0;left:0;width:min(470px,100vw);padding:16px 28px;background:#ffffffeb;border-top:1px solid rgba(77,53,140,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.action-bar .secondary-button{flex:0 0 112px}.action-bar .primary-button{flex:1}.preview-panel{display:flex;flex-direction:column;min-width:0;min-height:100vh;padding:28px clamp(24px,4vw,64px) 24px}.preview-heading{width:min(100%,660px);margin:0 auto 16px}.preview-heading h2{margin-top:5px;font-size:18px}.poster-stage{display:grid;flex:1;place-items:center;width:100%;min-height:0;padding:20px;background:#ffffff85;border:1px solid rgba(72,47,135,.1);border-radius:26px;box-shadow:inset 0 1px #fff,0 18px 50px #351e701a}canvas{display:block;width:min(100%,660px);height:auto;max-height:none;aspect-ratio:8 / 15;background:#2813a0;border-radius:6px;box-shadow:0 20px 45px #230f6047}.preview-note{width:min(100%,660px);margin:13px auto 0;color:#7b718e;font-size:12px;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.editor-panel{max-height:none;border-right:0}.action-bar{width:100%}.preview-panel{min-height:auto}.poster-stage{min-height:720px}}@media(max-width:560px){.editor-panel,.preview-panel{padding-inline:16px}.field-grid.two,.field-grid.three{grid-template-columns:1fr}.app-header{flex-direction:column}.poster-stage{min-height:0;padding:10px}canvas{max-height:none;width:100%}.action-bar{padding-inline:16px}}