.apa-wrap,.apa-wrap *{box-sizing:border-box;margin:0;padding:0}.apa-wrap{font-family:var(--apa-font-body);font-size:var(--apa-font-size);line-height:var(--apa-lh);color:var(--apa-text);background:var(--apa-bg);border-radius:var(--apa-radius);border:1px solid var(--apa-border);overflow:hidden;position:relative;background-image:linear-gradient(var(--apa-border) 1px,transparent 1px),linear-gradient(90deg,var(--apa-border) 1px,transparent 1px);background-size:48px 48px;background-position:center}.apa-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;background:linear-gradient(135deg,color-mix(in srgb,var(--apa-primary) 12%,var(--apa-bg)) 0%,var(--apa-bg) 100%);border-bottom:1px solid var(--apa-border);position:relative}.apa-header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--apa-primary),var(--apa-secondary),transparent)}.apa-header-left{display:flex;align-items:center;gap:16px}.apa-logo-mark{font-size:40px;filter:drop-shadow(0 0 16px var(--apa-primary));animation:apa-pulse 3s ease-in-out infinite}@keyframes apa-pulse{0%,100%{filter:drop-shadow(0 0 12px var(--apa-primary))}50%{filter:drop-shadow(0 0 24px var(--apa-secondary))}}.apa-title{font-family:var(--apa-font-heading);font-size:var(--apa-heading-size);font-weight:var(--apa-fw-heading);color:var(--apa-text);letter-spacing:-.5px;line-height:1.1}.apa-subtitle{font-size:13px;color:var(--apa-muted);margin-top:5px;font-family:var(--apa-font-body)}.apa-header-badges{display:flex;gap:8px;flex-wrap:wrap}.apa-badge{background:var(--apa-tag-bg);color:var(--apa-tag-text);border:1px solid var(--apa-tag-text);border-opacity:.4;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;font-family:var(--apa-font-heading);letter-spacing:.04em}.apa-steps{display:flex;align-items:center;padding:16px 32px;background:var(--apa-card-bg);border-bottom:1px solid var(--apa-border);gap:0;overflow-x:auto}.apa-step{display:flex;align-items:center;gap:8px;flex-shrink:0;cursor:pointer;transition:opacity .2s;opacity:.5}.apa-step.active{opacity:1}.apa-step-num{width:28px;height:28px;border-radius:50%;background:var(--apa-border);border:2px solid var(--apa-border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--apa-font-heading);color:var(--apa-muted);transition:all .2s}.apa-step.active .apa-step-num{background:var(--apa-primary);border-color:var(--apa-primary);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--apa-primary) 50%,transparent)}.apa-step.done .apa-step-num{background:var(--apa-accent);border-color:var(--apa-accent);color:#fff}.apa-step-lbl{font-size:12px;font-weight:600;font-family:var(--apa-font-heading);color:var(--apa-muted)}.apa-step.active .apa-step-lbl{color:var(--apa-text)}.apa-step-line{flex:1;min-width:24px;height:2px;background:var(--apa-border);margin:0 6px}.apa-body{display:grid;grid-template-columns:1fr 420px;min-height:600px}.apa-builder{padding:28px 32px;border-right:1px solid var(--apa-border);overflow-y:auto;max-height:800px}.apa-section{margin-bottom:36px;animation:apa-fadein .3s ease}@keyframes apa-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.apa-section-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.apa-section-num{font-family:var(--apa-font-heading);font-size:11px;font-weight:700;color:var(--apa-primary);letter-spacing:.12em;border:1px solid var(--apa-primary);padding:2px 8px;border-radius:4px;opacity:.7}.apa-section-title{font-family:var(--apa-font-heading);font-size:16px;font-weight:700;color:var(--apa-text)}.apa-section-hint{font-size:12px;color:var(--apa-muted);margin-bottom:16px}.apa-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px, 1fr));gap:10px;margin-bottom:16px}.apa-role-card{background:var(--apa-card-bg);border:1px solid var(--apa-border);border-radius:var(--apa-radius);padding:12px 14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;font-family:var(--apa-font-heading);font-size:13px;color:var(--apa-muted)}.apa-role-card:hover{border-color:var(--apa-primary);color:var(--apa-text);transform:translateY(-1px)}.apa-role-card.selected{border-color:var(--apa-primary);background:color-mix(in srgb,var(--apa-primary) 10%,var(--apa-card-bg));color:var(--apa-text);box-shadow:0 0 16px color-mix(in srgb,var(--apa-primary) 20%,transparent)}.apa-role-icon{font-size:20px;flex-shrink:0}.apa-framework-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px, 1fr));gap:10px;margin-bottom:16px}.apa-fw-card{background:var(--apa-card-bg);border:1px solid var(--apa-border);border-radius:var(--apa-radius);padding:14px 12px;cursor:pointer;transition:all .2s;text-align:center;font-family:var(--apa-font-heading)}.apa-fw-card:hover{border-color:var(--apa-secondary)}.apa-fw-card.selected{border-color:var(--apa-secondary);background:color-mix(in srgb,var(--apa-secondary) 10%,var(--apa-card-bg));box-shadow:0 0 16px color-mix(in srgb,var(--apa-secondary) 20%,transparent)}.apa-fw-name{font-size:15px;font-weight:800;color:var(--apa-primary);display:block;margin-bottom:4px}.apa-fw-desc{font-size:10px;color:var(--apa-muted);line-height:1.4}.apa-framework-info{display:flex;gap:12px;align-items:flex-start;background:color-mix(in srgb,var(--apa-secondary) 8%,var(--apa-card-bg));border:1px solid color-mix(in srgb,var(--apa-secondary) 30%,var(--apa-border));border-radius:10px;padding:14px 16px;font-size:13px;color:var(--apa-muted);line-height:1.6}.apa-framework-info-icon{font-size:20px;flex-shrink:0}.apa-input{width:100%;background:var(--apa-card-bg);border:1px solid var(--apa-border);border-radius:calc(var(--apa-radius) * 0.7);color:var(--apa-text);padding:11px 14px;font-family:var(--apa-font-body);font-size:var(--apa-font-size);transition:border-color .2s,box-shadow .2s;outline:none}.apa-input:focus{border-color:var(--apa-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--apa-primary) 15%,transparent)}.apa-input::placeholder{color:color-mix(in srgb,var(--apa-muted) 60%,transparent);font-size:13px}.apa-textarea{resize:vertical;min-height:80px}.apa-input option,.apa-input select{background:var(--apa-card-bg)}.apa-field-group{margin-bottom:16px}.apa-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--apa-muted);margin-bottom:8px;font-family:var(--apa-font-heading)}.apa-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.apa-custom-row{margin-top:12px}.apa-custom-row label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--apa-muted);margin-bottom:6px;font-family:var(--apa-font-heading)}.apa-quick-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.apa-quick-tag{background:var(--apa-tag-bg);color:var(--apa-tag-text);border:1px solid color-mix(in srgb,var(--apa-tag-text) 40%,transparent);border-radius:20px;padding:5px 12px;font-size:12px;font-family:var(--apa-font-heading);cursor:pointer;transition:all .2s}.apa-quick-tag:hover,.apa-quick-tag.active{background:var(--apa-primary);color:#fff;border-color:var(--apa-primary)}.apa-section--generate{text-align:center}.apa-generate-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--apa-primary),var(--apa-secondary));color:var(--apa-btn-text);border:none;border-radius:var(--apa-radius);padding:16px 40px;font-family:var(--apa-font-heading);font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 24px color-mix(in srgb,var(--apa-primary) 40%,transparent);letter-spacing:-.2px}.apa-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb,var(--apa-primary) 50%,transparent)}.apa-generate-btn:active{transform:translateY(0)}.apa-generate-btn.loading{opacity:.7;cursor:not-allowed}.apa-btn-icon{font-size:22px;animation:apa-spin-icon 2s linear infinite;display:inline-block}.apa-generate-btn.loading .apa-btn-icon{animation:apa-spin 1s linear infinite}@keyframes apa-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.apa-generate-sub{margin-top:10px;font-size:12px;color:var(--apa-muted)}.apa-output-panel{display:flex;flex-direction:column;padding:24px;background:color-mix(in srgb,var(--apa-card-bg) 80%,var(--apa-bg));gap:0}.apa-output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.apa-output-title{display:flex;align-items:center;gap:10px;font-family:var(--apa-font-heading);font-size:14px;font-weight:700;color:var(--apa-text)}.apa-output-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;background:var(--apa-border);color:var(--apa-muted);font-family:var(--apa-font-body)}.apa-output-status.ready{background:color-mix(in srgb,var(--apa-accent) 15%,transparent);color:var(--apa-accent);border:1px solid color-mix(in srgb,var(--apa-accent) 40%,transparent)}.apa-output-actions{display:flex;gap:6px}.apa-action-btn{display:flex;align-items:center;gap:5px;background:var(--apa-card-bg);border:1px solid var(--apa-border);border-radius:8px;color:var(--apa-muted);padding:6px 12px;font-size:12px;font-family:var(--apa-font-heading);font-weight:600;cursor:pointer;transition:all .2s}.apa-action-btn:hover{border-color:var(--apa-primary);color:var(--apa-primary)}.apa-output-box{flex:1;background:var(--apa-bg);border:1px solid var(--apa-border);border-radius:var(--apa-radius);min-height:320px;position:relative;overflow:hidden}.apa-output-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:8px}.apa-placeholder-icon{font-size:40px;opacity:.3;margin-bottom:8px}.apa-placeholder-title{font-family:var(--apa-font-heading);font-size:16px;font-weight:700;color:var(--apa-muted)}.apa-placeholder-sub{font-size:13px;color:var(--apa-muted);opacity:.7}.apa-placeholder-sub strong{color:var(--apa-primary)}.apa-placeholder-examples{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.apa-ex-label{width:100%;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--apa-muted);font-weight:700;font-family:var(--apa-font-heading);margin-bottom:4px}.apa-example-chip{background:var(--apa-card-bg);border:1px solid var(--apa-border);border-radius:20px;color:var(--apa-muted);padding:5px 14px;font-size:12px;font-family:var(--apa-font-heading);cursor:pointer;transition:all .2s}.apa-example-chip:hover{border-color:var(--apa-primary);color:var(--apa-primary)}.apa-output-pre{padding:20px;font-family:var(--apa-font-body);font-size:13px;color:var(--apa-text);line-height:1.7;white-space:pre-wrap;word-break:break-word;height:100%;overflow-y:auto}.apa-output-footer{display:flex;align-items:center;gap:16px;padding:10px 0 0;font-size:12px;color:var(--apa-muted);font-family:var(--apa-font-heading);position:relative}.apa-output-footer span span{color:var(--apa-primary);font-weight:700}.apa-copy-toast{margin-left:auto;background:var(--apa-accent);color:#fff;padding:3px 12px;border-radius:20px;font-size:11px;opacity:0;transition:opacity .3s;pointer-events:none}.apa-copy-toast.show{opacity:1}.apa-library{margin-top:20px;background:var(--apa-card-bg);border:1px solid var(--apa-border);border-radius:var(--apa-radius);overflow:hidden}.apa-library-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--apa-border);font-family:var(--apa-font-heading);font-size:13px;font-weight:700;color:var(--apa-text)}.apa-library-save-btn{background:0 0;border:1px solid var(--apa-accent);border-radius:6px;color:var(--apa-accent);padding:4px 12px;font-size:11px;font-family:var(--apa-font-heading);cursor:pointer;font-weight:700;transition:all .2s}.apa-library-save-btn:hover{background:var(--apa-accent);color:#fff}.apa-library-list{padding:12px;max-height:200px;overflow-y:auto}.apa-library-empty{font-size:12px;color:var(--apa-muted);text-align:center;padding:16px}.apa-library-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .2s;font-size:13px;color:var(--apa-text);font-family:var(--apa-font-heading)}.apa-library-item:hover{background:var(--apa-bg)}.apa-library-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apa-library-item-del{color:var(--apa-muted);cursor:pointer;font-size:16px;padding:0 4px;line-height:1;transition:color .2s}.apa-library-item-del:hover{color:#ef4444}.apa-wrap ::-webkit-scrollbar{width:6px;height:6px}.apa-wrap ::-webkit-scrollbar-track{background:0 0}.apa-wrap ::-webkit-scrollbar-thumb{background:var(--apa-border);border-radius:3px}.apa-wrap ::-webkit-scrollbar-thumb:hover{background:var(--apa-muted)}@media (max-width:900px){.apa-body{grid-template-columns:1fr}.apa-builder{border-right:none;border-bottom:1px solid var(--apa-border);max-height:none}.apa-header{flex-direction:column;align-items:flex-start;gap:14px}.apa-two-col{grid-template-columns:1fr}}@media (max-width:500px){.apa-header{padding:20px}.apa-builder{padding:20px}.apa-steps{padding:12px 20px}}.apa-credit{text-align:center;padding:12px 20px;font-size:11px;color:var(--apa-muted);border-top:1px solid var(--apa-border);font-family:var(--apa-font-heading);letter-spacing:.04em;position:relative;z-index:1;opacity:.7;transition:opacity .2s}.apa-credit:hover{opacity:1}.apa-credit a{color:var(--apa-primary);text-decoration:none}.apa-credit a:hover{text-decoration:underline}