:root{--color-page:#f4f5fb;--color-surface:#ffffffd1;--color-border:#dce1ef;--color-text:#273451;--color-text-muted:#6f7b99;--color-text-soft:#98a3bc;--folder-source-color:#6078d8;--folder-source-surface:#e8edff;--folder-writing-color:#b5653f;--folder-writing-surface:#fbe9df;--folder-business-color:#287b82;--folder-business-surface:#e0f3f2;--folder-output-color:#66709c;--folder-output-surface:#eceefa;color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at 12% 6%, #cad8ff9e, transparent 33%), radial-gradient(circle at 83% 14%, #e8d3fc6b, transparent 29%), radial-gradient(circle at 42% 92%, #fadcc561, transparent 34%), var(--color-page);min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #5379e86b}h1,h2,h3,p{letter-spacing:0}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94;flex-direction:column;flex:0 0 248px;width:248px;padding:30px 18px 24px;display:flex}.brand{color:var(--color-text);align-items:center;gap:11px;margin:0 10px 54px;font-weight:700;text-decoration:none;display:flex}.brand-icon,.entry-mark{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#7189ef,#9aa9f4);place-items:center;font-size:11px;font-weight:800;display:grid;box-shadow:0 7px 16px #7189ef3d}.brand-icon{border-radius:11px;width:34px;height:34px}.sidebar-label{color:var(--color-text-soft);letter-spacing:.12em;margin:0 12px 10px;font-size:11px;font-weight:700}.nav-item{min-height:46px;color:var(--color-text-muted);border-radius:12px;align-items:center;gap:12px;margin:4px 0;padding:0 13px;font-size:14px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.nav-item:hover{color:var(--color-text);background:#dfe5ff94;transform:translate(2px)}.nav-item.is-active{color:#4964c6;background:#e8edff}.nav-icon{text-align:center;color:#788de3;width:20px;font-size:19px}.sidebar-footer{color:var(--color-text-soft);margin-top:auto;padding:18px 12px 0;font-size:12px}.workspace{flex:1;min-width:0}.workspace.is-file-dragging{background:#e7ebff57}.workspace-header{border-bottom:1px solid #dce1efc7;justify-content:space-between;align-items:center;min-height:128px;padding:28px 48px 20px;display:flex}.workspace-header h1{margin:5px 0 0;font-size:30px}.workspace-content{max-width:1440px;padding:30px 48px 60px}.template-detail-content{box-sizing:border-box;width:100%;max-width:none}.eyebrow{color:var(--color-text-soft);letter-spacing:.16em;margin:0;font-size:11px;font-weight:800}.breadcrumb{color:var(--color-text-muted);margin-bottom:25px;font-size:13px}.breadcrumb span{color:var(--color-text-soft);margin:0 8px}.view-switcher{border:1px solid var(--color-border);background:#ffffffb3;border-radius:12px;padding:4px;display:flex}.view-button{width:38px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:18px}.view-button.is-selected{color:#4d67c6;background:#e3e9ff}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:22px;display:grid}.folder-card{border:1px solid var(--color-border);min-width:0;color:inherit;background:var(--color-surface);border-radius:21px;padding:13px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden;box-shadow:0 8px 24px #38436a14}.folder-card:hover{border-color:#b7c3f2;transform:translateY(-2px);box-shadow:0 14px 30px #38436a21}.folder-preview{background:var(--folder-soft);border:1px solid #0000;border-radius:15px;height:154px;position:relative;overflow:hidden}.folder-tab{background:var(--folder-color);border-radius:13px 13px 0 0;width:42%;height:22px;position:absolute;top:-1px;left:-1px}.folder-sheet{background:#fff;border:1px solid #646e8c1f;border-radius:8px;width:72px;height:92px;position:absolute;bottom:18px;transform:rotate(-4deg);box-shadow:0 8px 14px #424d6e21}.folder-sheet:after{content:"";background:#d8ddeb;height:3px;position:absolute;top:18px;left:12px;right:12px;box-shadow:0 10px #e5e8f1,0 20px #e5e8f1,0 30px #e5e8f1}.folder-sheet-one{left:22px}.folder-sheet-two{bottom:14px;left:82px;transform:rotate(3deg)}.folder-arrow{color:var(--folder-color);font-size:29px;font-weight:300;position:absolute;top:10px;right:13px}.folder-copy{padding:17px 7px 7px}.folder-copy h3{color:var(--color-text);margin:0 0 5px;font-size:21px}.folder-copy p{color:var(--color-text-muted);margin:0 0 13px;font-size:13px}.folder-copy strong{color:var(--folder-color);font-size:13px}.folder-sources{--folder-color:var(--folder-source-color);--folder-soft:var(--folder-source-surface)}.folder-writing-imitation{--folder-color:var(--folder-writing-color);--folder-soft:var(--folder-writing-surface)}.folder-business-logic{--folder-color:var(--folder-business-color);--folder-soft:var(--folder-business-surface)}.folder-output-files{--folder-color:var(--folder-output-color);--folder-soft:var(--folder-output-surface)}.folder-nested{--folder-color:var(--folder-source-color);--folder-soft:var(--folder-source-surface)}.empty-page{place-items:center;display:grid}.back-link{color:#536bc7;font-size:13px;font-weight:700;text-decoration:none}.folder-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.secondary-button{border:1px solid var(--color-border);color:#536bc7;cursor:pointer;min-height:38px;font:inherit;background:#ffffffbf;border-radius:10px;padding:0 13px;font-size:13px;font-weight:700;text-decoration:none}.secondary-button:hover{background:#eef1ff;border-color:#b7c3f2}.upload-button{align-items:center;display:inline-flex}.upload-input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.file-drop-zone{color:var(--color-text-muted);text-align:center;background:#eef1ff94;border:1px dashed #b9c5ee;border-radius:15px;gap:5px;margin-bottom:22px;padding:22px;transition:border-color .16s,background .16s;display:grid}.file-drop-zone strong{color:var(--color-text);font-size:14px}.file-drop-zone span{font-size:12px}.file-drop-zone.is-dragging{background:#e7ebff;border-color:#627ee5}.route-loading{min-height:100vh;color:var(--color-text-muted);place-items:center;display:grid}.folder-empty{border:1px dashed var(--color-border-strong,#cbd3e7);text-align:center;border-radius:20px;padding:72px 24px}.folder-empty h2{color:var(--color-text);margin:14px 0 7px;font-size:20px}.folder-empty p{color:var(--color-text-muted);margin:0;font-size:14px}.folder-list{gap:10px;display:grid}.list-entry{border:1px solid var(--color-border);min-height:58px;color:var(--color-text);background:#ffffffb8;border-radius:13px;align-items:center;gap:13px;padding:0 18px;display:flex}.list-entry span{color:#7189ef}.entry-main{min-width:0;color:inherit;flex:1;align-items:center;gap:13px;text-decoration:none;display:flex}.entry-main>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);overflow:hidden}.entry-main small{color:var(--color-text-soft);text-transform:uppercase}.tag-list{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.tag-chip{background:#e3f2e8;border-radius:999px;padding:3px 7px;font-weight:600;color:#55725f!important;text-transform:none!important;font-size:11px!important}.entry-actions{gap:6px;display:flex}.entry-actions button{color:var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;padding:7px 8px;font-size:12px}.entry-actions button:hover{color:var(--color-text);background:#edf0fb}.entry-actions .danger-button:hover{color:#ae4f5c;background:#fbe9eb}.inline-message{color:#ae4f5c;background:#fbe9eb;border:1px solid #f1c8ce;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.inline-message button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.empty-state{text-align:center;max-width:360px;padding:40px}.empty-state h1{margin:12px 0 8px}.empty-state p:last-child{color:var(--color-text-muted)}.empty-icon{color:#6580df;background:#e3e9ff;border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 22px;font-size:23px;display:grid}.search-form{grid-template-columns:minmax(200px,1.1fr) minmax(180px,1fr) minmax(220px,1.2fr) auto;align-items:end;gap:14px;margin-bottom:18px;display:grid}.search-form label{color:var(--color-text-muted);gap:7px;font-size:12px;font-weight:700;display:grid}.search-form input,.search-form select{border:1px solid var(--color-border);width:100%;min-height:42px;color:var(--color-text);font:inherit;background:#ffffffd1;border-radius:10px;padding:0 12px;font-size:13px}.search-form input:focus,.search-form select:focus{outline-offset:2px;border-color:var(--color-focus);outline:2px solid #5379e859}.search-button{width:auto;min-width:112px;min-height:42px;padding:0 18px}.search-scope{color:var(--color-text-soft);margin:0 0 20px;font-size:13px}.template-actions .header-primary-button{white-space:nowrap;flex:none;width:min(100%,190px);min-height:42px;padding:0 16px;font-size:13px;display:inline-flex}.template-actions{justify-content:flex-end;min-height:42px;margin-bottom:24px;display:flex}.template-list-region{min-width:0}.template-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.studio-content{max-width:1440px}.studio-intro{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:24px;display:flex}.studio-intro p{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.studio-intro span{color:var(--color-text-soft);font-size:12px}.studio-layout{grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);align-items:start;gap:22px;display:grid}.studio-settings,.studio-preview{border:1px solid var(--color-border);background:#ffffffc2;border-radius:20px;min-width:0;padding:25px;box-shadow:0 8px 24px #38436a12}.studio-section-heading{margin-bottom:22px}.studio-section-heading h2{color:var(--color-text);margin:5px 0 0;font-size:22px}.studio-settings{gap:17px;display:grid}.studio-settings .modal-field{gap:8px}.studio-settings .modal-field textarea{min-height:132px}.page-description{color:var(--color-text-muted);margin:0 auto 0 0;font-size:13px}.studio-template-group{gap:10px;display:grid}.studio-template-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-template-heading h3{color:var(--color-text);margin:4px 0 0;font-size:16px}.studio-template-heading>span{color:#627ee5;font-size:12px;font-weight:700}.template-select-list{gap:7px;display:grid}.template-select-item{border:1px solid var(--color-border);cursor:pointer;background:#ffffffb3;border-radius:11px;align-items:center;gap:10px;min-height:52px;padding:9px 11px;transition:border-color .16s,background .16s;display:flex}.template-select-item:hover,.template-select-item.is-selected{background:#f0f3ff;border-color:#9eaff1}.template-select-item input{opacity:0;pointer-events:none;position:absolute}.template-select-mark{color:#fff;background:#fff;border:1px solid #aab6e1;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid}.template-select-item input[type=radio]+.template-select-mark{border-radius:50%}.template-select-item.is-selected .template-select-mark{background:#627ee5;border-color:#627ee5}.template-select-copy{gap:3px;min-width:0;display:grid}.template-select-copy strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.template-select-copy small{color:var(--color-text-soft);font-size:11px}.selected-template-chips{flex-wrap:wrap;gap:6px;display:flex}.selected-template-chips button{color:#536bc7;cursor:pointer;font:inherit;background:#e9edff;border:0;border-radius:999px;padding:5px 8px;font-size:11px}.learning-content-table-wrapper{border:1px solid var(--color-border);background:#ffffffbd;border-radius:14px;width:100%;overflow-x:auto;box-shadow:0 6px 18px #38436a0d}.learning-content-table{border-collapse:collapse;table-layout:fixed;width:100%}.learning-content-table td{color:var(--color-text-muted);text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dce1efd1;padding:15px 16px;font-size:13px;line-height:1.65}.learning-content-table thead td{color:var(--color-text-soft);letter-spacing:.08em;white-space:nowrap;background:#f7f8ff;font-size:11px;font-weight:800}.learning-content-table tbody tr:last-child td{border-bottom:0}.learning-content-table tbody tr:hover{background:#f0f3ff85}.learning-content-table td:first-child{width:78px}.learning-content-table td:nth-child(2){width:19%}.learning-content-table td:nth-child(4){width:21%}.learning-content-table td:nth-child(5){width:136px}.learning-content-name{font-weight:700;color:var(--color-text)!important}.learning-content-depth-marker{color:#7189ef;font-weight:800}.learning-content-order,.learning-content-table-actions{white-space:nowrap}.learning-content-order-controls,.learning-content-table-action-controls{gap:5px;display:inline-flex}.learning-content-order button,.learning-content-table-actions button{border:1px solid var(--color-border);min-width:30px;min-height:30px;color:var(--color-text-muted);cursor:pointer;font:inherit;background:#fff;border-radius:7px;padding:0 8px;font-size:11px}.learning-content-order button:hover:not(:disabled),.learning-content-table-actions button:hover{color:#536bc7;background:#f0f3ff;border-color:#9eaff1}.learning-content-order button:disabled{cursor:not-allowed;opacity:.4}.learning-content-table-actions{text-align:right!important}.editable-content{width:100%}.editable-content-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.editable-content-actions{flex:none;justify-content:flex-end;gap:8px;display:flex}.editable-content-actions .primary-button{white-space:nowrap;width:auto;min-height:42px;padding:0 16px;font-size:13px}.editable-content-heading h2{color:var(--color-text);margin:5px 0 0;font-size:21px}.content-item-actions{justify-content:flex-end;gap:5px;margin-bottom:8px;display:flex}.content-item-actions button{border:1px solid var(--color-border);min-width:32px;min-height:30px;color:var(--color-text-muted);cursor:pointer;font:inherit;background:#fff;border-radius:7px;padding:0 8px;font-size:11px}.content-item-actions button:hover:not(:disabled){color:#536bc7;background:#f0f3ff;border-color:#9eaff1}.content-item-actions button:disabled{cursor:not-allowed;opacity:.4}.modal-checkbox{color:var(--color-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.learning-content-item p,.learning-content-item dd{color:var(--color-text-muted);margin:0 0 12px;font-size:13px;line-height:1.7}.learning-content-item small,.learning-content-item span{color:#627ee5;font-size:12px;font-weight:700}.learning-content-item dl{grid-template-columns:100px minmax(0,1fr);gap:8px 14px;margin:0;display:grid}.learning-content-item dt{color:var(--color-text);font-size:12px;font-weight:700}.learning-content-item dd{margin:0}.structure-item{padding-left:24px}.studio-selected-summary{color:var(--color-text-muted);background:#f2f4fb;border-radius:11px;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;padding:13px;font-size:12px;display:grid}.studio-selected-summary strong{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-generate-button{width:auto;min-height:45px;margin-top:2px;padding:0 18px}.studio-preview{min-height:520px}.studio-placeholder,.studio-progress{text-align:center;align-content:center;place-items:center;min-height:370px;padding:30px;display:grid}.studio-placeholder h3{color:var(--color-text);margin:0 0 8px;font-size:20px}.studio-placeholder p,.studio-progress p{color:var(--color-text-muted);margin:0;font-size:13px}.studio-placeholder .empty-icon{margin-bottom:18px}.studio-progress{gap:9px}.studio-progress strong{color:var(--color-text);font-size:15px}.studio-spinner{border:3px solid #dce3ff;border-top-color:#627ee5;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-article{min-height:370px;padding:4px 4px 10px}.studio-article-meta{color:#627ee5;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;font-size:12px;font-weight:700;display:flex}.studio-article-meta .secondary-button{min-height:34px;font-size:12px}.studio-article h3{color:var(--color-text);margin:0 0 22px;font-size:27px;line-height:1.3}.studio-article p{max-width:680px;color:var(--color-text-muted);white-space:pre-line;margin:0 0 17px;font-size:15px;line-height:1.8}.template-card{border:1px solid var(--color-border);background:linear-gradient(145deg,#fffffff0,#f7f9ffcc);border-radius:20px;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:228px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #38436a14}.template-card:before{content:"";background:#7189ef;height:5px;position:absolute;top:0;left:0;right:0}.template-card:hover{border-color:#b7c3f2;transform:translateY(-2px);box-shadow:0 14px 30px #38436a21}.template-mark{color:#627ee5;background:#e7ebff;border:1px solid #d8defb;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;margin-bottom:21px;font-size:22px;display:grid}.template-card-copy{flex:1;min-width:0}.template-card-copy h2{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 9px;font-size:20px;overflow:hidden}.template-card-copy p:last-child{color:var(--color-text-muted);margin:0;font-size:13px}.template-card-actions{border-top:1px solid #dce1efd1;flex-wrap:wrap;align-items:center;gap:7px;margin-top:25px;padding-top:16px;display:flex}.template-card-actions .secondary-button{justify-content:center;align-items:center;min-height:38px;line-height:1.2;display:inline-flex}.template-card-actions .secondary-button:first-child{color:#fff;background:#627ee5;border-color:#627ee5}.template-card-actions .secondary-button:first-child:hover{background:#536fda;border-color:#536fda}.template-card-actions .danger-button{color:#ae4f5c}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#27345147;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--color-border);background:#fff;border-radius:20px;width:min(680px,100%);max-height:min(760px,100vh - 48px);padding:28px;overflow:auto;box-shadow:0 22px 60px #27345133}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.modal-heading h2{color:var(--color-text);margin:5px 0 0;font-size:24px}.modal-close{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:#f0f2f8;border:0;border-radius:10px;font-size:22px}.modal-field{color:var(--color-text-muted);gap:8px;font-size:12px;font-weight:700;display:grid}.modal-field input,.modal-field textarea{box-sizing:border-box;border:1px solid var(--color-border);width:100%;min-height:42px;color:var(--color-text);font:inherit;background:#fbfcff;border-radius:10px;padding:10px 12px;font-size:14px}.modal-field textarea{resize:vertical;min-height:150px;line-height:1.7}.modal-divider{border-bottom:1px solid var(--color-border);color:var(--color-text);margin:25px 0 15px;font-size:14px;font-weight:700}.modal-divider span{border-bottom:2px solid #7189ef;padding-bottom:9px;display:inline-block}.query-group-list{gap:14px;display:grid}.query-group{border:1px solid var(--color-border);background:#fbfcff;border-radius:13px;padding:14px}.query-group-heading{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:11px;font-size:13px;display:flex}.file-picker-heading{color:var(--color-text);justify-content:space-between;align-items:center;gap:12px;margin:18px 0 9px;font-size:13px;display:flex}.file-picker-heading span{color:#627ee5;font-size:12px;font-weight:700}.file-picker-search{gap:8px;margin-bottom:10px;display:flex}.file-picker-search input{border:1px solid var(--color-border);min-width:0;min-height:40px;font:inherit;border-radius:9px;flex:1;padding:0 11px;font-size:13px}.file-picker-list{border:1px solid var(--color-border);background:#f8f9fd;border-radius:11px;gap:6px;max-height:230px;padding:4px;display:grid;overflow:auto}.file-picker-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.file-picker-item:hover,.file-picker-item.is-selected{background:#f0f3ff;border-color:#aab8ef}.file-picker-item input{accent-color:#627ee5}.file-picker-item span{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-picker-item small{color:var(--color-text-soft);text-transform:uppercase;font-size:10px}.file-picker-empty{color:var(--color-text-soft);text-align:center;margin:0;padding:28px 12px;font-size:12px}.selected-file-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.selected-file-chips button{color:#536bc7;cursor:pointer;max-width:100%;font:inherit;text-overflow:ellipsis;white-space:nowrap;background:#e9edff;border:0;border-radius:999px;padding:5px 8px;font-size:11px;overflow:hidden}.query-group-remove{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:#f0f2f8;border:0;border-radius:8px;font-size:18px;line-height:1}.query-group-remove:hover{color:#ae4f5c;background:#fbe9eb}.modal-search-form{grid-template-columns:1.2fr 1fr 1fr;margin-bottom:12px}.add-query-group-button{width:100%;margin:12px 0}.modal-search-button{width:100%}.dataset-result{color:#496b62;background:#e5f3ed;border-radius:10px;margin:14px 0;padding:12px 14px;font-size:13px}.dataset-result p{margin:0}.dataset-result-list{background:#ffffff94;border:1px solid #496b6229;border-radius:9px;max-height:180px;margin-top:11px;display:grid;overflow:auto}.dataset-result-item{border-bottom:1px solid #496b621a;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 10px;font-size:12px;display:flex}.dataset-result-item:last-child{border-bottom:0}.dataset-result-item>span:first-child{color:#627ee5}.dataset-result-name{color:#496b62;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dataset-result-item small{color:#718b83;text-transform:uppercase}.modal-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.modal-submit{width:auto;min-height:42px;padding:0 16px}.modal-submit:disabled{cursor:not-allowed;opacity:.45}.modal-hint{color:var(--color-text-muted);margin:12px 0 18px;font-size:13px}.rule-detail-strictness{color:#5d6d9f;background:#edf0ff;border-radius:9px;margin-bottom:16px;padding:10px 12px;font-size:13px;font-weight:700}.rule-list-heading{justify-content:space-between;align-items:end;margin:30px 0 16px;display:flex}.rule-list-heading h2{color:var(--color-text);margin:5px 0 0;font-size:23px}.rule-list-heading>span{color:var(--color-text-soft);font-size:12px}.template-summary{border:1px solid var(--color-border);color:var(--color-text-muted);background:#ffffffbd;border-radius:14px;align-items:center;gap:10px;padding:16px 18px;font-size:12px;display:flex;box-shadow:0 6px 18px #38436a0d}.template-summary strong{color:var(--color-text);margin-right:20px;font-size:13px}.rule-tree{gap:8px;display:grid}.rule-node{--rule-depth:0}.rule-row{min-height:52px;margin-left:calc(var(--rule-depth) * 25px);border:1px solid var(--color-border);background:#ffffffbf;border-radius:11px;align-items:center;gap:10px;padding:0 12px;transition:border-color .16s,background .16s;display:flex;box-shadow:0 3px 10px #38436a09}.rule-row:hover{background:#fbfcff;border-color:#bdc8f0}.rule-row-root{background:#f7f8ff;border-color:#d6ddfa}.rule-toggle{color:#627ee5;cursor:pointer;background:#e8edff;border:0;border-radius:7px;width:25px;height:25px;font-size:17px;line-height:1}.rule-index{color:#627ee5;background:#edf0ff;border-radius:8px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.rule-text{min-width:0;color:var(--color-text);flex:1;font-size:14px;line-height:1.55}.rule-strictness{color:#5d6d9f;background:#edf0ff;border-radius:7px;flex:none;padding:4px 7px;font-size:11px;font-weight:700}.rule-edit-button{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:7px 9px;font-size:12px}.rule-edit-button:hover{color:#526bc6;background:#eef1ff;border-color:#b7c3f2}.rule-children{gap:8px;margin-top:8px;display:grid}.rule-node+.rule-node{margin-top:2px}.template-card button:focus-visible,.template-card a:focus-visible,.rule-row button:focus-visible,.modal-panel button:focus-visible,.modal-panel input:focus-visible,.modal-panel textarea:focus-visible,.modal-panel select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.entry-page{place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.entry-panel{z-index:1;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #dce1efe6;border-radius:28px;width:min(520px,100% - 40px);padding:52px 44px 43px;position:relative;box-shadow:0 24px 70px #454e7a21}.entry-mark{border-radius:20px;width:62px;height:62px;margin:0 auto 24px;font-size:15px}.entry-panel h1{color:var(--color-text);margin:12px 0 10px;font-size:clamp(30px,5vw,42px)}.entry-description{max-width:330px;color:var(--color-text-muted);margin:0 auto;font-size:15px}.system-status{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:40px;margin:29px 0 18px;padding:0 12px;font-size:13px;display:flex}.system-status-checking{color:var(--color-text-muted);background:#f0f2f8}.system-status-ready{color:#387e78;background:#e0f4ef}.system-status-unavailable{color:#ae4f5c;background:#fbe9eb}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.primary-button{color:#fff;cursor:pointer;width:100%;min-height:50px;font:inherit;background:#627ee5;border:0;border-radius:13px;justify-content:center;align-items:center;gap:14px;font-size:15px;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex;box-shadow:0 8px 18px #627ee53b}.primary-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px #627ee54f}.primary-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.entry-note{color:var(--color-text-soft);margin-top:18px;font-size:12px}.entry-glow{filter:blur(50px);opacity:.42;border-radius:50%;width:420px;height:420px;position:absolute}.entry-glow-one{background:#cbd6ff;top:-190px;left:-110px}.entry-glow-two{background:#f7d6c7;bottom:-190px;right:-130px}@media (width<=760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);width:auto;padding:18px 16px 12px}.brand{margin:0 4px 17px}.sidebar nav{gap:5px;display:flex;overflow-x:auto}.sidebar-label,.sidebar-footer{display:none}.nav-item{flex:none;min-height:40px;padding:0 12px;font-size:13px}.workspace-header{min-height:96px;padding:20px 20px 15px}.workspace-header h1{font-size:25px}.workspace-content{padding:23px 20px 42px}.folder-grid{grid-template-columns:1fr}.entry-panel{padding:38px 25px 32px}.search-form{grid-template-columns:1fr}.search-button{width:100%}.list-entry{align-items:flex-start;padding:12px 14px}.entry-actions{flex-wrap:wrap;justify-content:flex-end}.header-primary-button{width:auto}.template-list{grid-template-columns:1fr}.template-card{min-height:0;padding:20px}.template-card-copy{flex-basis:auto}.template-card-actions{justify-content:flex-start;width:auto}.studio-intro{flex-direction:column;align-items:flex-start;gap:7px}.studio-layout{grid-template-columns:1fr}.studio-settings,.studio-preview{padding:20px}.studio-preview{min-height:420px}.studio-placeholder,.studio-progress,.studio-article{min-height:280px}.studio-article h3{font-size:23px}.modal-panel{padding:22px 18px}.modal-search-form{grid-template-columns:1fr}.template-summary{flex-wrap:wrap}.template-summary strong{margin-right:4px}.editable-content-heading{align-items:flex-start}.editable-content-actions{width:auto}.rule-list-heading{flex-direction:column;align-items:flex-start;gap:8px}.rule-row{margin-left:calc(var(--rule-depth) * 12px);gap:7px;padding:0 8px}.rule-text{font-size:13px}}