.page-outline{margin:20px 0 24px;border:1px solid #00000020;border-radius:16px;background:#ffffff;color:#000000;padding:4px 16px}.page-outline summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;font-size:12px;font-weight:600}.page-outline summary span{font-size:10px;color:#000000}.page-outline nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0}.page-outline a{border-radius:9px;padding:12px;font-size:12px;text-decoration:none;line-height:1.5;background:#ffffff}.page-outline a:hover{background:#c0ff72}main h1,main h2{scroll-margin-top:110px}.page-reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:999;pointer-events:none}.page-reading-progress span{display:block;height:100%;background:#c0ff72;transform-origin:left;transform:scaleX(0)}.page-playground{padding:32px!important;margin:40px 0!important;border:1px solid #00000024;border-radius:28px;background:#ffffff;color:#000000}.playground-heading{display:flex;align-items:center;gap:20px;margin-bottom:24px}.playground-heading>img{flex-shrink:0;image-rendering:pixelated;background:#000000;border-radius:18px;padding:6px;box-sizing:content-box}.playground-heading h2{margin:8px 0;font-size:clamp(26px,3vw,40px);line-height:1.2}.playground-heading p{margin:0;font-size:13px;line-height:1.8;color:#000000}.playground-tabs{display:flex;gap:6px;padding:5px;border:1px solid #00000020;background:#ffffff;border-radius:14px;width:fit-content;margin-bottom:24px}.playground-tabs button{min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:transparent;color:#000000;cursor:pointer;font:600 12px Manrope,system-ui}.playground-tabs button[aria-selected=true]{background:#000000;color:#c0ff72}.page-playground label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.page-playground label span{font-size:10px;font-weight:400;color:#000000}.page-playground textarea,.page-playground select,.page-playground input{display:block;box-sizing:border-box;width:100%;min-height:46px;border:1px solid #00000030;border-radius:14px;padding:14px;background:#ffffff;color:#000000;font:13px/1.8 Manrope,system-ui}.page-playground textarea{resize:vertical}.page-playground textarea:focus,.page-playground input:focus,.page-playground select:focus{outline:2px solid #000000;outline-offset:2px}.page-brief-fields{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.page-brief-preview{margin:20px 0;padding:12px 16px;border:1px solid #00000020;border-radius:14px;background:#ffffff}.page-brief-preview summary{min-height:30px;cursor:pointer;font-size:12px}.page-brief-preview pre{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto}.page-brief-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-brief-actions .button{min-height:44px;font-size:12px}.brief-reset{border:0;background:transparent;color:#000000;text-decoration:underline;cursor:pointer;padding:12px;font:12px Manrope,system-ui}.playground-status{font-size:12px;line-height:1.8;color:#000000;margin:18px 0 4px}.page-playground small{display:block;color:#000000;font-size:10px;line-height:1.7}#pageExploreCount{font-size:12px;line-height:1.7;color:#000000}#pageExploreResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-guide-result{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid #00000020;border-radius:18px;background:#ffffff;color:#000000;text-decoration:none;transition:transform .2s,background .2s}.page-guide-result img{flex-shrink:0;image-rendering:pixelated}.page-guide-result>span{display:grid;gap:8px}.page-guide-result strong{font-size:13px;line-height:1.5}.page-guide-result span span{font-size:11px;line-height:1.8;color:#000000}.page-guide-result:hover{transform:translateY(-3px);background:#ffffff}.page-outline a:focus-visible,.playground-tabs button:focus-visible,.page-guide-result:focus-visible,.page-brief-preview summary:focus-visible{outline:2px solid #000000;outline-offset:3px}@media(max-width:760px){.page-outline nav{grid-template-columns:1fr}.page-playground{padding:20px!important;border-radius:22px}.playground-heading{gap:14px;align-items:flex-start}.playground-heading>img{width:40px;height:40px;border-radius:14px}.playground-heading h2{font-size:27px}.playground-heading p{font-size:12px}.page-brief-fields{grid-template-columns:1fr;gap:16px}.playground-tabs{width:100%;box-sizing:border-box}.playground-tabs button{flex:1;padding:10px 8px;font-size:11px}.page-brief-actions .button{width:100%;box-sizing:border-box;justify-content:center}#pageExploreResults{grid-template-columns:1fr}.page-guide-result{padding:16px}}@media(prefers-reduced-motion:reduce){.page-guide-result{transition:none}.page-guide-result:hover{transform:none}}