:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#171714;background:#f5f2eb;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(93,67,255,.24);outline-offset:3px}.app-shell{min-height:100vh}.app-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #dbd8d0;background:#f5f2ebe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;justify-self:start;gap:8px;padding:0;border:0;background:transparent;cursor:pointer}.brand>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#171714;color:#fff}.brand strong{font-size:18px;letter-spacing:-.05em}.brand small{padding:3px 5px;border:1px solid #c8c5bc;border-radius:5px;color:#858279;font:8px DM Mono,monospace}.step-progress{display:flex;align-items:center;gap:16px}.step-progress>div{display:flex;gap:4px}.step-progress i{width:26px;height:3px;border-radius:4px;background:#d5d1c8}.step-progress i.is-active{background:#5d43ff}.step-progress span,.no-account{color:#77736b;font:9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.text-button{justify-self:end;border:0;background:transparent;color:#68645d;font-size:12px;cursor:pointer}.no-account{justify-self:end}.screen{width:min(1320px,100%);min-height:calc(100vh - 72px);margin:0 auto;padding:clamp(54px,8vh,100px) clamp(22px,5vw,72px);animation:enter .42s ease both}.eyebrow{display:block;color:#6b56ed;font:10px DM Mono,monospace;letter-spacing:.13em}.screen h1{margin:20px 0;font-size:clamp(44px,6.2vw,82px);line-height:.96;letter-spacing:-.065em}.screen h1 em{font-family:Newsreader,Georgia,serif;font-weight:500;color:#5d43ff}.screen-heading{max-width:900px;margin-bottom:54px}.screen-heading.compact{margin:0 auto 42px;text-align:center}.screen-heading h1{font-size:clamp(42px,5.3vw,70px)}.screen-heading p,.idea-copy p,.preview-copy>p{max-width:620px;color:#6f6b63;font-size:16px;line-height:1.65}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:0 22px;border:0;border-radius:14px;background:#171714;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 12px 30px #17171421}.primary-button b{color:#b8aaff;font-size:19px}.primary-button:disabled{cursor:not-allowed;opacity:.35}.secondary-button{display:block;margin:28px auto 0;padding:12px 18px;border:1px solid #d0ccc3;border-radius:12px;background:transparent;color:#6f6b63;cursor:pointer}.secondary-button:disabled{cursor:wait;opacity:.62}.generation-error{display:grid;gap:5px;margin-top:18px;padding:13px 15px;border:1px solid #e8b5ac;border-radius:11px;background:#fff0ed;color:#8c382c}.generation-error strong{font-size:11px}.generation-error span{font-size:10px;line-height:1.45}.generation-error.standalone{max-width:620px;margin:18px auto 0}.idea-screen{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(40px,8vw,120px)}.idea-copy p{max-width:490px}.idea-form{padding:clamp(24px,4vw,44px);border:1px solid #dbd7cf;border-radius:26px;background:#ffffff8f;box-shadow:0 28px 80px #39322314}.idea-form label,.change-request label,.save-form label{display:block;margin-bottom:12px;color:#77736b;font:10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.idea-form textarea{width:100%;min-height:210px;resize:none;border:0;background:transparent;color:#24231f;font-size:clamp(23px,2.4vw,34px);line-height:1.35;letter-spacing:-.03em}.idea-form textarea:focus{outline:0}.idea-form textarea::placeholder{color:#bbb7ae}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid #e0ddd5}.form-foot>span{color:#aaa69e;font:9px DM Mono,monospace}.examples{grid-column:1 / -1;margin-top:-14px}.examples>span{display:block;margin-bottom:12px;color:#97938a;font:9px DM Mono,monospace;letter-spacing:.1em}.examples>div{display:flex;flex-wrap:wrap;gap:8px}.examples button{padding:9px 13px;border:1px solid #d8d4cb;border-radius:999px;background:transparent;color:#77736b;font-size:11px;cursor:pointer}.examples button:hover{border-color:#5d43ff;color:#5d43ff}.confirm-screen{max-width:1050px}.product-summary{overflow:hidden;border:1px solid #d8d4cb;border-radius:24px;background:#ffffff73}.editable-field{display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:start;padding:22px 26px;border-bottom:1px solid #dedad2}.editable-field>span{padding-top:6px;color:#aaa69e;font:9px DM Mono,monospace}.editable-field small{display:block;margin-bottom:7px;color:#77736b;font:8px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.editable-field input,.editable-field textarea{width:100%;resize:none;border:0;background:transparent;color:#23221f;font-size:17px;line-height:1.45}.editable-field input:focus,.editable-field textarea:focus{outline:0}.editable-field>i{padding-top:6px;color:#6b56ed;font: 9px DM Mono,monospace;text-transform:uppercase}.mechanism-note{display:grid;grid-template-columns:170px 1fr;padding:25px 26px;background:#ece8df}.mechanism-note span{color:#77736b;font:8px DM Mono,monospace;letter-spacing:.1em}.mechanism-note p{margin:0;color:#58554e;font-size:13px;line-height:1.6}.brief-evidence{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d8d4cb}.brief-evidence>div{padding:20px 26px;background:#ffffff8c}.brief-evidence span{display:block;margin-bottom:8px;color:#77736b;font:8px DM Mono,monospace;letter-spacing:.1em}.brief-evidence strong{color:#5d5952;font-size:10px;font-weight:500;line-height:1.55}.confirm-action{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:26px}.confirm-action p{max-width:480px;color:#817d75;font-size:12px;line-height:1.55}.save-screen{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(30px,7vw,100px);max-width:1120px}.save-card{padding:clamp(30px,5vw,58px);border:1px solid #d8d4cb;border-radius:28px;background:#ffffff8c}.success-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:40px;border-radius:50%;background:#dff2c8;color:#3c6a1a;font-size:20px}.save-card h1{margin:18px 0;font-size:clamp(38px,4.6vw,62px)}.save-card>p{color:#6e6a62;line-height:1.6}.save-form{margin-top:30px}.save-form input{width:100%;height:54px;margin-bottom:10px;padding:0 16px;border:1px solid #cfcbc2;border-radius:12px;background:#fff}.save-form .primary-button{width:100%}.save-form>small{display:block;margin-top:12px;color:#99958d;font-size:9px;text-align:center}.skip-button{display:block;margin:18px auto 0;border:0;background:transparent;color:#88847b;font-size:11px;text-decoration:underline;cursor:pointer}.save-summary{padding:30px;border-radius:22px;background:#191817;color:#fff;box-shadow:0 30px 80px #12110f33}.save-summary>span{color:#aa9cff;font:9px DM Mono,monospace;letter-spacing:.12em}.save-summary h2{margin:40px 0 14px;font-size:32px;line-height:1.05;letter-spacing:-.05em}.save-summary>p{color:#aaa7a0;font-size:13px;line-height:1.6}.save-summary dl{margin:36px 0 0}.save-summary dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #393735;font-size:10px}.save-summary dt{color:#77746e}.save-summary dd{margin:0;text-align:right}.published-link-card{display:grid;gap:8px;margin:28px 0 16px;padding:17px;border:1px solid #d6d1c7;border-radius:13px;background:#fff}.published-link-card span{color:#858178;font:9px DM Mono,monospace;letter-spacing:.1em}.published-link-card a{overflow-wrap:anywhere;color:#3f357f;font-size:13px;font-weight:700}.published-package-button{text-decoration:none}@keyframes enter{0%{opacity:0;transform:translateY(12px)}}@media(max-width:900px){.idea-screen,.save-screen{grid-template-columns:1fr}.step-progress span{display:none}.idea-form textarea{min-height:150px}.examples{margin-top:0}}@media(max-width:620px){.app-header{grid-template-columns:1fr auto 1fr;min-height:64px;padding:0 14px}.brand small,.no-account{display:none}.step-progress{gap:0}.step-progress i{width:14px}.screen{min-height:calc(100vh - 64px);padding:42px 18px 60px}.screen h1{font-size:46px}.idea-screen{align-content:start;gap:26px}.idea-form{padding:20px;border-radius:20px}.form-foot{align-items:stretch;flex-direction:column}.form-foot>span{display:none}.primary-button{width:100%}.screen-heading{margin-bottom:32px}.editable-field{grid-template-columns:28px 1fr;padding:18px}.editable-field>i{display:none}.mechanism-note{grid-template-columns:1fr;gap:10px;padding:20px}.brief-evidence{grid-template-columns:1fr}.confirm-action{align-items:stretch;flex-direction:column}.save-card{padding:28px 22px}}.direction-screen{padding-top:clamp(46px,7vh,80px)}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.direction-card{display:flex;min-height:390px;padding:28px;flex-direction:column;text-align:left;border:1px solid #d8d4ca;border-radius:24px;background:#ffffff6b;cursor:pointer;transition:.2s ease}.direction-card:hover,.direction-card.is-selected{border-color:#806cff;background:#fff;transform:translateY(-5px);box-shadow:0 24px 60px #29215c1a}.direction-card.is-selected{box-shadow:0 0 0 2px #806cff,0 24px 60px #29215c1f}.direction-card:disabled{cursor:wait;opacity:.56;transform:none}.direction-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.direction-card>div:first-child>span{color:#aaa69e;font:11px DM Mono,monospace}.direction-card small{padding:5px 8px;border-radius:6px;background:#e9e4ff;color:#6049df;font:8px DM Mono,monospace;letter-spacing:.08em}.direction-card h2{margin:58px 0 28px;font-size:25px;line-height:1.16;letter-spacing:-.04em}.direction-card dl{margin:0 0 30px}.direction-card dl div{padding:12px 0;border-top:1px solid #dedbd3}.direction-card dt{margin-bottom:5px;color:#99958d;font:8px DM Mono,monospace;text-transform:uppercase}.direction-card dd{margin:0;color:#6c6860;font-size:12px;line-height:1.5}.direction-card>strong{display:flex;justify-content:space-between;margin-top:auto;font-size:12px}.direction-card>strong b{color:#5d43ff}.direction-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px;flex-direction:column}.direction-actions .secondary-button{margin:0}.direction-actions>small{color:#97938a;font:8px DM Mono,monospace;letter-spacing:.05em}.direction-workshop{margin-top:72px;overflow:hidden;border-radius:30px;background:#191918;color:#f6f2e9;box-shadow:0 40px 100px #19152d3d;scroll-margin-top:95px;animation:workshop-enter .35s ease both}.workshop-header,.workshop-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 34px}.workshop-header{border-bottom:1px solid #343432}.workshop-header>div:first-child>span,.stage-copy>span{color:#a796ff;font:8px DM Mono,monospace;letter-spacing:.13em}.workshop-header h2{margin:9px 0 0;font-size:22px;letter-spacing:-.04em}.workshop-progress{display:grid;grid-template-columns:auto 94px;gap:7px 12px;align-items:center}.workshop-progress>span{color:#a7a39b;font:8px DM Mono,monospace}.workshop-progress>div{display:flex;gap:4px}.workshop-progress i{width:20px;height:3px;border-radius:99px;background:#454542}.workshop-progress i.is-active{background:#a796ff}.workshop-progress button{grid-column:1 / -1;justify-self:end;padding:0;border:0;background:transparent;color:#aaa69e;font-size:9px;cursor:pointer}.workshop-stage{min-height:430px;padding:clamp(34px,5vw,62px)}.choice-stage,.content-stage,.visual-stage{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(440px,1.32fr);gap:clamp(38px,6vw,86px);align-items:start;animation:stage-enter .3s ease both}.stage-copy h3{margin:15px 0 14px;max-width:380px;font-size:clamp(30px,3.4vw,47px);line-height:1;letter-spacing:-.055em}.stage-copy p{max-width:370px;margin:0;color:#aaa69f;font-size:12px;line-height:1.6}.choice-list{display:grid;gap:9px}.choice-list button{display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:center;min-height:72px;padding:14px 17px;text-align:left;border:1px solid #3d3d3a;border-radius:15px;background:#222220;color:#e9e5dc;cursor:pointer;transition:.18s ease}.choice-list button:hover,.choice-list button.is-selected{border-color:#9d8cff;background:#2a2736}.choice-list button>i,.content-choice-grid button>i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#343431;color:#aaa69e;font: 8px DM Mono,monospace}.choice-list button.is-selected>i,.content-choice-grid button.is-selected>i{background:#a796ff;color:#191918}.choice-list button>span{font-size:13px;line-height:1.4}.choice-list button>small{color:#a796ff;font:7px DM Mono,monospace;letter-spacing:.08em}.content-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.content-choice-grid button{display:grid;grid-template-columns:30px 1fr;gap:3px 13px;min-height:128px;padding:17px;text-align:left;border:1px solid #3d3d3a;border-radius:15px;background:#222220;color:#e9e5dc;cursor:pointer}.content-choice-grid button:hover,.content-choice-grid button.is-selected{border-color:#9d8cff;background:#2a2736}.content-choice-grid strong{align-self:center;font-size:12px}.content-choice-grid span{grid-column:2;color:#9c9992;font-size:9px;line-height:1.5}.visual-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.visual-choice-grid>button{position:relative;padding:7px 7px 17px;text-align:left;border:1px solid #3d3d3a;border-radius:17px;background:#222220;color:#e9e5dc;cursor:pointer;transition:.18s ease}.visual-choice-grid>button:hover,.visual-choice-grid>button.is-selected{border-color:#9d8cff;transform:translateY(-3px)}.palette-preview{position:relative;display:flex;min-height:150px;padding:15px;flex-direction:column;overflow:hidden;border-radius:11px;background:var(--palette-bg);color:var(--palette-ink)}.palette-preview small{color:var(--palette-accent);font:6px DM Mono,monospace;letter-spacing:.1em}.palette-preview b{z-index:1;margin-top:auto;font:44px/.8 Newsreader,Georgia,serif}.palette-preview i{position:absolute;right:-24px;bottom:-30px;width:110px;height:110px;border:23px solid var(--palette-accent);border-radius:50%}.visual-choice-grid>button>strong,.visual-choice-grid>button>small{display:block;margin:12px 7px 0}.visual-choice-grid>button>strong{font-size:11px}.visual-choice-grid>button>small{margin-top:5px;color:#918e87;font-size:8px;line-height:1.4}.visual-choice-grid em{position:absolute;top:14px;right:14px;padding:4px 5px;border-radius:5px;background:var(--palette-accent);color:var(--palette-bg);font: 6px DM Mono,monospace}.workshop-footer{border-top:1px solid #343432}.workshop-footer>span{color:#8f8c85;font-size:9px}.workshop-footer>span b{margin-right:7px;color:#a796ff}.workshop-footer .primary-button{min-width:225px;background:#f6f2e9;color:#191918;box-shadow:none}@keyframes workshop-enter{0%{opacity:0;transform:translateY(18px)}}@keyframes stage-enter{0%{opacity:0;transform:translate(10px)}}@media(max-width:900px){.direction-grid,.choice-stage,.content-stage,.visual-stage{grid-template-columns:1fr}.direction-card{min-height:310px}.stage-copy p{max-width:580px}}@media(max-width:620px){.direction-card{padding:22px}.direction-card h2{margin-top:36px}.direction-workshop{margin-top:48px;border-radius:22px}.workshop-header,.workshop-footer{align-items:stretch;padding:22px;flex-direction:column}.workshop-progress{justify-content:start}.workshop-progress button{justify-self:start}.workshop-stage{min-height:0;padding:30px 22px}.choice-stage,.content-stage,.visual-stage{gap:28px}.choice-list button{grid-template-columns:28px 1fr}.choice-list button>small{grid-column:2}.content-choice-grid,.visual-choice-grid{grid-template-columns:1fr}.palette-preview{min-height:125px}}.preview-screen{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(38px,8vw,110px);max-width:1180px}.preview-copy h1{font-size:clamp(46px,5.5vw,74px)}.preview-copy .primary-button{margin-top:25px}.preview-continue{margin-top:26px;padding-top:24px;border-top:1px solid #d7d2c8}.preview-continue label{display:block;margin-bottom:10px;color:#77736b;font:9px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.preview-continue>div{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.preview-continue input{width:100%;min-width:0;min-height:52px;padding:0 14px;border:1px solid #cfcbc2;border-radius:11px;background:#fffc;color:#171714;font-size:13px}.preview-continue input:focus{border-color:#7662e8;outline:3px solid rgba(118,98,232,.16)}.preview-continue .primary-button{width:100%;min-width:0;margin-top:0;font-size:13px}.preview-continue>small{display:block;margin-top:9px;color:#8c887f;font-size:9px;line-height:1.5}.change-request{margin-top:28px}.change-request label{display:block;margin-bottom:10px;color:#77736b;font:8px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.change-request>div{display:flex;padding:5px;border:1px solid #d2cec5;border-radius:12px;background:#ffffff8f}.change-request input{min-width:0;flex:1;padding:0 10px;border:0;background:transparent;font-size:11px}.change-request input:focus{outline:0}.change-request button{padding:9px 12px;border:0;border-radius:8px;background:#dfd9ff;color:#4e38cf;font-size:10px;font-weight:700;cursor:pointer}.change-request button:disabled{cursor:wait;opacity:.55}.applied-note,.model-note{display:block;margin-top:10px;font-size:8px;line-height:1.5}.applied-note{color:#55802f}.model-note{color:#99958d;font-family:DM Mono,monospace}.cover-error{display:flex;align-items:center;justify-content:space-between;gap:14px}.cover-error>div{display:grid;gap:4px}.cover-error button{flex:0 0 auto;padding:8px 10px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-size:9px;font-weight:700;cursor:pointer}.package-device{position:relative;width:min(420px,100%);height:760px;margin:auto;overflow:hidden;border:9px solid #242321;border-radius:46px;background:#171714;box-shadow:0 45px 100px #201a443d}.package-device iframe{display:block;width:100%;height:100%;border:0;background:#fff}.package-state{display:grid;place-items:center;align-content:center;min-height:100%;padding:44px;text-align:center;background:radial-gradient(circle at 50% 35%,#373044,transparent 34%),#171714;color:#f7f2e6}.package-state>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:24px;border:1px solid #595168;border-radius:16px;color:#ac9cff;font-size:19px}.package-state strong{max-width:280px;font-size:24px;line-height:1.08;letter-spacing:-.04em}.package-state p{max-width:280px;margin:14px 0 0;color:#99949f;font-size:11px;line-height:1.55}.package-loading i{position:relative;display:block;width:190px;height:2px;margin-top:32px;overflow:hidden;background:#37333a}.package-loading i:after{position:absolute;top:0;right:0;bottom:0;left:0;width:42%;background:#ac9cff;content:"";animation:package-loading 1.2s ease-in-out infinite}.package-state-error>span{border-color:#8d4a43;color:#f0a49b}@keyframes package-loading{0%{transform:translate(-110%)}to{transform:translate(350%)}}@media(prefers-reduced-motion:reduce){.package-loading i:after{animation:none}}@media(max-width:900px){.preview-screen{grid-template-columns:1fr}.preview-copy{max-width:620px;margin:auto}}@media(max-width:500px){.preview-screen{padding-right:10px;padding-left:10px}.preview-copy{padding:0 8px}.package-device{height:700px;border-radius:38px}}