*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #7D59FF;--purple-light: #EDE9FF;--purple-dark: #5B3CDC;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--red: #ef4444;--green: #22c55e;--yellow: #f59e0b;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font);background:var(--gray-100);color:var(--gray-800);height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:var(--font);border-radius:0}input,textarea{font-family:var(--font)}.page-panel{width:200px;flex-shrink:0;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;overflow:hidden}.page-panel__header{height:57px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--gray-200)}.page-panel__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.page-panel__add{width:24px;height:24px;padding:0;border:1px solid var(--gray-300);background:#fff;color:var(--gray-600);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .1s}.page-panel__add:hover{background:var(--purple);border-color:var(--purple);color:#fff}.page-panel__list{list-style:none;flex:1;overflow-y:auto;padding:6px}.page-panel__item{border-radius:0;padding:8px;cursor:pointer;transition:background .1s;margin-bottom:2px;display:flex;align-items:center;justify-content:space-between;gap:4px;border:2px solid transparent}.page-panel__item:hover{background:var(--gray-100)}.page-panel__item:hover .page-panel__actions{opacity:1}.page-panel__item--active{background:var(--purple-light);border-color:var(--purple)}.page-panel__item--dragover{border-color:var(--purple);background:var(--purple-light)}.page-panel__item-content{flex:1;min-width:0}.page-panel__item-name{font-size:13px;font-weight:500;color:var(--gray-800);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-panel__type-select{margin-top:3px;font-size:11px;color:var(--gray-500);background:transparent;border:none;outline:none;cursor:pointer;padding:0;max-width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.page-panel__actions{display:flex;gap:2px;opacity:0;transition:opacity .1s;flex-shrink:0}.page-panel__action{width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--gray-500);font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .1s}.page-panel__action:hover{background:var(--gray-200);color:var(--gray-800)}.page-panel__action--delete:hover{background:#fee2e2;color:var(--red)}.page-panel__action:disabled{opacity:.3;cursor:not-allowed}.page-panel__redirect-tag{font-size:10px;color:#1d4ed8;font-weight:500;margin-top:2px;display:block}.canvas{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--gray-50)}.canvas--empty{align-items:center;justify-content:center;color:var(--gray-400)}.canvas__header{height:57px;box-sizing:border-box;padding:0 20px;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:16px;flex-shrink:0}.canvas__header-meta{display:flex;align-items:center;gap:8px}.canvas__header-left{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1;min-width:0}.canvas__name{font-size:15px;font-weight:600;color:var(--gray-800);cursor:text;padding:2px 5px;border-radius:0;transition:background .1s;display:inline-block;text-align:left}.canvas__name:hover{background:var(--gray-100)}.canvas__name-input{font-size:15px;font-weight:600;color:var(--gray-800);border:2px solid var(--purple);border-radius:0;padding:2px 5px;outline:none;background:#fff;min-width:120px}.canvas__slug-row{display:flex;align-items:center;gap:1px}.canvas__slug-prefix{font-size:11px;color:var(--gray-400);font-family:monospace}.canvas__slug{font-size:11px;color:var(--purple);font-family:monospace;cursor:text;padding:1px 4px;border-radius:0;transition:background .1s}.canvas__slug:hover{background:var(--purple-light)}.canvas__slug--empty{color:var(--gray-400);font-style:italic;font-family:var(--font)}.canvas__slug-input{font-size:11px;color:var(--purple);font-family:monospace;border:1px solid var(--purple);border-radius:0;padding:1px 4px;outline:none;background:#fff;min-width:100px}.canvas__type-select{font-size:12px;font-weight:500;color:var(--gray-700);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid var(--gray-300);border-radius:0;padding:5px 28px 5px 10px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;transition:border-color .1s}.canvas__type-select:hover{border-color:var(--purple)}.canvas__type-select:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7d59ff1a}.canvas__ai-btn{padding:5px 12px;border:1px solid var(--purple);background:var(--purple-light);color:var(--purple-dark);font-size:12px;font-weight:600;cursor:pointer;transition:all .1s;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.canvas__ai-btn:hover{background:var(--purple);color:#fff}.canvas__ai-btn--page{background:transparent;border-color:var(--gray-300);color:var(--gray-500)}.canvas__ai-btn--page:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-700)}.canvas__count{font-size:12px;color:var(--gray-400);white-space:nowrap;flex-shrink:0;margin-left:auto}.canvas__body{flex:1;overflow-y:auto}.canvas__zone{padding:8px 20px 10px}.canvas__zone--top{background:#f5f3ff;border-bottom:2px dashed #c4b5fd}.canvas__zone--bottom{background:#f5f3ff;border-top:2px dashed #c4b5fd}.canvas__zone-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#7d59ff;margin-bottom:6px;padding:0 2px;display:flex;align-items:center;gap:6px}.canvas__zone-global{font-size:9px;font-weight:500;text-transform:none;letter-spacing:0;color:#a78bfa;background:#ede9fe;padding:1px 5px;border-radius:0}.canvas__drop-area{padding:16px 20px;position:relative;min-height:100px}.canvas__drop-area--empty{min-height:260px;display:flex;align-items:center;justify-content:center}.canvas__empty-hint{text-align:center;color:var(--gray-400);pointer-events:none}.canvas__empty-icon{font-size:32px;margin-bottom:8px;opacity:.4}.canvas__empty-hint p{font-size:14px}.canvas__drop-indicator{height:3px;background:var(--purple);border-radius:0;margin:2px 0;transition:opacity .1s}.canvas__component{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-200);border-radius:0;margin-bottom:8px;cursor:grab;transition:border-color .1s,box-shadow .1s;-webkit-user-select:none;user-select:none;overflow:hidden}.canvas__component:hover{border-color:var(--purple);box-shadow:0 2px 8px #7d59ff1a}.canvas__component:active{cursor:grabbing}.canvas__component--pinned{border-color:#c4b5fd;background:#faf5ff}.canvas__component--placeholder{border-style:dashed;border-color:#c4b5fd;cursor:default}.canvas__component--placeholder:hover{border-color:var(--purple);box-shadow:0 2px 8px #7d59ff1a}.canvas__placeholder-body{padding:20px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:80px;background:repeating-linear-gradient(-45deg,#f5f3ff,#f5f3ff 8px,#ede9fe 8px,#ede9fe 16px)}.canvas__placeholder-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--purple);background:#fff;padding:2px 10px;border-radius:0;border:1px solid #c4b5fd}.canvas__placeholder-name{font-size:14px;font-weight:600;color:#4c1d95;text-align:center}.canvas__placeholder-sub{font-size:10px;color:#7d59ff;opacity:.7}.canvas__component-preview{width:100%;background:#f3f4f6;flex-shrink:0}.canvas__component-preview-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.canvas__component-preview-scroll::-webkit-scrollbar{height:4px}.canvas__component-preview-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.canvas__component-preview-img{display:block;width:100%;height:auto}.canvas__component-preview-placeholder{height:80px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--gray-300)}.canvas__component-preview-placeholder--html{font-size:11px;font-weight:600;color:var(--purple);background:var(--purple-light);letter-spacing:.08em;text-transform:uppercase}.canvas__html-badge{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--purple);background:var(--purple-light);border:1px solid #c4b5fd;padding:1px 5px;flex-shrink:0}.canvas__html-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:1!important}.canvas__html-btn{padding:2px 8px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-600);font-size:10px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .1s;white-space:nowrap;line-height:1.6}.canvas__html-btn:hover,.canvas__html-btn--figma{border-color:var(--purple);color:var(--purple);background:var(--purple-light)}.canvas__html-btn--figma:hover{background:var(--purple);color:#fff}.canvas__component-footer{display:flex;align-items:center;gap:8px;padding:7px 10px;border-top:1px solid var(--gray-100);background:#fff}.canvas__component--pinned .canvas__component-footer{background:#faf5ff}.canvas__component-info{flex:1;min-width:0}.canvas__component-name{font-size:12px;font-weight:500;color:var(--gray-800);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas__component-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .1s}.canvas__component:hover .canvas__component-actions,.canvas__component--pinned .canvas__component-actions{opacity:1}.canvas__component-pin{width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--gray-400);font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;flex-shrink:0}.canvas__component-pin:hover{background:var(--purple-light);color:var(--purple)}.canvas__component-pin--active{color:#7d59ff;background:#ede9fe}.canvas__component-pin--active:hover{background:#ddd6fe}.canvas__component-remove{width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--gray-400);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;flex-shrink:0}.canvas__component-remove:hover{background:#fee2e2;color:var(--red)}.canvas__variant-switcher{display:flex;align-items:center;gap:3px;margin-top:3px}.canvas__variant-btn{width:18px;height:18px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:all .1s;line-height:1}.canvas__variant-btn:hover{background:var(--purple-light);border-color:var(--purple);color:var(--purple)}.canvas__variant-label{font-size:10px;color:var(--gray-400);white-space:nowrap}.component-library{width:220px;flex-shrink:0;background:#fff;border-left:1px solid var(--gray-200);display:flex;flex-direction:column;overflow:hidden}.component-library__header{height:57px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--gray-200)}.component-library__header-right{display:flex;align-items:center;gap:6px}.component-library__refresh{width:22px;height:22px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-500);font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0;line-height:1}.component-library__refresh:hover:not(:disabled){background:var(--purple-light);border-color:var(--purple);color:var(--purple)}.component-library__refresh--spinning{display:inline-block;animation:spin .7s linear infinite}.component-library__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.component-library__count{font-size:11px;color:var(--gray-400)}.component-library__back{width:26px;height:26px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-600);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:all .1s}.component-library__back:hover{background:var(--purple-light);border-color:var(--purple);color:var(--purple)}.component-library__page-name{font-size:12px;font-weight:600;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.component-library__page-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fff;border:none;border-bottom:1px solid var(--gray-100);text-align:left;cursor:pointer;transition:background .1s}.component-library__page-item:hover{background:var(--purple-light)}.component-library__page-item:last-child{border-bottom:none}.component-library__page-item-name{flex:1;font-size:13px;font-weight:500;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-library__page-item-count{font-size:11px;color:var(--gray-400);background:var(--gray-100);border-radius:0;padding:1px 7px;flex-shrink:0}.component-library__page-item-arrow{font-size:16px;color:var(--gray-300);flex-shrink:0;line-height:1}.component-library__demo{color:var(--yellow);font-style:italic}.component-library__search{padding:8px;border-bottom:1px solid var(--gray-200)}.component-library__search-input{width:100%;padding:6px 8px;border:1px solid var(--gray-300);border-radius:0;font-size:12px;outline:none;transition:border-color .1s;background:var(--gray-50)}.component-library__search-input:focus{border-color:var(--purple);background:#fff}.component-library__loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--gray-400);font-size:13px}.component-library__spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}.component-library__list{flex:1;overflow-y:auto;padding:6px}.component-library__group{margin-bottom:12px}.component-library__group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);padding:4px 6px 2px}.component-library__cards{display:flex;flex-direction:column;gap:6px}.component-library__item{display:flex;flex-direction:column;border-radius:0;border:1px solid var(--gray-200);cursor:grab;transition:border-color .1s,box-shadow .1s;-webkit-user-select:none;user-select:none;overflow:hidden;background:#fff}.component-library__item:hover{border-color:var(--purple);box-shadow:0 1px 4px #7d59ff1f}.component-library__item:active{cursor:grabbing}.component-library__item-thumb-wrap{width:100%;background:#f3f4f6;flex-shrink:0}.component-library__item-thumb-wrap::-webkit-scrollbar{height:3px}.component-library__item-thumb-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:0}.component-library__item-thumb-wrap--placeholder{height:60px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--gray-400)}.component-library__item-thumb{width:100%;height:auto;display:block}.component-library__item-body{display:flex;flex-direction:column;align-items:center;padding:5px 7px 6px;border-top:1px solid var(--gray-100)}.component-library__item-name{font-size:11px;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-library__item-page{font-size:10px;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.component-library__variant-switcher{display:flex;align-items:center;gap:2px;margin-top:4px}.component-library__variant-btn{width:18px;height:18px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:all .1s;line-height:1}.component-library__variant-btn:hover{background:var(--purple-light);border-color:var(--purple);color:var(--purple)}.component-library__variant-label{font-size:10px;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-library__empty{text-align:center;color:var(--gray-400);font-size:12px;padding:12px 8px}.component-library__empty-state,.component-library__error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;text-align:center}.component-library__empty-icon{font-size:24px;opacity:.3}.component-library__error-icon{font-size:20px;color:var(--yellow)}.component-library__empty-state p,.component-library__error-state p{font-size:12px;color:var(--gray-500);line-height:1.4}.component-library__error-msg{color:var(--red)!important;font-size:11px!important;word-break:break-word}.component-library__empty-hint{font-size:11px!important;color:var(--gray-400)!important}.component-library__retry{margin-top:4px;padding:6px 14px;border:1px solid var(--purple);background:var(--purple-light);color:var(--purple-dark);font-size:12px;font-weight:500;cursor:pointer;transition:all .1s}.component-library__retry:hover{background:var(--purple);color:#fff}.component-library__item--custom{border-color:#c4b5fd;background:var(--purple-light)}.component-library__item--custom:hover{border-color:var(--purple);background:#ede9fe}.component-library__item-thumb-wrap--custom{background:var(--purple-light);border:1.5px dashed var(--purple);color:var(--purple);font-size:14px}.component-library__item-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.component-library__item-delete{width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--gray-400);cursor:pointer;font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s;opacity:0}.component-library__item:hover .component-library__item-delete{opacity:1}.component-library__item-delete:hover{background:#fee2e2;color:var(--red)}.component-library__item-parent{font-size:10px;color:var(--purple);display:block;margin-top:1px}.component-library__item-page--custom{color:var(--purple)!important;font-weight:500}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.settings-panel{background:#fff;border-radius:0;width:420px;box-shadow:0 20px 60px #00000026;overflow:hidden}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-200)}.settings-panel__title{font-size:16px;font-weight:600;color:var(--gray-800)}.settings-panel__close{width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--gray-500);font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .1s}.settings-panel__close:hover{background:var(--gray-100);color:var(--gray-800)}.settings-panel__body{padding:20px;display:flex;flex-direction:column;gap:16px}.settings-panel__label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--gray-700)}.settings-panel__input{padding:8px 10px;border:1px solid var(--gray-300);border-radius:0;font-size:13px;outline:none;transition:border-color .1s}.settings-panel__input:focus{border-color:var(--purple)}.settings-panel__hint{font-size:11px;color:var(--gray-400);font-weight:400}.settings-panel__hint--error{color:var(--red)}.settings-panel__hint--ok{color:var(--green)}.settings-panel__hint a{color:var(--purple)}.settings-panel__hint code{background:var(--gray-100);padding:1px 4px;border-radius:0;font-size:11px}.settings-panel__section{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:0}.settings-panel__section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.settings-panel__connected{display:flex;align-items:center;gap:8px;font-size:13px;color:#166534}.settings-panel__connected-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.settings-panel__disconnect{margin-left:auto;font-size:12px;padding:4px 10px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-600);cursor:pointer;transition:all .1s}.settings-panel__disconnect:hover{background:#fee2e2;border-color:var(--red);color:var(--red)}.settings-panel__oauth-btn{padding:9px 14px;border:1px solid var(--purple);background:var(--purple);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .1s;align-self:flex-start}.settings-panel__oauth-btn:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.settings-panel__oauth-btn:disabled{opacity:.5;cursor:not-allowed}.settings-panel__error{padding:8px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:0;font-size:12px;color:#991b1b}.settings-panel__redirect-uri{display:flex;align-items:center;gap:8px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:0;padding:6px 10px}.settings-panel__redirect-uri-value{flex:1;font-size:12px;font-family:monospace;color:var(--gray-700);word-break:break-all}.settings-panel__copy-uri{font-size:11px;font-weight:500;padding:3px 8px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-600);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .1s}.settings-panel__copy-uri:hover{background:var(--gray-200)}.settings-panel__footer{padding:16px 20px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:8px}.settings-panel__btn{padding:8px 16px;font-size:13px;font-weight:500;border:none;transition:all .1s}.settings-panel__btn--secondary{background:var(--gray-100);color:var(--gray-700)}.settings-panel__btn--secondary:hover{background:var(--gray-200)}.settings-panel__btn--primary{background:var(--purple);color:#fff}.settings-panel__btn--primary:hover:not(:disabled){background:var(--purple-dark)}.settings-panel__btn--primary:disabled{opacity:.5;cursor:not-allowed}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.export-modal{background:#fff;border-radius:0;width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;overflow:hidden}.export-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-200);flex-shrink:0}.export-modal__title{font-size:16px;font-weight:600;color:var(--gray-800)}.export-modal__close{width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--gray-500);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s}.export-modal__close:hover{background:var(--gray-100);color:var(--gray-800)}.export-modal__body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.export-modal__warning{display:flex;gap:10px;padding:10px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:0;font-size:13px;color:#92400e;align-items:flex-start}.export-modal__label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--gray-700)}.export-modal__input{padding:8px 10px;border:1px solid var(--gray-300);border-radius:0;font-size:13px;outline:none;transition:border-color .1s}.export-modal__input:focus{border-color:var(--purple)}.export-modal__error{font-size:11px;color:var(--red)}.export-modal__success{font-size:11px;color:var(--green)}.export-modal__radios{display:flex;flex-direction:column;gap:6px}.export-modal__radio{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border:1px solid var(--gray-200);border-radius:0;cursor:pointer;font-size:13px;font-weight:500;color:var(--gray-700);transition:border-color .1s}.export-modal__radio:has(input:checked){border-color:var(--purple);background:var(--purple-light)}.export-modal__radio:hover{border-color:var(--purple)}.export-modal__radio input{margin-top:1px;accent-color:var(--purple);flex-shrink:0}.export-modal__radio-desc{display:block;font-size:11px;font-weight:400;color:var(--gray-400);margin-top:2px}.export-modal__log{display:flex;flex-direction:column;gap:8px}.export-modal__log-title{font-size:13px;font-weight:600;color:var(--gray-700)}.export-modal__log-entry{display:flex;gap:8px;font-size:12px;padding:6px 10px;border-radius:0}.export-modal__log-entry--ok{background:#f0fdf4;color:#166534}.export-modal__log-entry--err{background:#fef2f2;color:#991b1b}.export-modal__spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite;margin:8px auto 0}@keyframes spin{to{transform:rotate(360deg)}}.export-modal__footer{padding:14px 20px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.export-modal__btn{padding:8px 16px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .1s}.export-modal__btn--secondary{background:var(--gray-100);color:var(--gray-700)}.export-modal__btn--secondary:hover{background:var(--gray-200)}.export-modal__btn--primary{background:var(--purple);color:#fff}.export-modal__btn--primary:hover:not(:disabled){background:var(--purple-dark)}.export-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.export-modal__queued{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px;text-align:center}.export-modal__queued-icon{width:44px;height:44px;border-radius:50%;background:#f0fdf4;color:#16a34a;font-size:20px;display:flex;align-items:center;justify-content:center}.export-modal__queued-title{font-size:16px;font-weight:600;color:var(--gray-800);margin:0}.export-modal__queued-desc{font-size:13px;color:var(--gray-600);line-height:1.5;margin:0;max-width:340px}.export-modal__queued-steps{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:6px}.export-modal__queued-step{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:0;font-size:12px;color:var(--gray-700);text-align:left}.export-modal__queued-num{width:20px;height:20px;border-radius:50%;background:var(--purple);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.ai-modal{background:#fff;border-radius:0;box-shadow:0 8px 40px #0000002e;width:580px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.ai-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--gray-200);flex-shrink:0}.ai-modal__title{font-size:15px;font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:8px}.ai-modal__icon{color:var(--purple);font-size:16px}.ai-modal__close{width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--gray-400);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.ai-modal__close:hover{background:var(--gray-100);color:var(--gray-700)}.ai-modal__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.ai-modal__page-meta{display:flex;align-items:center;gap:8px}.ai-modal__page-name{font-size:13px;font-weight:600;color:var(--gray-800)}.ai-modal__page-type{font-size:11px;color:var(--purple);background:var(--purple-light);padding:2px 8px;border-radius:0;font-weight:500}.ai-modal__label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--gray-600)}.ai-modal__textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--gray-300);border-radius:0;font-size:13px;font-family:var(--font);color:var(--gray-800);resize:vertical;outline:none;line-height:1.5;transition:border-color .1s}.ai-modal__textarea:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7d59ff1a}.ai-modal__hint{font-size:11px;color:var(--gray-400)}.ai-modal__error{background:#fef2f2;border:1px solid #fecaca;color:var(--red);border-radius:0;padding:10px 12px;font-size:12px}.ai-modal__loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 0;color:var(--gray-500);font-size:13px}.ai-modal__spinner{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--purple);border-radius:50%;animation:ai-spin .7s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-modal__results-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--gray-500)}.ai-modal__select-all{font-size:11px;color:var(--purple);background:none;border:none;cursor:pointer;padding:2px 6px;transition:background .1s}.ai-modal__select-all:hover{background:var(--purple-light)}.ai-modal__items{display:flex;flex-direction:column;gap:5px}.ai-modal__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--gray-200);border-radius:0;cursor:pointer;transition:border-color .1s,background .1s;-webkit-user-select:none;user-select:none}.ai-modal__item:hover,.ai-modal__item--checked{border-color:var(--purple);background:var(--purple-light)}.ai-modal__item--placeholder{border-style:dashed}.ai-modal__checkbox{width:15px;height:15px;flex-shrink:0;accent-color:var(--purple);cursor:pointer}.ai-modal__item-order{width:20px;height:20px;border-radius:50%;background:var(--gray-200);color:var(--gray-600);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-modal__item--checked .ai-modal__item-order{background:var(--purple);color:#fff}.ai-modal__item-thumb{width:56px;height:40px;object-fit:cover;border-radius:0;background:var(--gray-100);flex-shrink:0}.ai-modal__item-thumb--letter{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--gray-400)}.ai-modal__item-thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--purple);background:var(--purple-light);border-radius:0}.ai-modal__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ai-modal__item-top{display:flex;align-items:center;gap:6px;min-width:0}.ai-modal__item-name{font-size:12px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.ai-modal__item-reason{font-size:11px;color:var(--gray-500);line-height:1.3}.ai-modal__placeholder-tag{font-size:10px;color:var(--purple);font-weight:500}.ai-modal__section-badge{font-size:10px;font-weight:600;padding:1px 7px;border-radius:0;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em;background:var(--gray-100);color:var(--gray-500)}.ai-modal__section-badge--navbar,.ai-modal__section-badge--breadcrumb,.ai-modal__section-badge--search{background:#eff6ff;color:#1d4ed8}.ai-modal__section-badge--hero,.ai-modal__section-badge--banner{background:#f5f3ff;color:#6d28d9}.ai-modal__section-badge--features,.ai-modal__section-badge--contact{background:#f0fdf4;color:#15803d}.ai-modal__section-badge--cta,.ai-modal__section-badge--gallery{background:#fff7ed;color:#c2410c}.ai-modal__section-badge--pricing{background:#f0fdfa;color:#0f766e}.ai-modal__section-badge--testimonials,.ai-modal__section-badge--team{background:#fdf4ff;color:#a21caf}.ai-modal__section-badge--faq{background:#fefce8;color:#a16207}.ai-modal__section-badge--footer{background:#f8fafc;color:#475569}.ai-modal__section-badge--blog{background:#eff6ff;color:#1e40af}.ai-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--gray-200);flex-shrink:0}.ai-modal__btn{padding:8px 18px;font-size:13px;font-weight:500;cursor:pointer;transition:all .1s;border:1px solid transparent}.ai-modal__btn--secondary{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.ai-modal__btn--secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.ai-modal__btn--primary{background:var(--purple);color:#fff;border-color:var(--purple)}.ai-modal__btn--primary:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.ai-modal__btn--primary:disabled{opacity:.45;cursor:not-allowed}.asm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.asm{background:#fff;border-radius:0;box-shadow:0 12px 48px #00000038;width:900px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.asm__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-200);flex-shrink:0}.asm__title{font-size:15px;font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:8px}.asm__title-icon{color:var(--purple)}.asm__title-sub{font-size:12px;font-weight:400;color:var(--gray-400);margin-left:4px}.asm__close{width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--gray-400);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.asm__close:hover{background:var(--gray-100);color:var(--gray-700)}.asm__body{flex:1;overflow-y:auto;min-height:0}.asm__input-area{display:flex;flex-direction:column;gap:14px;padding:20px}.asm__label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--gray-600)}.asm__textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--gray-300);border-radius:0;font-size:13px;font-family:var(--font);color:var(--gray-800);resize:vertical;outline:none;line-height:1.5;transition:border-color .1s}.asm__textarea:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7d59ff1a}.asm__textarea:disabled{opacity:.6;cursor:not-allowed}.asm__loading-inline{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gray-500);padding:4px 0}.asm__spinner{width:18px;height:18px;flex-shrink:0;border:2px solid var(--gray-200);border-top-color:var(--purple);border-radius:50%;animation:asm-spin .7s linear infinite}@keyframes asm-spin{to{transform:rotate(360deg)}}.asm__hint{font-size:11px;color:var(--gray-400)}.asm__update-current-preview{max-height:160px;overflow:hidden;border:1px solid var(--gray-200);background:#f9f9f9;pointer-events:none}.asm__error{background:#fef2f2;border:1px solid #fecaca;color:var(--red);border-radius:0;padding:10px 12px;font-size:12px}.asm__warn{background:#fff7ed;border:1px solid #fdba74;color:#c2410c;border-radius:0;padding:10px 12px;font-size:12px}.asm__result-area{display:flex;flex-direction:column}.asm__result-header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.asm__section-name-input{flex:1;font-size:15px;font-weight:600;color:var(--gray-800);border:1.5px solid var(--gray-200);border-radius:0;padding:6px 10px;font-family:var(--font);outline:none;transition:border-color .1s;min-width:0}.asm__section-name-input:focus{border-color:var(--purple)}.asm__badge{font-size:10px;font-weight:600;padding:3px 9px;border-radius:0;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;background:var(--gray-100);color:var(--gray-500)}.asm__badge--navbar,.asm__badge--breadcrumb,.asm__badge--search{background:#eff6ff;color:#1d4ed8}.asm__badge--hero,.asm__badge--banner{background:#f5f3ff;color:#6d28d9}.asm__badge--features,.asm__badge--contact{background:#f0fdf4;color:#15803d}.asm__badge--cta,.asm__badge--gallery{background:#fff7ed;color:#c2410c}.asm__badge--pricing{background:#f0fdfa;color:#0f766e}.asm__badge--testimonials,.asm__badge--team{background:#fdf4ff;color:#a21caf}.asm__badge--faq{background:#fefce8;color:#a16207}.asm__badge--footer{background:#f8fafc;color:#475569}.asm__badge--blog{background:#eff6ff;color:#1e40af}.asm__preview-wrap{width:100%;background:#f8f8f8;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);overflow:hidden}.asm__wf-outer{width:100%;overflow:hidden;position:relative}.asm__wf-inner{display:flex;flex-direction:column;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.asm__used-comps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 20px;border-bottom:1px solid var(--gray-100)}.asm__used-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.asm__used-chip{font-size:11px;background:var(--gray-100);color:var(--gray-600);padding:2px 8px;border-radius:0}.asm__pushed{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;gap:14px}.asm__pushed-icon{width:48px;height:48px;border-radius:50%;background:#f0fdf4;border:2px solid #86efac;color:#16a34a;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}.asm__pushed-title{font-size:16px;font-weight:600;color:var(--gray-800)}.asm__pushed-desc{font-size:13px;color:var(--gray-600);line-height:1.6;max-width:440px;margin:0}.asm__pushed-comps{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:4px}.asm__pushed-comp{font-size:11px;background:var(--gray-100);color:var(--gray-600);padding:2px 8px;border-radius:0}.asm__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 20px;border-top:1px solid var(--gray-200);flex-shrink:0}.asm__footer-right{display:flex;gap:8px}.asm__btn{padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .1s;border:1px solid transparent;white-space:nowrap}.asm__btn--secondary{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.asm__btn--secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.asm__btn--primary{background:var(--purple);color:#fff;border-color:var(--purple)}.asm__btn--primary:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.asm__btn--primary:disabled,.asm__btn--secondary:disabled{opacity:.45;cursor:not-allowed}.hfm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:300;padding:24px}.hfm{background:#fff;box-shadow:0 12px 48px #00000038;width:420px;max-width:96vw;display:flex;flex-direction:column}.hfm__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--gray-200)}.hfm__title{font-size:14px;font-weight:600;color:var(--gray-800)}.hfm__close{width:26px;height:26px;padding:0;border:none;background:transparent;color:var(--gray-400);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hfm__close:hover{background:var(--gray-100);color:var(--gray-700)}.hfm__body{padding:18px;display:flex;flex-direction:column;gap:14px}.hfm__comp-name{font-size:13px;font-weight:600;color:var(--purple);background:var(--purple-light);border:1px solid #c4b5fd;padding:6px 10px}.hfm__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.hfm__options{display:flex;flex-direction:column;gap:6px}.hfm__option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--gray-200);cursor:pointer;transition:border-color .1s,background .1s}.hfm__option:hover:not(.hfm__option--disabled){border-color:var(--purple);background:var(--purple-light)}.hfm__option input[type=radio]{margin-top:2px;flex-shrink:0;accent-color:var(--purple)}.hfm__option--disabled{opacity:.5;cursor:not-allowed}.hfm__option-title{font-size:13px;font-weight:500;color:var(--gray-800)}.hfm__option-desc{font-size:11px;color:var(--gray-400);margin-top:2px}.hfm__error{background:#fef2f2;border:1px solid #fecaca;color:var(--red);padding:10px 12px;font-size:12px}.hfm__success{display:flex;align-items:flex-start;gap:12px;background:#f0fdf4;border:1px solid #86efac;padding:14px}.hfm__success-icon{width:28px;height:28px;border-radius:50%;background:#16a34a;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hfm__success p{font-size:13px;color:#166534;line-height:1.6}.hfm__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--gray-200)}.hfm__btn{padding:7px 16px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .1s}.hfm__btn--secondary{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.hfm__btn--secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.hfm__btn--primary{background:var(--purple);color:#fff;border-color:var(--purple)}.hfm__btn--primary:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.hfm__btn--primary:disabled{opacity:.5;cursor:not-allowed}.page-structure{flex:1;overflow-y:auto;background:var(--gray-50)}.page-structure__content{max-width:1280px;margin:0 auto;padding:32px 40px 200px;display:flex;flex-direction:column;gap:40px}.page-structure__section{background:#fff;border:1px solid var(--gray-200);border-radius:0}.page-structure__section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.page-structure__section-title{font-size:14px;font-weight:600;color:var(--gray-800);margin:0 0 2px}.page-structure__section-desc{font-size:12px;color:var(--gray-400);margin:0}.page-structure__clear-btn{padding:7px 14px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);font-size:12px;font-weight:500;cursor:pointer;transition:all .1s;white-space:nowrap}.page-structure__clear-btn:hover{border-color:#fca5a5;color:var(--red);background:#fef2f2}.page-structure__excel-btn{padding:7px 14px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-600);font-size:12px;font-weight:500;cursor:pointer;transition:all .1s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.page-structure__excel-btn:hover{border-color:#22c55e;color:#15803d;background:#f0fdf4}.page-structure__add-btn{padding:7px 14px;border:1px solid var(--purple);background:var(--purple-light);color:var(--purple-dark);font-size:12px;font-weight:600;cursor:pointer;transition:all .1s;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:8px}.page-structure__add-btn:hover{background:var(--purple);color:#fff}.page-structure__empty{padding:32px 24px;text-align:center;font-size:13px;color:var(--gray-400)}.page-structure__table{width:100%;border-collapse:collapse;font-size:13px}.page-structure__table thead th{padding:9px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.page-structure__table tbody tr{border-bottom:1px solid var(--gray-100);transition:background .08s}.page-structure__table tbody tr:last-child{border-bottom:none}.page-structure__table tbody tr:hover{background:var(--gray-50)}.page-structure__table td{padding:8px 16px;color:var(--gray-700);vertical-align:middle}.page-structure__td--center{text-align:center}.page-structure__cell-input{width:100%;background:transparent;border:1px solid transparent;border-radius:0;padding:4px 6px;font-size:13px;color:var(--gray-800);font-family:var(--font);outline:none;transition:border-color .1s,background .1s}.page-structure__cell-input:hover{border-color:var(--gray-300);background:#fff}.page-structure__cell-input:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 2px #7d59ff14}.page-structure__cell-input--error{border-color:#fca5a5!important;background:#fef2f2!important}.page-structure__cell-input--mono{font-family:monospace;font-size:12px}.page-structure__slug-warning{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:default}.page-structure__slug-cell{display:flex;align-items:center;gap:2px}.page-structure__slug-prefix{font-size:12px;color:var(--gray-400);font-family:monospace;flex-shrink:0}.page-structure__slug-cell--sub .page-structure__slug-prefix{color:var(--gray-300);font-size:11px}.page-structure__cell-select{background:transparent;border:1px solid transparent;border-radius:0;padding:4px 6px;font-size:12px;color:var(--gray-700);font-family:var(--font);outline:none;cursor:pointer;transition:border-color .1s}.page-structure__cell-select:hover{border-color:var(--gray-300);background:#fff}.page-structure__cell-select:focus{border-color:var(--purple);background:#fff}.page-structure__icon-btn{width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--gray-400);transition:all .1s;margin:0 auto}.page-structure__icon-btn--delete:hover{background:#fee2e2;color:var(--red)}.page-structure__url-row{display:flex;gap:10px;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.page-structure__url-input{flex:1;padding:9px 12px;border:1px solid var(--gray-300);border-radius:0;font-size:13px;font-family:var(--font);color:var(--gray-800);outline:none;transition:border-color .1s}.page-structure__url-input:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7d59ff14}.page-structure__crawl-btn{padding:9px 18px;border:1px solid var(--purple);background:var(--purple);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .1s;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.page-structure__crawl-btn:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.page-structure__crawl-btn:disabled{opacity:.5;cursor:not-allowed}.page-structure__spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:ps-spin .7s linear infinite}@keyframes ps-spin{to{transform:rotate(360deg)}}.page-structure__error{margin:0 24px 16px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:0;font-size:12px;color:#991b1b}.page-structure__crawl-meta{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.page-structure__crawl-badge{font-size:11px;font-weight:600;background:var(--purple-light);color:var(--purple-dark);padding:2px 9px;border-radius:0}.page-structure__crawl-total{font-size:12px;color:var(--gray-500)}.page-structure__stats{display:flex;gap:8px;margin-left:auto}.page-structure__stat{font-size:11px;font-weight:500;padding:2px 9px;border-radius:0}.page-structure__stat--behouden{background:#f0fdf4;color:#15803d}.page-structure__stat--verhuizen{background:#eff6ff;color:#1d4ed8}.page-structure__stat--bundelen{background:#fff7ed;color:#c2410c}.page-structure__stat--vervalt{background:#fef2f2;color:#b91c1c}.page-structure__table--crawl .page-structure__crawl-path{font-family:monospace;font-size:12px;color:var(--gray-700);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-structure__crawl-title{font-size:12px;color:var(--gray-600);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-structure__dash{color:var(--gray-300)}.page-structure__index-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:0;white-space:nowrap}.page-structure__index-badge--index{background:#f0fdf4;color:#15803d}.page-structure__index-badge--noindex{background:#fef2f2;color:#b91c1c}.page-structure__index-badge--unknown{background:var(--gray-100);color:var(--gray-400)}.page-structure__action-select{padding:4px 8px;border-radius:0;border:1px solid var(--gray-300);font-size:12px;font-family:var(--font);outline:none;cursor:pointer;font-weight:500}.page-structure__action-select--behouden{background:#f0fdf4;color:#15803d;border-color:#86efac}.page-structure__action-select--verhuizen{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}.page-structure__action-select--bundelen{background:#fff7ed;color:#c2410c;border-color:#fdba74}.page-structure__action-select--vervalt{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}.page-structure__target-select{padding:4px 8px;border-radius:0;border:1px solid var(--gray-300);font-size:12px;font-family:var(--font);outline:none;cursor:pointer;background:#fff;max-width:240px;width:100%}.page-structure__crawl-row--vervalt td{opacity:.45;text-decoration:line-through}.page-structure__crawl-row--vervalt .page-structure__action-select,.page-structure__crawl-row--vervalt .page-structure__index-badge{text-decoration:none;opacity:1}.page-structure__create-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--gray-50);border-top:1px solid var(--gray-200);border-radius:0 0 10px 10px}.page-structure__create-summary{display:flex;gap:16px;font-size:12px;color:var(--gray-600);flex-wrap:wrap}.page-structure__create-summary--dim{color:var(--gray-400)}.page-structure__create-btn{padding:9px 20px;border:1px solid var(--purple);background:var(--purple);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .1s;white-space:nowrap;flex-shrink:0}.page-structure__create-btn:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.page-structure__create-btn:disabled{opacity:.4;cursor:not-allowed}.page-structure__create-done{font-size:13px;font-weight:600;color:#15803d;display:flex;align-items:center;gap:6px}.page-structure__create-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.page-structure__htaccess-btn{padding:9px 16px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);font-size:13px;font-weight:500;cursor:pointer;transition:all .1s;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.page-structure__htaccess-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.page-structure__redirect-options{display:flex;flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap}.page-structure__redirect-type{display:flex;gap:4px}.page-structure__redirect-type-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--gray-200);background:#fff;font-size:11px;color:var(--gray-500);cursor:pointer;transition:all .1s;white-space:nowrap}.page-structure__redirect-type-btn input[type=radio]{display:none}.page-structure__redirect-type-btn:hover{border-color:var(--gray-300);color:var(--gray-700)}.page-structure__redirect-type-btn--active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;font-weight:600}.page-structure__name-cell{display:flex;align-items:center;gap:6px}.page-structure__redirect-icon{font-size:12px;color:#1d4ed8;flex-shrink:0}.page-structure__redirect-label{font-size:11px;color:#1d4ed8;font-weight:500;white-space:nowrap}.page-structure__tr--redirect{background:#f0f7ff}.page-structure__tr--redirect:hover{background:#e0efff}.page-structure__collapse-btn{width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer;font-size:8px;color:var(--gray-400);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .1s;line-height:1}.page-structure__collapse-btn:hover{color:var(--gray-700)}.page-structure__drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--gray-300);cursor:grab;font-size:14px;-webkit-user-select:none;user-select:none}.page-structure__drag-handle:active{cursor:grabbing}.page-structure__tr--dragging{opacity:.35}.page-structure__tr--dragover td{border-top:2px solid var(--purple)!important}.page-structure__bulk-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#eff6ff;border-bottom:1px solid #bfdbfe;flex-wrap:wrap}.page-structure__bulk-count{font-size:12px;font-weight:600;color:#1d4ed8;white-space:nowrap;margin-right:4px}.page-structure__bulk-apply-btn{padding:4px 12px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .1s;white-space:nowrap}.page-structure__bulk-apply-btn:hover{background:#1e40af;border-color:#1e40af}.page-structure__checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--purple)}.page-structure__crawl-row--selected td{background:#dbeafe73!important}.page-structure__seo-badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:0;vertical-align:middle;white-space:nowrap;cursor:default}.page-structure__seo-badge--high{background:#f0fdf4;color:#15803d}.page-structure__seo-badge--mid{background:#fff7ed;color:#c2410c}.page-structure__seo-badge--low{background:var(--gray-100);color:var(--gray-500)}.page-structure__crawl-name-cell{display:flex;align-items:center;gap:4px}.page-structure__linked-badge{flex-shrink:0;font-size:11px;color:var(--purple);font-weight:600;cursor:default;opacity:.7}.page-structure__crawl-link{color:inherit;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-structure__crawl-link:hover{color:var(--purple);text-decoration:underline}.project-info{flex:1;overflow-y:auto;background:var(--gray-50)}.project-info__content{max-width:1280px;margin:0 auto;padding:32px 40px 120px;display:flex;flex-direction:column;gap:40px}.project-info__section{background:#fff;border:1px solid var(--gray-200);border-radius:0}.project-info__section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100);gap:12px}.project-info__section-title{font-size:14px;font-weight:600;color:var(--gray-800);margin:0 0 2px}.project-info__section-desc{font-size:12px;color:var(--gray-400);margin:0}.project-info__section-body{padding:20px 24px}.project-info__empty{padding:28px 24px;font-size:13px;color:var(--gray-400);text-align:center}.project-info__add-btn{padding:7px 14px;border:1px solid var(--purple);background:var(--purple-light);color:var(--purple-dark);font-size:12px;font-weight:600;cursor:pointer;transition:all .1s;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:8px}.project-info__add-btn:hover{background:var(--purple);color:#fff}.project-info__clear-btn{padding:7px 14px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);font-size:12px;font-weight:500;cursor:pointer;transition:all .1s;white-space:nowrap}.project-info__clear-btn:hover{border-color:#fca5a5;color:var(--red);background:#fef2f2}.project-info__textarea{width:100%;border:1px solid var(--gray-200);border-radius:0;padding:12px 14px;font-size:13px;font-family:var(--font);color:var(--gray-800);resize:vertical;outline:none;line-height:1.6;box-sizing:border-box;transition:border-color .1s}.project-info__textarea:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7d59ff14}.project-info__textarea::placeholder{color:var(--gray-400)}.project-info__name-input{width:100%;border:1px solid var(--gray-200);border-radius:0;padding:10px 14px;font-size:15px;font-weight:600;font-family:var(--font);color:var(--gray-800);outline:none;box-sizing:border-box;transition:border-color .1s}.project-info__name-input:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7d59ff14}.project-info__name-input::placeholder{color:var(--gray-400);font-weight:400}.project-info__file-list{list-style:none;margin:0;padding:0}.project-info__file-item{display:flex;align-items:center;gap:10px;padding:10px 24px;border-bottom:1px solid var(--gray-100);font-size:13px}.project-info__file-item:last-child{border-bottom:none}.project-info__file-icon{font-size:16px;flex-shrink:0}.project-info__file-name{flex:1;color:var(--gray-800);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-info__file-size{font-size:11px;color:var(--gray-400);white-space:nowrap}.project-info__file-remove{width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--gray-400);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s}.project-info__file-remove:hover{background:#fee2e2;color:var(--red)}.project-info__sc-meta{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.project-info__sc-badge{font-size:11px;font-weight:600;background:#f0fdf4;color:#15803d;padding:2px 9px;border-radius:0}.project-info__sc-total{font-size:12px;color:var(--gray-500)}.project-info__table{width:100%;border-collapse:collapse;font-size:12px}.project-info__table thead th{padding:8px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.project-info__table tbody tr{border-bottom:1px solid var(--gray-100)}.project-info__table tbody tr:last-child{border-bottom:none}.project-info__table tbody tr:hover{background:var(--gray-50)}.project-info__table td{padding:7px 16px;color:var(--gray-700);vertical-align:middle}.project-info__td--right{text-align:right!important}.project-info__sc-page{max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-info__sc-link{color:var(--gray-700);text-decoration:none}.project-info__sc-link:hover{color:var(--purple);text-decoration:underline}.project-info__sc-clicks{font-weight:600;color:var(--gray-800)}.project-info__sc-dim{color:var(--gray-400)}.project-info__sc-row--high td{background:#f0fdf4}.project-info__sc-more{padding:10px 24px;font-size:12px;color:var(--gray-400);border-top:1px solid var(--gray-100)}.project-info__req-list{list-style:none;margin:0;padding:0}.project-info__req-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--gray-100)}.project-info__req-item:last-child{border-bottom:none}.project-info__priority-select{padding:3px 8px;border-radius:0;border:1px solid var(--gray-300);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font);outline:none;flex-shrink:0;transition:border-color .1s}.project-info__priority-select--must{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}.project-info__priority-select--should{background:#fff7ed;color:#c2410c;border-color:#fdba74}.project-info__priority-select--could{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}.project-info__req-input{flex:1;border:1px solid transparent;border-radius:0;padding:5px 8px;font-size:13px;font-family:var(--font);color:var(--gray-800);background:transparent;outline:none;transition:border-color .1s,background .1s}.project-info__req-input:hover{border-color:var(--gray-300);background:#fff}.project-info__req-input:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 2px #7d59ff14}.project-info__req-remove{width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--gray-400);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s}.project-info__req-remove:hover{background:#fee2e2;color:var(--red)}.project-info__ai-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--purple);background:var(--purple);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .1s;white-space:nowrap;flex-shrink:0}.project-info__ai-btn:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.project-info__ai-btn:disabled{opacity:.45;cursor:not-allowed}.project-info__spinner{width:11px;height:11px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:pi-spin .7s linear infinite}@keyframes pi-spin{to{transform:rotate(360deg)}}.project-info__gen-error{margin:0 24px;padding:10px 14px;background:#fef2f2;border-bottom:1px solid #fecaca;font-size:12px;color:#991b1b}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app__toolbar{height:48px;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0;z-index:10}.app__brand-logo{height:22px;width:auto;display:block}.app__tabs{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.app__tab-step{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--gray-200);color:var(--gray-600);font-size:10px;font-weight:700;margin-right:6px;flex-shrink:0;transition:all .1s}.app__tab--active .app__tab-step{background:var(--purple);color:#fff}.app__tab{padding:5px 14px;border:1px solid transparent;background:transparent;color:var(--gray-500);font-size:13px;font-weight:500;cursor:pointer;transition:all .1s}.app__tab:hover{background:var(--gray-100);color:var(--gray-700)}.app__tab--active{background:var(--purple-light);border-color:#c4b5fd;color:var(--purple-dark);font-weight:600}.app__toolbar-actions{display:flex;align-items:center;gap:8px}.app__figma-status{display:flex;align-items:center;gap:5px;font-size:12px;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:4px 10px;border-radius:0}.app__figma-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.app__toolbar-btn{padding:6px 12px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);font-size:13px;font-weight:500;transition:all .1s;display:inline-flex;align-items:center;gap:8px}.app__toolbar-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.app__toolbar-btn--icon{width:32px;height:32px;padding:0;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.app__toolbar-btn--primary{background:var(--purple);border-color:var(--purple);color:#fff}.app__toolbar-btn--primary:hover{background:var(--purple-dark);border-color:var(--purple-dark)}.app__workspace{flex:1;display:flex;overflow:hidden}.app__statusbar{height:28px;background:var(--gray-800);display:flex;align-items:center;padding:0 14px;gap:16px;flex-shrink:0}.app__status{font-size:11px;color:var(--gray-400)}.app__status-meta{font-size:11px;color:var(--gray-500);margin-left:auto}