*{box-sizing:border-box}body{margin:0;background:var(--pn-bg);color:var(--pn-text-primary);font:15px/1.6 var(--pn-font-body),Arial,sans-serif}a{color:inherit;text-underline-offset:3px}button,input,textarea,select{font:inherit}button{min-height:44px;padding:10px 16px;border:1px solid var(--pn-border);border-radius:7px;background:white;color:var(--pn-text-primary);cursor:pointer;font-weight:600}button:hover{border-color:var(--pn-accent)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--pn-accent);color:white;border-color:var(--pn-accent)}.quiet{font-size:13px}:focus-visible{outline:3px solid var(--pn-accent);outline-offset:4px}.skip{position:absolute;top:-100px;left:20px}.skip:focus{top:10px;z-index:20;background:white;padding:12px}.top,main{max-width:1360px;margin:auto;padding-inline:32px}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;border-bottom:1px solid var(--pn-border)}.top img{display:block}.top nav{display:flex;gap:24px}.top span,.small{font-size:12px;color:var(--pn-text-secondary)}.hero{padding:46px 0 28px;max-width:900px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:var(--pn-accent)}h1{font-size:clamp(32px,4.5vw,54px);line-height:1.08;letter-spacing:-.04em;margin:16px 0}h2{font-size:23px;line-height:1.25;letter-spacing:-.02em}h3{font-size:18px}.hero>p:not(.eyebrow){max-width:760px;color:var(--pn-text-secondary)}.steps{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.steps a{padding:8px 12px;background:white;border:1px solid var(--pn-border);border-radius:6px;text-decoration:none;font-size:13px}.starter{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;background:#f3eae3;border:1px solid var(--pn-border);border-radius:10px;margin-bottom:28px}.starter h2{font-size:18px;margin:0}.starter p{font-size:12px;max-width:540px;margin:6px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.studio{display:grid;grid-template-columns:minmax(290px,380px) minmax(0,1fr);gap:28px;align-items:start}.studio>*{min-width:0}#editor,.preview-panel{padding:26px;background:white;border:1px solid var(--pn-border);border-radius:12px}#editor h2{margin-top:0}fieldset{margin:26px 0;padding:0;border:0}legend{font-weight:750;font-size:13px;padding:0 0 4px;color:var(--pn-accent)}label{display:block;font-size:13px;font-weight:650;margin:14px 0 6px}input,textarea,select{width:100%;min-width:0;padding:10px;border:1px solid var(--pn-border);border-radius:6px;background:white;color:var(--pn-text-primary)}textarea{min-height:76px;resize:vertical}input[type=color]{height:46px;padding:4px}input[type=file]{font-size:12px}.colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.panel-heading h2{margin:6px 0 20px}.pill{background:#f6eee7;border:1px solid var(--pn-border);padding:4px 10px;border-radius:30px;font-size:11px;white-space:nowrap}.brand-preview{padding:32px;border:1px solid var(--pn-border);border-radius:10px;overflow-wrap:anywhere}.brand-preview h3{font-size:32px;line-height:1.2;margin:16px 0}.brand-preview .example-action{display:inline-block;padding:10px 18px;border-radius:6px;margin-top:12px;font-weight:650}.brand-preview img{max-width:220px;max-height:85px;object-fit:contain}.swatches{display:flex;gap:8px;margin-top:24px}.swatches span{width:42px;height:30px;border-radius:4px;border:1px solid #999}.contrast{display:grid;gap:6px;margin:16px 0;font-size:12px}.contrast p{margin:0;padding:8px 12px;border:1px solid var(--pn-border);border-radius:5px}.logo-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.logo-matrix figure{margin:0;min-width:0}.logo-matrix figcaption{font-size:11px}.logo-matrix div{height:100px;padding:16px;display:grid;place-items:center;border:1px solid #ddd;border-radius:6px}.logo-matrix img{max-width:100%;max-height:65px}.ai-panel{border:1px solid var(--pn-border);border-radius:10px;background:#fffaf7;margin-top:24px;padding:20px}.ai-panel p,.ai-panel details{font-size:13px}.check{display:flex;gap:10px;font-size:12px;align-items:flex-start}.check input{width:18px;flex:none;margin-top:4px}summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.exports{margin-top:26px;border-top:1px solid var(--pn-border);padding-top:12px}.exports>p{font-size:13px}.outline{margin-top:24px}#outline h3{font-size:16px}#outline li{font-size:13px;overflow-wrap:anywhere}#ai-result article{border-top:1px solid var(--pn-border);padding:8px 0}#ai-result h4{margin:8px 0}footer{padding:38px 0;font-size:13px}footer p{color:var(--pn-text-secondary)}@media(max-width:900px){.studio{grid-template-columns:1fr}.starter{align-items:start;flex-direction:column}.top,main{padding-inline:20px}}@media(max-width:480px){.top{gap:12px;flex-wrap:wrap;padding-block:16px}.top img{width:118px}.top span{display:none}.top nav{gap:14px;font-size:12px}.hero{padding-top:26px}.starter,#editor,.preview-panel{padding:18px}.panel-heading{align-items:start;flex-direction:column;gap:0;margin-bottom:18px}.brand-preview{padding:22px}.brand-preview h3{font-size:27px}.exports .actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
#ai-result{overflow-wrap:anywhere}#ai-result details{border-top:1px solid var(--pn-border);padding:4px 0}#ai-result summary{font-size:14px}