:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25243d;background:#f6f6fb;font-synthesis:none;--ink:#272144;--muted:#75728b;--accent:#5a46e8;--line:#e8e6f1;--card:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent)}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex:none;border-right:1px solid var(--line);background:#fff;padding:34px 22px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:32px;font-weight:780;letter-spacing:-1.6px;text-decoration:none;color:#262044;display:flex;gap:9px;align-items:center}.mark{background:var(--accent);color:#fff;width:34px;height:38px;border-radius:12px;font-size:32px;letter-spacing:-3px;text-align:center;line-height:29px;transform:rotate(-9deg)}.beta{font-size:9px;letter-spacing:1.1px;color:var(--muted);margin:8px 0 0 1px}.side-caption{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#88839f;margin:48px 12px 18px}.nav{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;color:#737086;padding:15px 13px;text-align:left;margin:4px 0;border-radius:11px;font-size:18px}.nav span{font-size:13px;font-weight:550}.nav.active{background:#eeebff;color:#5741d2}.side-bottom{margin-top:auto}.credit{padding:16px 10px;color:#51476f;font-size:11px}.credit small{display:block;color:#8b849a;line-height:1.6;margin-top:9px}.dot{display:inline-block;width:6px;height:6px;background:#8b70ff;border-radius:50%;margin-right:6px}.identity{border-top:1px solid var(--line);padding:21px 10px 0;font-size:13px;font-weight:600}.identity span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}main{width:calc(100% - 236px);padding:0 46px;max-width:1600px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);font-size:11px;color:#8b869c}.pill,.tag{display:inline-block;border:1px solid #dfd9fc;border-radius:30px;padding:7px 11px;background:#f1edff;color:#6958a5;font-size:9px;letter-spacing:.9px;font-weight:650}.intro{margin:46px 0 26px}.eyebrow{font-size:10px;font-weight:700;color:#8172b1;letter-spacing:2px;text-transform:uppercase}.intro h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.7px;line-height:1.12;max-width:650px;margin:13px 0 15px;font-weight:660}.intro h1 em{font-style:normal;color:#6751d8}.intro p{font-size:14px;color:var(--muted);line-height:1.75;max-width:650px;margin:0}.hero-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:26px}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px}.tabs{display:flex;background:#f4f3f9;border-radius:10px;padding:5px;gap:5px;margin-bottom:26px}.tabs button{width:50%;border:none;border-radius:8px;background:none;color:#827a94;font-size:12px;padding:11px}.tabs button.active{background:white;color:#4e397b;box-shadow:0 2px 8px #24184d0a}.panel h2{font-size:19px;letter-spacing:-.5px;font-weight:650;margin:0 0 8px}.panel p,.small{font-size:12px;color:var(--muted);line-height:1.65}.field{display:block;margin:18px 0 0;font-size:11px;font-weight:650;color:#625a76}.field input,.field select,.field textarea{display:block;width:100%;margin-top:8px;border:1px solid #e3dfed;border-radius:9px;padding:12px 13px;background:#fdfcff;color:#3b3152;font-size:13px;font-weight:400;min-width:0}.field textarea{resize:vertical;min-height:82px;line-height:1.65}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9f8bfa;outline:2px solid #e9e2ff}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;padding:13px 19px;font-weight:650;font-size:12px;border:0;text-decoration:none}.primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #5340c724}.primary:hover{background:#4933ce}.wide{width:100%;margin-top:24px}.secondary{background:#f0edf9;color:#5d4d86}.danger{color:#9b476d;background:#fff0f4}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.note{font-size:10px!important;margin:12px 0 0!important;color:#91879f!important}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;color:#675d7a;margin:18px 0}.check input{margin-top:4px;accent-color:var(--accent)}.showcase{border-radius:20px;background:linear-gradient(145deg,#e4dffb,#f0edff 50%,#d9e1ff);padding:32px;position:relative;min-height:500px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.showcase .eyebrow{color:#8274a7}.preview-pair{height:320px;position:relative;margin:24px 0 10px}.preview-pair img{width:56%;position:absolute;border-radius:13px;box-shadow:0 15px 24px #45345c26;top:0;left:5%;transform:rotate(-9deg)}.preview-pair img+img{left:40%;top:25px;transform:rotate(8deg)}.showcase-bottom{font-size:12px;color:#615575;line-height:1.6;position:relative}.showcase-bottom b{display:block;font-size:17px;color:#453661;margin-bottom:7px}.steps-mini{display:flex;gap:18px;font-size:11px;color:#928b9f;margin-top:25px;flex-wrap:wrap}.steps-mini b{color:#8472c1;margin-right:5px}details{margin-top:18px;font-size:11px;color:var(--muted)}summary{cursor:pointer}.progress{display:flex;gap:6px;margin:30px 0;flex-wrap:wrap}.progress span{font-size:10px;color:#aaa2b5;border-bottom:3px solid #eae6f2;padding:0 12px 11px;flex:1;min-width:95px}.progress span.active{color:#5b43dc;border-color:#7558f5}.progress span.done{color:#80718d;border-color:#b9abdd}.work-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:22px}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.post img{width:100%;border-radius:8px;aspect-ratio:4/5;object-fit:cover}.post small{font-size:9px;color:#837a92;display:block;line-height:1.4;margin:5px 0}.status-card{text-align:center;padding:46px 25px}.spinner{width:35px;height:35px;border:3px solid #e8dfff;border-top-color:#7251e4;border-radius:50%;margin:0 auto 25px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.events{text-align:left;list-style:none;padding:0;margin:26px auto 0;max-width:470px}.events li{font-size:12px;padding:10px 0;border-bottom:1px solid var(--line);color:#7d718e}.events time{float:right;font-size:10px;color:#a196b0}.warning{background:#fff5e8;border:1px solid #f0dfc9;color:#8d6740;border-radius:10px;padding:14px;font-size:12px;line-height:1.6;margin:18px 0}.reference{display:flex;align-items:center;gap:14px;background:#f7f4fc;border-radius:10px;padding:12px;margin-top:20px}.reference img{width:72px;height:72px;border-radius:8px}.reference p{margin:0;font-size:11px}.ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.idea{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;text-align:left;color:var(--ink)}.idea.selected{border-color:#8162e7;box-shadow:0 0 0 2px #e9e0ff;background:#fcfaff}.idea .number{display:block;font-size:10px;letter-spacing:1px;color:#927aa9;margin-bottom:28px}.idea h3{font-size:19px;letter-spacing:-.5px;line-height:1.3;min-height:50px}.idea p{font-size:11px;color:var(--muted);line-height:1.6}.result-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:24px}.result-images{display:grid;grid-template-columns:1fr 1fr;gap:15px}.result-images img{width:100%;border-radius:14px;border:1px solid var(--line)}.result-images .secondary{width:100%;font-size:11px;margin-top:10px}.copy-editor{min-height:235px!important}.meta{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.meta span{font-size:10px;background:#eae5f6;color:#6f5c8a;border-radius:30px;padding:7px 11px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line);gap:20px}.history-item b{font-size:14px}.history-item p{font-size:11px;margin:7px 0;color:var(--muted)}.plan-price{font-size:36px;font-weight:700;letter-spacing:-1.4px;margin:28px 0 10px}.plan-price small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.plan-card ul{padding-left:17px;font-size:12px;color:var(--muted);line-height:2}.manifest-table{width:100%;border-collapse:collapse;font-size:12px}.manifest-table th,.manifest-table td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line);line-height:1.6;vertical-align:top}.manifest-table th{color:#6a5b83;font-size:10px;text-transform:uppercase;letter-spacing:1px}#message{background:#fff0f4;color:#963c67;border:1px solid #f4c7d8;padding:15px;border-radius:10px;margin:20px 0;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;color:#9c94a9;font-size:9px;border-top:1px solid var(--line);margin-top:40px;padding:23px 0}.hide{display:none!important}.checkout{max-width:650px;margin:30px auto}.empty{padding:50px;text-align:center;color:var(--muted)}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(min-width:1450px){.preview-pair{height:370px}}@media(max-width:1120px){.sidebar{width:195px;padding:28px 14px}main{width:calc(100% - 195px);padding:0 28px}.hero-grid{grid-template-columns:1.15fr .85fr}.showcase{padding:22px}.preview-pair{height:255px}.work-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.ideas{gap:12px}.idea{padding:18px}}@media(max-width:780px){.shell{display:block}.sidebar{width:100%;height:auto;position:static;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{font-size:28px}.side-caption,.side-bottom{display:none}nav{display:flex;gap:5px;margin-top:19px}.nav{padding:9px;justify-content:center;width:auto;flex:1;font-size:15px;margin:0}.nav span{font-size:10px}.nav[data-view=manifest]{display:none}main{width:100%;padding:0 20px}.topbar{padding:20px 0;font-size:10px}.pill{font-size:7px;padding:6px 8px}.intro{margin:30px 0 23px}.intro h1{font-size:34px}.intro p{font-size:12px}.hero-grid{grid-template-columns:1fr}.showcase{min-height:350px}.preview-pair{max-width:350px;width:100%;margin:15px auto;height:300px}.panel{padding:23px}.ideas{grid-template-columns:1fr}.idea .number{margin-bottom:12px}.idea h3{min-height:0;margin:12px 0}.progress{gap:2px}.progress span{font-size:9px;padding:0 4px 9px;min-width:55px}.result-images{gap:10px}.result-images .secondary{font-size:10px;padding:12px 8px}.history-item{padding:15px 0}.manifest-table td,.manifest-table th{padding:10px 6px;font-size:10px}footer{line-height:1.6}.row{gap:10px}.field{font-size:10px}.field input,.field select{font-size:12px}}
/* Keep rotated previews clear of the caption at every card width. */
.preview-pair{height:auto;aspect-ratio:1.13}

.demo-banner{margin-top:18px;padding:12px 16px;border:1px solid #e4d7f5;border-radius:12px;background:#f0eaff;color:#6a4c90;font-size:11px;line-height:1.7}.demo-banner button{background:white;border:1px solid #d7c8eb;border-radius:6px;color:#5d3987;font-size:10px;padding:5px 8px;margin-left:8px}