@charset "UTF-8";.generate-form{max-width:800px;margin:0 auto}.options-wrapper{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:flex-end}.option-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.option-label{font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-display);font-weight:500}.option-select,.option-input{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);font-size:.9375rem;color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:var(--transition-base)}.option-select{min-width:120px}.option-input{width:100px}.option-select:focus,.option-input:focus{border-color:#1a1a1a;box-shadow:none}.option-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9375rem;color:var(--color-text-secondary);cursor:pointer}.option-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1a1a1a}.loading-progress{width:100%;max-width:400px;margin-top:var(--spacing-lg)}.progress-url{text-align:center;font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);word-break:break-all;margin-top:var(--spacing-xs);max-width:100%;overflow:hidden;text-overflow:ellipsis}.cancel-btn{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-display);font-size:.9375rem;font-weight:500;color:var(--color-accent-red);background:transparent;border:2px solid var(--color-accent-red);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.cancel-btn:hover{background:var(--color-accent-red);color:#fff}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.actions-section{margin-bottom:var(--spacing-2xl)}.action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.preview-panel{background:var(--color-solid-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.tree-container{max-height:600px;overflow-y:auto;padding:var(--spacing-md)}.tree-item{margin-bottom:var(--spacing-xs);padding-left:var(--spacing-lg);position:relative}.tree-item:before{content:"";position:absolute;left:0;top:.5em;width:12px;height:1px;background:var(--color-border)}.tree-item:after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:var(--color-border)}.tree-item:last-child:after{height:.5em}.tree-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition-base)}.tree-link:hover{color:#1a1a1a;background:var(--color-bg-secondary)}.tree-icon{font-size:.75rem}.list-container{max-height:600px;overflow-y:auto}.list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);transition:var(--transition-base)}.list-item:hover{background:var(--color-bg-secondary)}.list-item:last-child{border-bottom:none}.list-url{flex:1;font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-primary);word-break:break-all}.list-url a{color:#1a1a1a;text-decoration:none}.list-url a:hover{text-decoration:underline}.list-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.xml-container{max-height:600px;overflow:auto;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.xml-code{margin:0;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all}.xml-code code{color:var(--color-text-primary)}@media(max-width:768px){.input-wrapper{flex-direction:column}.generate-btn{width:100%}.options-wrapper{flex-direction:column;align-items:stretch}.option-select,.option-input{width:100%}.summary-cards{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.action-btn{width:100%;justify-content:center}.preview-tabs{flex-direction:column}.tab-btn{width:100%;justify-content:center}}@media(max-width:480px){.summary-cards{grid-template-columns:1fr}}