.outils-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background-color:var(--surface);margin-bottom:2rem;}.outils-header{padding:1.25rem 1.5rem;background-color:var(--blue-soft);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:0.75rem;}html[data-theme='dark'] .outils-header{background-color:rgba(108,99,255,0.08);}.outils-icon{font-size:1.75rem;line-height:1;}.outils-title{font-size:1.3rem;font-weight:700;margin:0;color:var(--blue-strong);}.outils-body{padding:1.5rem;}.outils-body .form-label,.outils-body label{font-weight:600;color:var(--blue-strong);}.outils-body textarea,.outils-body pre,.outils-body .code-output{font-family:'Fira Code','Courier New',monospace;font-size:0.875rem;background-color:var(--blue-soft);border:1px solid var(--line);border-radius:6px;color:var(--text);min-height:200px;}html[data-theme='dark'] .outils-body textarea,html[data-theme='dark'] .outils-body pre,html[data-theme='dark'] .outils-body .code-output{background-color:rgba(4,20,47,0.8);border-color:var(--line);color:#e0e8ff;}.outils-body textarea:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.2);outline:none;}.outils-body .btn-primary,.outils-body .btn-generate,.outils-body [class*="-btn-primary"],.outils-body .jt-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%) !important;border-color:transparent !important;color:#fff !important;font-weight:600;box-shadow:0 4px 18px rgba(108,99,255,0.35);transition:transform 0.2s,box-shadow 0.2s;}.outils-body .btn-primary:hover,.outils-body .btn-generate:hover,.outils-body [class*="-btn-primary"]:hover,.outils-body .jt-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(108,99,255,0.45) !important;}.jt-status,[class*="-status"]{font-size:0.875rem;padding:0.4rem 0.85rem;border-radius:4px;}.jt-status.valid{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;}.jt-status.invalid{background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7;}.jt-container{display:flex;flex-direction:column;gap:1.25rem;}.jt-examples{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;padding:0.75rem 1rem;background-color:var(--blue-soft);border-radius:6px;border:1px solid var(--line);}html[data-theme='dark'] .jt-examples{background-color:rgba(108,99,255,0.08);}.jt-examples-label{font-weight:600;font-size:0.875rem;color:var(--blue-strong);}.jt-example-btn{padding:0.3rem 0.85rem;background:transparent;border:1px solid var(--blue-strong);color:var(--blue-strong);border-radius:4px;cursor:pointer;font-size:0.875rem;transition:all 0.15s;}.jt-example-btn:hover{background-color:rgba(108,99,255,0.12);}.jt-options{display:flex;flex-wrap:wrap;gap:1rem;padding:0.75rem 1rem;background-color:var(--blue-soft);border-radius:6px;border:1px solid var(--line);}html[data-theme='dark'] .jt-options{background-color:rgba(108,99,255,0.06);}.jt-opt-group{display:flex;flex-direction:column;gap:0.35rem;}.jt-opt-label{font-weight:600;font-size:0.8rem;color:var(--blue-strong);text-transform:uppercase;letter-spacing:0.03em;}.jt-opt-input{padding:0.35rem 0.6rem;border:1px solid var(--line);border-radius:4px;font-size:0.875rem;background:var(--surface);color:var(--text);}.jt-option-toggle{display:flex;align-items:center;gap:0.4rem;cursor:pointer;font-size:0.875rem;color:var(--text);}.jt-option-toggle input[type="checkbox"]{cursor:pointer;accent-color:var(--blue-strong);}.jt-toolbar{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;}.jt-btn{padding:0.5rem 1.1rem;border:1px solid var(--line);border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.15s;background:var(--surface);color:var(--text);}.jt-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:#fff !important;border-color:transparent;box-shadow:0 4px 14px rgba(108,99,255,0.3);}.jt-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(108,99,255,0.45);}.jt-btn-secondary{background:transparent;color:var(--blue-strong);border-color:var(--blue-strong);}.jt-btn-secondary:hover{background-color:rgba(108,99,255,0.08);}.jt-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}@media (max-width:768px){.jt-panels{grid-template-columns:1fr;}}.jt-panel{display:flex;flex-direction:column;gap:0.5rem;}.jt-panel-header{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0.75rem;background-color:var(--blue-soft);border-radius:4px;border-left:3px solid var(--blue-strong);}html[data-theme='dark'] .jt-panel-header{background-color:rgba(108,99,255,0.1);}.jt-label{font-weight:600;font-size:0.875rem;color:var(--text);}.jt-label-json{color:var(--blue-strong);}.jt-label-ts{color:#f953c6;}.jt-badge{display:inline-block;padding:0.15rem 0.6rem;border-radius:20px;font-size:0.7rem;font-weight:700;text-transform:uppercase;}.jt-badge-json{background-color:rgba(108,99,255,0.15);color:var(--blue-strong);}.jt-badge-ts{background-color:rgba(249,83,198,0.15);color:#f953c6;}.jt-textarea{flex:1;padding:0.85rem;border:1px solid var(--line);border-radius:6px;font-family:'Fira Code','Courier New',monospace;font-size:0.85rem;resize:vertical;min-height:280px;background-color:var(--blue-soft);color:var(--text);transition:border-color 0.15s;}html[data-theme='dark'] .jt-textarea{background-color:rgba(4,20,47,0.8);color:#e0e8ff;}.jt-textarea:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.18);outline:none;}.jf-toolbar{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;}.jf-btn{padding:0.45rem 1rem;border:1px solid var(--line);border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.15s;background:var(--surface);color:var(--text);}.jf-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:#fff !important;border-color:transparent;box-shadow:0 4px 14px rgba(108,99,255,0.3);}.jf-btn-primary:hover{transform:translateY(-1px);}.jf-btn-secondary:hover{background-color:rgba(108,99,255,0.08);}.jf-editor-label{font-weight:600;font-size:0.8rem;color:var(--blue-strong);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.35rem;}.jf-textarea{width:100%;min-height:220px;padding:0.85rem;border:1px solid var(--line);border-radius:6px;font-family:'Fira Code','Courier New',monospace;font-size:0.85rem;resize:vertical;background-color:var(--blue-soft);color:var(--text);}html[data-theme='dark'] .jf-textarea{background-color:rgba(4,20,47,0.8);color:#e0e8ff;}.jf-textarea:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.18);outline:none;}.jf-output{min-height:220px;padding:0.85rem;border:1px solid var(--line);border-radius:6px;font-family:'Fira Code','Courier New',monospace;font-size:0.85rem;background-color:var(--blue-soft);color:var(--text);overflow-x:auto;white-space:pre;}html[data-theme='dark'] .jf-output{background-color:rgba(4,20,47,0.8);color:#e0e8ff;}.jf-status{font-size:0.85rem;padding:0.3rem 0.75rem;border-radius:4px;}.jf-status.valid{background:#d4edda;color:#155724;}.jf-status.invalid{background:#f8d7da;color:#842029;}.jf-info-bar{display:flex;gap:1.25rem;font-size:0.8rem;color:var(--muted);padding:0.4rem 0;flex-wrap:wrap;}.jf-key{color:var(--blue-strong);font-weight:600;}.jf-string{color:#2a9d8f;}.jf-number{color:#e76f51;}.jf-bool{color:#f953c6;font-weight:600;}.jf-null{color:#aaa;font-style:italic;}.en-container{display:flex;flex-direction:column;gap:1.25rem;}.en-config-panel,.en-values-list,.en-output-wrapper{padding:1rem;background-color:var(--blue-soft);border-radius:6px;border:1px solid var(--line);}html[data-theme='dark'] .en-config-panel,html[data-theme='dark'] .en-values-list,html[data-theme='dark'] .en-output-wrapper{background-color:rgba(108,99,255,0.08);}.en-field{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:0.75rem;}.en-label{font-weight:600;font-size:0.875rem;color:var(--blue-strong);}.en-input{padding:0.5rem 0.75rem;border:1px solid var(--line);border-radius:4px;font-size:0.875rem;background:var(--surface);color:var(--text);font-family:'Fira Code',monospace;}.en-input:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.18);outline:none;}.en-check-row{display:flex;align-items:center;gap:0.4rem;cursor:pointer;font-size:0.875rem;color:var(--text);}.en-check-row input[type="checkbox"]{cursor:pointer;accent-color:var(--blue-strong);}.en-check-label{cursor:pointer;}.en-tabs{display:flex;gap:0.5rem;flex-wrap:wrap;}.en-type-btn{padding:0.4rem 0.9rem;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.15s;}.en-type-btn:hover{background-color:rgba(108,99,255,0.12);}.en-type-btn.active{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:#fff;border-color:transparent;}.en-presets{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;}.en-presets-label{font-weight:600;font-size:0.875rem;color:var(--blue-strong);}.en-preset-btn{padding:0.3rem 0.75rem;border:1px solid var(--blue-strong);border-radius:4px;background:transparent;color:var(--blue-strong);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.15s;}.en-preset-btn:hover{background-color:rgba(108,99,255,0.12);}.en-values-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;}.en-values-title{font-weight:600;font-size:0.875rem;color:var(--text);}.en-counter{font-size:0.8rem;color:var(--muted);}.en-empty-note{padding:0.75rem;text-align:center;color:var(--muted);font-size:0.875rem;font-style:italic;}.en-value-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:0.5rem;align-items:center;margin-bottom:0.5rem;}.en-equals{color:var(--blue-strong);font-weight:600;text-align:center;}.en-btn-remove{padding:0.3rem 0.5rem;border:none;background:transparent;color:var(--muted);font-size:1.2rem;font-weight:300;cursor:pointer;transition:color 0.15s;}.en-btn-remove:hover{color:#f953c6;}.en-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;}.en-output-label{font-weight:600;font-size:0.875rem;color:var(--text);}.en-toolbar{display:flex;gap:0.5rem;flex-wrap:wrap;}.en-btn{padding:0.45rem 1rem;border:1px solid var(--line);border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.15s;background:var(--surface);color:var(--text);}.en-btn:hover{border-color:var(--blue-strong);}.en-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:#fff !important;border-color:transparent;box-shadow:0 4px 14px rgba(108,99,255,0.3);}.en-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(108,99,255,0.45);}.en-btn-secondary{background:transparent;color:var(--blue-strong);border-color:var(--blue-strong);}.en-btn-secondary:hover{background-color:rgba(108,99,255,0.08);}.en-output{width:100%;min-height:280px;padding:0.85rem;border:1px solid var(--line);border-radius:6px;font-family:'Fira Code','Courier New',monospace;font-size:0.85rem;resize:vertical;background-color:var(--blue-soft);color:var(--text);}html[data-theme='dark'] .en-output{background-color:rgba(4,20,47,0.8);color:#e0e8ff;}.en-output:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.18);outline:none;}.sn-container{display:flex;flex-direction:column;gap:1.25rem;}.sn-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background-color:var(--blue-soft);border-radius:6px;border:1px solid var(--line);}html[data-theme='dark'] .sn-options{background-color:rgba(108,99,255,0.08);}.sn-opt-group{display:flex;flex-direction:column;gap:0.35rem;}.sn-opt-label{font-weight:600;font-size:0.875rem;color:var(--blue-strong);}.sn-opt-input,.sn-opt-select{padding:0.5rem 0.75rem;border:1px solid var(--line);border-radius:4px;font-size:0.875rem;background:var(--surface);color:var(--text);font-family:'Fira Code',monospace;}.sn-opt-input:focus,.sn-opt-select:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.18);outline:none;}.sn-categories{display:flex;gap:0.5rem;flex-wrap:wrap;padding:0.75rem;background-color:var(--blue-soft);border-radius:6px;border:1px solid var(--line);}html[data-theme='dark'] .sn-categories{background-color:rgba(108,99,255,0.08);}.sn-category-tab{padding:0.4rem 0.9rem;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.15s;}.sn-category-tab:hover{background-color:rgba(108,99,255,0.12);}.sn-category-tab.active{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:#fff;border-color:transparent;}.sn-snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0.75rem;padding:0.75rem;background-color:var(--blue-soft);border-radius:6px;border:1px solid var(--line);min-height:150px;}html[data-theme='dark'] .sn-snippets-grid{background-color:rgba(108,99,255,0.08);}.sn-card{padding:0.75rem;background:var(--surface);border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;gap:0.5rem;}.sn-card:hover{border-color:var(--blue-strong);box-shadow:0 2px 8px rgba(108,99,255,0.15);transform:translateY(-2px);}.sn-card.active{background:rgba(108,99,255,0.12);border-color:var(--blue-strong);}.sn-card-title{font-weight:600;font-size:0.875rem;color:var(--text);}.sn-card-desc{font-size:0.8rem;color:var(--muted);line-height:1.3;}.sn-card-badge{display:inline-block;padding:0.2rem 0.5rem;background:rgba(108,99,255,0.15);color:var(--blue-strong);border-radius:3px;font-size:0.7rem;font-weight:600;text-transform:uppercase;}.sn-output-wrapper{padding:1rem;background-color:var(--blue-soft);border-radius:6px;border:1px solid var(--line);}html[data-theme='dark'] .sn-output-wrapper{background-color:rgba(108,99,255,0.08);}.sn-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;gap:1rem;flex-wrap:wrap;}.sn-tabs{display:flex;gap:0.3rem;border-bottom:1px solid var(--line);}.sn-tab-btn{padding:0.4rem 0.8rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text);font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.15s;}.sn-tab-btn:hover{color:var(--blue-strong);}.sn-tab-btn.active{color:var(--blue-strong);border-bottom-color:var(--blue-strong);}.sn-toolbar{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;}.sn-btn{padding:0.45rem 1rem;border:1px solid var(--line);border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.15s;background:var(--surface);color:var(--text);}.sn-btn:hover{border-color:var(--blue-strong);}.sn-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:#fff !important;border-color:transparent;box-shadow:0 4px 14px rgba(108,99,255,0.3);}.sn-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(108,99,255,0.45);}.sn-btn-copy{background:transparent;color:var(--blue-strong);border-color:var(--blue-strong);}.sn-btn-copy:hover{background-color:rgba(108,99,255,0.08);}.sn-output{width:100%;min-height:200px;padding:0.85rem;border:1px solid var(--line);border-radius:6px;font-family:'Fira Code','Courier New',monospace;font-size:0.85rem;resize:vertical;background-color:var(--blue-soft);color:var(--text);}html[data-theme='dark'] .sn-output{background-color:rgba(4,20,47,0.8);color:#e0e8ff;}.sn-output:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.18);outline:none;}.sn-version-badge{font-size:0.8rem;color:var(--muted);padding:0.3rem 0.6rem;background:rgba(108,99,255,0.1);border-radius:3px;}.sn-ext-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.5rem 0;}.sn-ext-card{padding:1rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);transition:all 0.2s;}.sn-ext-card:hover{box-shadow:0 2px 8px rgba(108,99,255,0.15);transform:translateY(-2px);}.sn-ext-card-name{font-weight:600;font-size:0.95rem;color:var(--blue-strong);margin-bottom:0.35rem;}.sn-ext-card-desc{font-size:0.85rem;color:var(--text);line-height:1.4;}.sn-arch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;}.sn-arch-module{padding:1rem;border:2px solid var(--line);border-radius:6px;background:var(--surface);}.sn-arch-module-name{font-weight:700;font-size:0.95rem;margin-bottom:0.75rem;padding:0.5rem;border-radius:4px;text-transform:uppercase;letter-spacing:0.05em;}.sn-arch-module-name.core{background-color:rgba(108,99,255,0.15);color:var(--blue-strong);}.sn-arch-module-name.shared{background-color:rgba(249,83,198,0.15);color:#f953c6;}.sn-arch-module-name.feature{background-color:rgba(42,157,143,0.15);color:#2a9d8f;}.sn-arch-module ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.4rem;font-size:0.875rem;}.sn-arch-module li{padding:0.3rem 0;color:var(--text);}.sn-how-to{padding:1rem;background:var(--blue-soft);border-left:4px solid var(--blue-strong);border-radius:4px;margin:1rem 0;}html[data-theme='dark'] .sn-how-to{background:rgba(108,99,255,0.08);}.sn-how-to ol{margin:0;padding-left:1.5rem;}.sn-how-to li{margin-bottom:0.5rem;font-size:0.95rem;}.article-section-title,.article-toc-title{color:var(--blue-strong);}.ar-container{padding:0;}.ar-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;}.ar-opt-group{display:flex;flex-direction:column;gap:0.5rem;}.ar-opt-label{font-weight:600;color:var(--blue-strong);font-size:0.95rem;}.ar-opt-input,.ar-opt-select{padding:0.6rem 0.85rem;border:1px solid var(--line);border-radius:6px;background-color:var(--surface);color:var(--text);font-family:inherit;font-size:0.95rem;transition:border-color 0.2s,box-shadow 0.2s;}.ar-opt-input:focus,.ar-opt-select:focus{outline:none;border-color:var(--blue-strong);box-shadow:0 0 0 3px rgba(108,99,255,0.1);}html[data-theme='dark'] .ar-opt-input,html[data-theme='dark'] .ar-opt-select{background-color:rgba(4,20,47,0.5);border-color:var(--line);color:#e0e8ff;}.ar-label{font-weight:600;color:var(--blue-strong);font-size:0.95rem;display:block;}.ar-presets{margin-bottom:1.5rem;}.ar-presets-row{display:flex;flex-wrap:wrap;gap:0.75rem;}.ar-preset-btn{padding:0.6rem 1rem;border:1px solid var(--line);border-radius:6px;background-color:var(--surface);color:var(--text);cursor:pointer;font-weight:500;transition:all 0.2s;font-size:0.95rem;}.ar-preset-btn:hover{border-color:var(--blue-strong);background-color:rgba(108,99,255,0.08);}html[data-theme='dark'] .ar-preset-btn{background-color:rgba(108,99,255,0.05);border-color:var(--line);}.ar-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;}.ar-checks{display:flex;flex-wrap:wrap;gap:1.5rem;}.ar-check-label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:0.95rem;color:var(--text);}.ar-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--blue-strong);}.ar-guards{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;}.ar-guards .ar-label{flex-basis:100%;}.ar-route-list{display:flex;flex-direction:column;gap:0.75rem;}.ar-route-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background-color:var(--blue-soft);border-radius:6px;border-left:3px solid var(--blue-strong);}html[data-theme='dark'] .ar-route-item{background-color:rgba(108,99,255,0.08);}.ar-badge{display:inline-block;padding:0.25rem 0.6rem;background-color:rgba(108,99,255,0.2);color:var(--blue-strong);border-radius:4px;font-size:0.75rem;font-weight:600;text-transform:uppercase;}.ar-badge-lazy{background-color:rgba(42,157,143,0.2);color:#2a9d8f;}.ar-badge-guard{background-color:rgba(255,127,80,0.2);color:#ff7f50;}.ar-badge-redirect{background-color:rgba(255,165,0,0.2);color:#ffa500;}.ar-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.5rem;}.ar-btn{padding:0.6rem 1rem;border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:600;font-size:0.95rem;transition:all 0.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}.ar-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.ar-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:#fff;border-color:transparent;box-shadow:0 4px 18px rgba(108,99,255,0.35);}.ar-btn-primary:hover{box-shadow:0 6px 24px rgba(108,99,255,0.45);}.ar-btn-secondary{background-color:var(--surface);color:var(--text);border-color:var(--line);}.ar-btn-secondary:hover{background-color:rgba(108,99,255,0.08);border-color:var(--blue-strong);}html[data-theme='dark'] .ar-btn-secondary{background-color:rgba(108,99,255,0.05);}.ar-btn-danger{background-color:rgba(220,53,69,0.1);color:#dc3545;border-color:transparent;}.ar-btn-danger:hover{background-color:rgba(220,53,69,0.2);}.ar-btn-sm{padding:0.4rem 0.75rem;font-size:0.85rem;}.ar-output{width:100%;min-height:400px;padding:1rem;font-family:'Fira Code','Courier New',monospace;font-size:0.875rem;background-color:var(--blue-soft);border:1px solid var(--line);border-radius:6px;color:var(--text);resize:vertical;margin-top:0.75rem;}html[data-theme='dark'] .ar-output{background-color:rgba(4,20,47,0.8);border-color:var(--line);color:#e0e8ff;}.ar-output:focus{outline:none;border-color:var(--blue-strong);box-shadow:0 0 0 3px rgba(108,99,255,0.1);}.outils-body .logo-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1rem;margin-bottom:1rem;}.outils-body .logo-example-card{border:2px solid transparent;border-radius:8px;padding:0.75rem;background:var(--surface);cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--text);}.outils-body .logo-example-card:hover{border-color:var(--blue-strong);background-color:var(--blue-soft);}.outils-body .logo-example-preview{width:80px;height:80px;background:#f8f9fa;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;}html[data-theme='dark'] .outils-body .logo-example-preview{background:rgba(108,99,255,0.1);}.outils-body .logo-example-label{font-weight:600;text-align:center;}.outils-body .logo-section{display:flex;flex-direction:column;gap:0.5rem;}.outils-body .logo-label,.outils-body .tool-label{font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--blue-strong);}.outils-body .logo-colors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;}.outils-body .logo-color-item{display:flex;flex-direction:column;gap:0.4rem;}.outils-body .logo-color-item label{font-weight:600;font-size:0.8rem;color:var(--text);text-transform:uppercase;letter-spacing:0.3px;}.outils-body .logo-color-item input[type='color']{width:100%;height:32px;border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:all 0.2s ease;}.outils-body .logo-color-item input[type='color']:hover{border-color:var(--blue-strong);box-shadow:0 0 8px rgba(108,99,255,0.2);}.outils-body .logo-palettes{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;}.outils-body .logo-palette-btn{width:100%;height:40px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all 0.2s ease;}.outils-body .logo-palette-btn:hover{border-color:var(--blue-strong);transform:scale(1.05);}.outils-body .logo-input,.outils-body .logo-select{padding:0.6rem 0.75rem;border:1px solid var(--line);border-radius:4px;font-size:0.9rem;background-color:var(--surface);color:var(--text);transition:border-color 0.2s ease;}html[data-theme='dark'] .outils-body .logo-input,html[data-theme='dark'] .outils-body .logo-select{background-color:rgba(108,99,255,0.05);}.outils-body .logo-input:focus,.outils-body .logo-select:focus{border-color:var(--blue-strong);outline:none;box-shadow:0 0 0 2px rgba(108,99,255,0.1);}.outils-body .logo-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin-bottom:1rem;}.outils-body .logo-shape-btn{width:100%;height:40px;border:2px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.outils-body .logo-shape-btn svg{width:24px;height:24px;color:currentColor;}.outils-body .logo-shape-btn.active{border-color:var(--blue-strong);background:var(--blue-soft);}.outils-body .logo-shape-btn:hover{border-color:var(--blue-strong);}.outils-body .logo-style-btn{padding:0.5rem 1rem;border:2px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);cursor:pointer;font-weight:600;transition:all 0.2s ease;}.outils-body .logo-style-btn.active{border-color:var(--blue-strong);background:var(--blue-soft);}.outils-body .logo-style-btn:hover{border-color:var(--blue-strong);}.outils-body .logo-range{width:100%;height:6px;border-radius:3px;background:var(--line);outline:none;-webkit-appearance:none;appearance:none;}.outils-body .logo-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#f953c6);cursor:pointer;box-shadow:0 2px 6px rgba(108,99,255,0.3);}.outils-body .logo-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#f953c6);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(108,99,255,0.3);}.outils-body .logo-reset-size{padding:0.4rem 0.6rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);cursor:pointer;font-size:0.9rem;transition:all 0.2s ease;}.outils-body .logo-reset-size:hover{border-color:var(--blue-strong);background:var(--blue-soft);}.outils-body .tool-checkbox{display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-weight:500;}.outils-body .tool-checkbox input[type='checkbox']{width:18px;height:18px;cursor:pointer;accent-color:var(--blue-strong);}.outils-body .emoji-tabs{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem;}.outils-body .emoji-tab{padding:0.5rem 0.75rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer;font-size:1rem;transition:all 0.2s ease;}.outils-body .emoji-tab.active{border-color:var(--blue-strong);background:var(--blue-soft);}.outils-body .emoji-tab:hover{border-color:var(--blue-strong);}.outils-body .logo-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:0.5rem;}.outils-body .logo-emoji-btn{width:50px;height:50px;border:2px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.outils-body .logo-emoji-btn.active{border-color:var(--blue-strong);background:var(--blue-soft);}.outils-body .logo-emoji-btn:hover{border-color:var(--blue-strong);}.outils-body .logo-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.4rem;margin-bottom:1rem;max-width:180px;}.outils-body .logo-pos-btn{aspect-ratio:1;border:2px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer;transition:all 0.2s ease;position:relative;min-height:40px;}.outils-body .logo-pos-btn::before{content:'';position:absolute;width:8px;height:8px;background:var(--blue-strong);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 0.2s ease;}.outils-body .logo-pos-btn.active{border-color:var(--blue-strong);background:var(--blue-soft);}.outils-body .logo-pos-btn.active::before{opacity:1;}.outils-body .logo-pos-btn:hover{border-color:var(--blue-strong);}.outils-body .logo-canvas{width:100%;max-width:300px;aspect-ratio:1;border:2px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;overflow:hidden;}html[data-theme='dark'] .outils-body .logo-canvas{background-color:rgba(108,99,255,0.05);}.outils-body #logo-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.outils-body .tool-btn-primary,.outils-body .tool-btn-secondary{padding:0.6rem 1.2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all 0.2s ease;font-size:0.95rem;}.outils-body .tool-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:white;box-shadow:0 4px 15px rgba(108,99,255,0.35);}.outils-body .tool-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,99,255,0.4);}.outils-body .tool-btn-secondary{background:var(--blue-soft);color:var(--blue-strong);border:1px solid var(--line);}html[data-theme='dark'] .outils-body .tool-btn-secondary{background:rgba(108,99,255,0.1);}.outils-body .tool-btn-secondary:hover{background-color:var(--line);}.outils-body .logo-select{padding:0.5rem 0.75rem;}.logo-toast{position:fixed;bottom:20px;right:20px;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;border-radius:6px;box-shadow:0 4px 12px rgba(16,185,129,0.3);z-index:1050;opacity:0;transform:translateY(20px);transition:all 0.3s ease;pointer-events:none;}.logo-toast.show{opacity:1;transform:translateY(0);pointer-events:auto;}.outils-body .logo-config-panel{border-radius:6px;padding:1rem;background-color:var(--blue-soft);}html[data-theme='dark'] .outils-body .logo-config-panel{background-color:rgba(108,99,255,0.08);}.outils-body .charge-form-group{display:flex;flex-direction:column;gap:0.5rem;}.outils-body .charge-label{font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--blue-strong);}.outils-body .charge-section{border:1px solid var(--line);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem;background-color:var(--blue-soft);}html[data-theme='dark'] .outils-body .charge-section{background-color:rgba(108,99,255,0.08);}.outils-body .charge-section-title{font-size:1.1rem;font-weight:700;color:var(--blue-strong);margin-bottom:1rem;margin-top:0;}.outils-body .charge-team-list,.outils-body .charge-tasks-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem;}.outils-body .charge-team-item,.outils-body .charge-task-item{display:grid;grid-template-columns:1fr auto auto auto;gap:0.75rem;align-items:center;padding:0.75rem;background-color:var(--surface);border:1px solid var(--line);border-radius:4px;}html[data-theme='dark'] .outils-body .charge-team-item,html[data-theme='dark'] .outils-body .charge-task-item{background-color:rgba(108,99,255,0.05);}.outils-body .charge-team-name,.outils-body .charge-task-name,.outils-body .charge-task-effort{padding:0.5rem;border:1px solid var(--line);border-radius:4px;font-size:0.9rem;background-color:var(--surface);color:var(--text);}.outils-body .charge-team-name:focus,.outils-body .charge-task-name:focus,.outils-body .charge-task-effort:focus{border-color:var(--blue-strong);outline:none;box-shadow:0 0 0 2px rgba(108,99,255,0.1);}.outils-body .charge-task-assignee{padding:0.5rem;border:1px solid var(--line);border-radius:4px;font-size:0.9rem;background-color:var(--surface);color:var(--text);}.outils-body .charge-task-assignee:focus{border-color:var(--blue-strong);outline:none;}.outils-body .charge-team-unit{font-size:0.8rem;font-weight:600;color:var(--text-secondary);min-width:40px;text-align:center;}.outils-body .charge-team-del,.outils-body .charge-task-del{padding:0.4rem 0.6rem;border:1px solid var(--line);border-radius:4px;background-color:var(--surface);color:#dc2626;cursor:pointer;font-weight:600;transition:all 0.2s ease;min-width:32px;}.outils-body .charge-team-del:hover,.outils-body .charge-task-del:hover{background-color:rgba(220,38,38,0.1);border-color:#dc2626;}.outils-body .charge-btn-add{padding:0.6rem 1.2rem;border:2px dashed var(--blue-strong);border-radius:4px;background:transparent;color:var(--blue-strong);cursor:pointer;font-weight:600;transition:all 0.2s ease;}.outils-body .charge-btn-add:hover{background-color:var(--blue-soft);border-color:var(--blue-strong);}.outils-body .charge-summary{padding:1.5rem;background-color:var(--blue-soft);border:1px solid var(--line);border-radius:6px;}html[data-theme='dark'] .outils-body .charge-summary{background-color:rgba(108,99,255,0.08);}.outils-body .charge-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;}.outils-body .charge-summary-card{padding:1rem;background-color:var(--surface);border:1px solid var(--line);border-radius:6px;text-align:center;}.outils-body .charge-summary-label{font-size:0.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:0.5rem;}.outils-body .charge-summary-value{font-size:1.75rem;font-weight:700;color:var(--blue-strong);}.outils-body .charge-summary-percent{font-size:0.9rem;margin-top:0.5rem;color:var(--text);}.outils-body .charge-chart-wrap{padding:1.5rem;background-color:var(--blue-soft);border:1px solid var(--line);border-radius:6px;}html[data-theme='dark'] .outils-body .charge-chart-wrap{background-color:rgba(108,99,255,0.08);}.outils-body .charge-chart-title{font-size:1rem;font-weight:700;color:var(--blue-strong);margin-bottom:1rem;margin-top:0;}.outils-body .charge-chart{width:100%;height:300px;background-color:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1rem;}.outils-body .charge-details-wrap{margin-top:1.5rem;}.outils-body .charge-details-title{font-size:1rem;font-weight:700;color:var(--blue-strong);margin-bottom:1rem;margin-top:0;}.outils-body .charge-export-buttons{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1rem;}.outils-body .charge-btn-export{padding:0.6rem 1.2rem;border:none;border-radius:6px;background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:white;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(108,99,255,0.3);}.outils-body .charge-btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,99,255,0.4);}.outils-body .pc-container{display:flex;flex-direction:column;gap:1.5rem;}.outils-body .pc-form-group{display:flex;flex-direction:column;gap:0.5rem;}.outils-body .pc-label{font-weight:600;color:var(--blue-strong);font-size:0.95rem;}.outils-body .pc-input{padding:0.6rem 0.75rem;border:1px solid var(--line);border-radius:6px;font-size:0.9rem;background-color:var(--surface);color:var(--text);font-family:inherit;}.outils-body .pc-input:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.2);outline:none;}.outils-body .pc-input-small{max-width:100px;}.outils-body .pc-section{padding:1.25rem;background-color:var(--blue-soft);border-radius:8px;display:flex;flex-direction:column;gap:1rem;}html[data-theme='dark'] .outils-body .pc-section{background-color:rgba(108,99,255,0.08);}.outils-body .pc-section-title{font-size:1rem;font-weight:700;color:var(--blue-strong);margin:0;}.outils-body .pc-buffer-group{display:flex;align-items:center;gap:0.75rem;}.outils-body .pc-range{flex:1;min-width:150px;height:6px;border-radius:3px;background:linear-gradient(to right,#e5e5e5 0%,#e5e5e5 100%);outline:none;-webkit-appearance:none;appearance:none;}.outils-body .pc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);cursor:pointer;box-shadow:0 2px 8px rgba(108,99,255,0.3);}.outils-body .pc-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(108,99,255,0.3);}.outils-body .pc-unit{font-weight:600;color:var(--blue-strong);min-width:30px;}.outils-body .pc-hint{display:block;margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted,#6b7280);}.outils-body .pc-toolbar{display:flex;gap:0.75rem;flex-wrap:wrap;align-items:center;}.outils-body .pc-btn{padding:0.7rem 1.25rem;border:none;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.outils-body .pc-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:white;box-shadow:0 4px 15px rgba(108,99,255,0.3);}.outils-body .pc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,99,255,0.4);}.outils-body .pc-btn-secondary{border:1px solid var(--line);background-color:var(--surface);color:var(--text);}.outils-body .pc-btn-secondary:hover{background-color:var(--blue-soft);}.outils-body .pc-btn-small{padding:0.4rem 0.6rem;font-size:0.8rem;border:1px solid #dc3545;background-color:white;color:#dc3545;border-radius:4px;cursor:pointer;transition:all 0.2s;}.outils-body .pc-btn-small:hover{background-color:#dc3545;color:white;}.outils-body .pc-status{margin-left:auto;font-size:0.9rem;color:var(--text-muted,#6b7280);}.outils-body .pc-results{padding:1.5rem;background-color:var(--blue-soft);border-radius:8px;border:1px solid var(--line);}html[data-theme='dark'] .outils-body .pc-results{background-color:rgba(108,99,255,0.08);}.outils-body .pc-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;}.outils-body .pc-summary-box{padding:1.25rem;background-color:var(--surface);border:1px solid var(--line);border-radius:8px;text-align:center;}.outils-body .pc-summary-box-highlight{background:linear-gradient(135deg,rgba(108,99,255,0.1) 0%,rgba(249,83,198,0.1) 100%);border:2px solid #6c63ff;}.outils-body .pc-summary-icon{font-size:1.5rem;margin-bottom:0.5rem;}.outils-body .pc-summary-label{font-size:0.85rem;color:var(--text-muted,#6b7280);margin-bottom:0.5rem;}.outils-body .pc-summary-value{font-size:1.3rem;font-weight:700;color:var(--blue-strong);}.outils-body .pc-summary-box-highlight .pc-summary-value{color:#6c63ff;}.outils-body .pc-results-section{margin-top:2rem;}.outils-body .pc-subsection-title{font-size:0.95rem;font-weight:700;color:var(--blue-strong);margin-bottom:1rem;margin-top:0;}.outils-body .pc-table{font-size:0.9rem;}.outils-body .pc-table thead{background-color:var(--blue-soft);}html[data-theme='dark'] .outils-body .pc-table thead{background-color:rgba(108,99,255,0.12);}.outils-body .pc-table th{color:var(--blue-strong);font-weight:700;border-color:var(--line);padding:0.75rem;}.outils-body .pc-table td{border-color:var(--line);padding:0.75rem;}.outils-body .pc-gantt-wrapper{background-color:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1rem;overflow-x:auto;}.outils-body .pc-gantt-wrapper svg{display:block;width:100%;height:auto;min-height:300px;}.outils-body .pc-export-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line);}.outils-body .pc-export-buttons{display:flex;gap:0.75rem;flex-wrap:wrap;}.outils-body .pc-btn-export{padding:0.7rem 1.25rem;border:none;border-radius:6px;background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:white;font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(108,99,255,0.3);}.outils-body .pc-btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,99,255,0.4);}.outils-body .bc-form-group{display:flex;flex-direction:column;gap:0.5rem;}.outils-body .bc-label{font-weight:600;color:var(--blue-strong);font-size:0.95rem;}.outils-body .bc-tabs{display:flex;gap:0.5rem;flex-wrap:wrap;border-bottom:2px solid var(--line);margin-bottom:1.5rem;padding-bottom:0;}.outils-body .bc-tab{padding:0.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;color:var(--text-muted,#6b7280);font-size:0.95rem;transition:all 0.2s ease;}.outils-body .bc-tab:hover{color:var(--blue-strong);}.outils-body .bc-tab.active{color:var(--blue-strong);border-bottom-color:var(--blue-strong);}.outils-body .bc-tab-content{animation:fadeIn 0.2s ease;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.outils-body .bc-section-title{font-size:1rem;font-weight:700;color:var(--blue-strong);margin:0 0 1.5rem 0;}.outils-body .bc-items-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem;}.outils-body .bc-item{display:grid;grid-template-columns:1fr 100px 120px 120px 50px;gap:0.75rem;align-items:center;padding:0.75rem;background-color:var(--blue-soft);border:1px solid var(--line);border-radius:6px;}html[data-theme='dark'] .outils-body .bc-item{background-color:rgba(108,99,255,0.08);}@media (max-width:992px){.outils-body .bc-item{grid-template-columns:1fr 100px 100px 40px;}}@media (max-width:576px){.outils-body .bc-item{grid-template-columns:1fr 40px;gap:0.5rem;}.outils-body .bc-item input[type="number"]:nth-of-type(2),.outils-body .bc-item input[type="number"]:nth-of-type(3),.outils-body .bc-item input[type="hidden"]{display:none;}}.outils-body .bc-item-name,.outils-body .bc-item-qty,.outils-body .bc-item-rate,.outils-body .bc-item-days{padding:0.5rem;border:1px solid var(--line);border-radius:4px;font-size:0.9rem;background-color:var(--surface);color:var(--text);font-family:inherit;}.outils-body .bc-item-name:focus,.outils-body .bc-item-qty:focus,.outils-body .bc-item-rate:focus,.outils-body .bc-item-days:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.2);outline:none;}.outils-body .bc-item-del{padding:0.4rem 0.6rem;border:1px solid var(--line);border-radius:4px;background-color:var(--surface);color:#dc2626;cursor:pointer;font-weight:600;transition:all 0.2s ease;font-size:0.9rem;}.outils-body .bc-item-del:hover{background-color:rgba(220,38,38,0.1);border-color:#dc2626;}.outils-body .bc-contingence-wrap{padding:1.25rem;background-color:var(--blue-soft);border-radius:8px;border:1px solid var(--line);}html[data-theme='dark'] .outils-body .bc-contingence-wrap{background-color:rgba(108,99,255,0.08);}.outils-body .bc-contingence-input{display:flex;gap:0.75rem;align-items:center;margin-bottom:1rem;}.outils-body .bc-contingence-input input[type="range"]{flex:1;min-width:150px;height:6px;border-radius:3px;background:linear-gradient(to right,#e5e5e5 0%,#e5e5e5 100%);outline:none;-webkit-appearance:none;appearance:none;}.outils-body .bc-contingence-input input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);cursor:pointer;box-shadow:0 2px 8px rgba(108,99,255,0.3);}.outils-body .bc-contingence-input input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(108,99,255,0.3);}.outils-body .bc-contingence-input input[type="number"]{width:100px;padding:0.5rem;border:1px solid var(--line);border-radius:4px;font-size:0.9rem;background-color:var(--surface);color:var(--text);}.outils-body .bc-contingence-input input[type="number"]:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.2);outline:none;}.outils-body .bc-contingence-unit{font-weight:600;color:var(--blue-strong);min-width:25px;}.outils-body .bc-contingence-info{padding-top:1rem;border-top:1px solid var(--line);}.outils-body .bc-contingence-info p{margin:0 0 0.75rem 0;font-size:0.9rem;color:var(--text-secondary);}.outils-body .bc-contingence-info ul{margin:0;padding-left:1.5rem;font-size:0.85rem;color:var(--text-muted,#6b7280);}.outils-body .bc-contingence-info li{margin-bottom:0.5rem;}.outils-body .bc-toolbar{display:flex;gap:0.75rem;flex-wrap:wrap;margin:1.5rem 0;}.outils-body .bc-toolbar .btn{padding:0.7rem 1.25rem;font-weight:600;font-size:0.95rem;border-radius:6px;transition:all 0.2s ease;}.outils-body .bc-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;}.outils-body .bc-summary-box{padding:1.25rem;background-color:var(--surface);border:1px solid var(--line);border-radius:8px;text-align:center;}.outils-body .bc-summary-icon{font-size:1.75rem;margin-bottom:0.5rem;}.outils-body .bc-summary-label{font-size:0.85rem;color:var(--text-muted,#6b7280);text-transform:uppercase;margin-bottom:0.5rem;}.outils-body .bc-summary-value{font-size:1.3rem;font-weight:700;color:var(--blue-strong);}.outils-body .bc-totals{padding:1.5rem;background-color:var(--blue-soft);border-radius:8px;border:1px solid var(--line);}html[data-theme='dark'] .outils-body .bc-totals{background-color:rgba(108,99,255,0.08);}.outils-body .bc-total-row{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0;border-bottom:1px solid var(--line);font-size:0.95rem;}.outils-body .bc-total-row:last-child{border-bottom:none;}.outils-body .bc-total-row span{color:var(--text-secondary);}.outils-body .bc-total-row strong{color:var(--blue-strong);}.outils-body .bc-contingence-row{background-color:rgba(217,119,6,0.05);}html[data-theme='dark'] .outils-body .bc-contingence-row{background-color:rgba(217,119,6,0.1);}.outils-body .bc-grand-total{background:linear-gradient(135deg,rgba(108,99,255,0.1) 0%,rgba(249,83,198,0.1) 100%);border:2px solid #6c63ff;border-radius:6px;padding:1rem;font-size:1.1rem;margin-top:1rem;}.outils-body .bc-grand-total span{font-weight:700;color:#6c63ff;}.outils-body .bc-grand-total strong{font-size:1.4rem;color:#6c63ff;}.outils-body .bc-details-wrap{margin-top:2rem;}.outils-body .bc-details-title{font-size:1rem;font-weight:700;color:var(--blue-strong);margin:0 0 1rem 0;}.outils-body .bc-details-wrap table{font-size:0.9rem;}.outils-body .bc-details-wrap thead{background-color:var(--blue-soft);}html[data-theme='dark'] .outils-body .bc-details-wrap thead{background-color:rgba(108,99,255,0.12);}.outils-body .bc-details-wrap th{color:var(--blue-strong);font-weight:700;border-color:var(--line);padding:0.75rem;}.outils-body .bc-details-wrap td{border-color:var(--line);padding:0.75rem;}.outils-body .bc-export{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line);}.outils-body .bc-export-title{font-size:1rem;font-weight:700;color:var(--blue-strong);margin:0 0 1rem 0;}.outils-body .bc-export-buttons{display:flex;gap:0.75rem;flex-wrap:wrap;}.outils-body .bc-export-buttons .btn{padding:0.6rem 1.2rem;font-size:0.9rem;border-radius:6px;transition:all 0.2s ease;}.outils-body .table-md{margin-bottom:0;}.outils-body .table-md.table-responsive{max-width:100%;}.scrum-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 1rem 0;}.scrum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1rem;}@media (max-width:576px){.scrum-grid{grid-template-columns:repeat(2,1fr);}}#mockup-editor-main-inner{display:flex;flex-direction:column;position:relative !important;min-height:800px;height:auto;}.mockup-editor-container{display:flex;flex-direction:column;height:100%;position:relative;}.mockup-toolbar{display:flex;gap:1rem;padding:0.75rem 1rem;background-color:var(--blue-soft);border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap;flex-shrink:0;z-index:100;}html[data-theme='dark'] .mockup-toolbar{background-color:rgba(108,99,255,0.08);}.toolbar-section{display:flex;gap:0.5rem;align-items:center;}.toolbar-btn{padding:0.5rem 0.85rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);cursor:pointer;font-size:0.875rem;font-weight:500;transition:all 0.2s;white-space:nowrap;}.toolbar-btn:hover{background-color:var(--blue-soft);border-color:var(--blue-strong);}.toolbar-spacer{flex:1;}.mockup-title-display{font-weight:600;color:var(--text);padding:0.5rem 0.85rem;cursor:pointer;border-radius:4px;transition:all 0.2s;white-space:nowrap;}.mockup-title-display:hover{background-color:var(--line);}.device-selector{padding:0.5rem 0.75rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);font-size:0.875rem;cursor:pointer;}.device-selector:focus{outline:none;border-color:var(--blue-strong);}.mockup-statusbar{display:flex;gap:1rem;padding:0.5rem 1rem;background-color:var(--line);border-bottom:1px solid var(--line);align-items:center;font-size:0.8rem;color:var(--text-muted,#6b7280);flex-shrink:0;}.status-message,.status-info{padding:0 0.5rem;}.status-sep{color:var(--line);}.status-spacer{flex:1;}.status-autosave{color:#10b981;font-weight:600;}.mockup-editor-layout{display:grid;grid-template-columns:220px 1fr 220px;gap:0;flex:1;overflow:auto;position:relative;}@media (max-width:992px){.mockup-editor-layout{grid-template-columns:1fr;}.mockup-annotations-panel,.mockup-properties-panel{display:none;}}.mockup-components-panel,.mockup-annotations-panel,.mockup-properties-panel{display:flex;flex-direction:column;border-right:1px solid var(--line);background-color:var(--surface);position:relative;overflow:hidden;}.mockup-annotations-panel{border-left:1px solid var(--line);border-right:none;}.mockup-properties-panel{border-left:1px solid var(--line);border-right:none;}.panel-header{padding:0.75rem 1rem;border-bottom:1px solid var(--line);background-color:var(--blue-soft);flex-shrink:0;}html[data-theme='dark'] .panel-header{background-color:rgba(108,99,255,0.08);}.panel-header h3{margin:0;font-size:0.95rem;font-weight:600;color:var(--blue-strong);}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0.75rem;position:relative;}.component-category{margin-bottom:1rem;}.category-title{font-size:0.85rem;font-weight:600;color:var(--blue-strong);text-transform:uppercase;letter-spacing:0.5px;margin:0 0 0.5rem 0;padding:0 0.5rem;}.component-group{display:flex;flex-direction:column;gap:0.4rem;}.component-item{padding:0.6rem 0.75rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:grab;font-size:0.875rem;color:var(--text);transition:all 0.2s;text-align:center;user-select:none;}.component-item:active{cursor:grabbing;}.component-item:hover{background-color:var(--blue-soft);border-color:var(--blue-strong);}.mockup-editor-canvas{display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:2rem 1rem 3rem 1rem;background:linear-gradient(135deg,#f8f9fa 0%,#f0f1f5 100%);position:relative;flex:1;}html[data-theme='dark'] .mockup-editor-canvas{background:linear-gradient(135deg,rgba(17,24,39,0.5) 0%,rgba(31,41,55,0.5) 100%);}.canvas-viewport{width:100%;max-width:1920px;position:relative;}.frame-container[data-device="desktop"]{width:1920px;}.frame-container[data-device="laptop"]{width:1366px;}.frame-container[data-device="tablet"]{width:768px;}.frame-container[data-device="mobile"]{width:375px;}@media (max-width:1400px){.frame-container[data-device="desktop"]{width:100%;max-width:1000px;}.frame-container[data-device="laptop"]{width:100%;max-width:900px;}}@media (max-width:768px){.frame-container[data-device="tablet"],.frame-container[data-device="mobile"]{width:100%;}}.frame-container{position:relative;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);overflow:visible;min-width:300px;transition:width 0.3s ease;}html[data-theme='dark'] .frame-container{background:rgba(255,255,255,0.05);border-color:var(--line);}.frame-label{position:absolute;top:0.5rem;right:0.5rem;padding:0.3rem 0.6rem;background-color:var(--blue-soft);border-radius:4px;font-size:0.75rem;font-weight:600;color:var(--blue-strong);z-index:10;pointer-events:none;}.frame-content{padding:2rem;min-height:600px;background:white;position:relative;}html[data-theme='dark'] .frame-content{background:rgba(255,255,255,0.03);}.annotation-empty{color:var(--text-muted,#6b7280);font-size:0.875rem;text-align:center;padding:1rem;}.annotation-count-badge{font-size:0.8rem;background-color:var(--blue-soft);color:var(--blue-strong);padding:0.25rem 0.5rem;border-radius:3px;}.toolbar-viewmode{display:none;}.toolbar-viewmode.show{display:flex;}.viewmode-label{font-size:0.875rem;color:var(--text);font-weight:600;}#properties-panel{display:flex;flex-direction:column;gap:1rem;}#properties-panel .property-section{display:flex;flex-direction:column;gap:0.75rem;padding:0.75rem 0;border-bottom:1px solid var(--line);}#properties-panel .property-section:last-child{border-bottom:none;}#properties-panel .property-group{display:flex;flex-direction:column;gap:0.4rem;}#properties-panel .property-label,#properties-panel .form-label,#properties-panel label{font-size:0.8rem;font-weight:600;color:var(--blue-strong);text-transform:uppercase;letter-spacing:0.3px;margin:0;}#properties-panel .property-input,#properties-panel input[type="text"],#properties-panel input[type="number"],#properties-panel input[type="color"],#properties-panel input[type="range"],#properties-panel select,#properties-panel textarea,#properties-panel .form-control,#properties-panel .form-select{padding:0.5rem;border:1px solid var(--line);border-radius:4px;font-size:0.85rem;background-color:var(--surface);color:var(--text);font-family:inherit;width:100%;box-sizing:border-box;}#properties-panel input[type="text"]:focus,#properties-panel input[type="number"]:focus,#properties-panel input[type="color"]:focus,#properties-panel select:focus,#properties-panel textarea:focus,#properties-panel .form-control:focus,#properties-panel .form-select:focus{outline:none;border-color:var(--blue-strong);box-shadow:0 0 0 2px rgba(108,99,255,0.15);}#properties-panel input[type="color"]{padding:0.3rem;height:40px;cursor:pointer;}#properties-panel input[type="range"]{padding:0;height:6px;cursor:pointer;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--line) 0%,var(--line) 100%);}#properties-panel input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);cursor:pointer;box-shadow:0 2px 6px rgba(108,99,255,0.3);}#properties-panel input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(108,99,255,0.3);}#properties-panel textarea{resize:vertical;min-height:80px;font-family:'Fira Code',monospace;}#properties-panel .property-buttons{display:flex;gap:0.5rem;margin-top:0.5rem;}#properties-panel .property-btn,#properties-panel button{padding:0.5rem 0.85rem;border:1px solid var(--line);border-radius:4px;background-color:var(--surface);color:var(--text);cursor:pointer;font-size:0.8rem;font-weight:600;transition:all 0.2s;flex:1;}#properties-panel button:hover{border-color:var(--blue-strong);background-color:var(--blue-soft);color:var(--blue-strong);}#properties-panel .property-value{font-size:0.85rem;color:var(--text);padding:0.5rem;background-color:rgba(108,99,255,0.05);border-radius:4px;border-left:3px solid var(--blue-strong);word-break:break-all;}#properties-panel .property-hint{font-size:0.75rem;color:var(--text-muted,#6b7280);margin-top:0.25rem;font-style:italic;}html[data-theme='dark'] #properties-panel input[type="text"],html[data-theme='dark'] #properties-panel input[type="number"],html[data-theme='dark'] #properties-panel input[type="color"],html[data-theme='dark'] #properties-panel select,html[data-theme='dark'] #properties-panel textarea,html[data-theme='dark'] #properties-panel .form-control,html[data-theme='dark'] #properties-panel .form-select{background-color:rgba(108,99,255,0.05);}.outils-card{margin-bottom:3rem !important;}.af-footer-glow-line{margin-top:2rem !important;margin-bottom:3rem !important;}.article-toc{margin-bottom:1.5rem;padding:1.5rem;background-color:var(--blue-soft);border-radius:8px;border-left:4px solid var(--blue-strong);}html[data-theme='dark'] .article-toc{background-color:rgba(108,99,255,0.08);}.article-toc-title{margin-top:0;margin-bottom:1rem;font-size:1.1rem;}.article-toc-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:0.5rem;}.article-toc-list li{margin-bottom:0;}.article-toc-list a{color:var(--blue-strong);text-decoration:none;font-weight:500;transition:all 0.2s;}.article-toc-list a:hover{text-decoration:underline;color:#f953c6;}.article-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line);}.article-section:last-child{border-bottom:none;margin-bottom:1rem;padding-bottom:0;}.article-section-title{margin-top:0;margin-bottom:1rem;font-size:1.4rem;padding-top:0;}.article-section h3{margin-top:1.5rem;margin-bottom:0.75rem;font-size:1.1rem;color:var(--blue-strong);}.article-section h4{margin-top:1.25rem;margin-bottom:0.75rem;font-size:1rem;color:var(--text);font-weight:600;}.article-section p{margin-bottom:1rem;line-height:1.6;}.article-section ul,.article-section ol{margin-bottom:1.5rem;padding-left:1.75rem;}.article-section li{margin-bottom:0.5rem;line-height:1.6;}.article-callout,.article-note{margin:1.5rem 0;padding:1.25rem 1.5rem;border-radius:6px;border-left:4px solid var(--blue-strong);}.article-callout{background-color:rgba(108,99,255,0.08);border-left-color:var(--blue-strong);}html[data-theme='dark'] .article-callout{background-color:rgba(108,99,255,0.12);}.article-note{background-color:rgba(217,119,6,0.08);border-left-color:#d97706;}html[data-theme='dark'] .article-note{background-color:rgba(217,119,6,0.12);}.article-callout strong,.article-note strong{display:block;margin-bottom:0.5rem;}.article-callout strong{color:var(--blue-strong);}.article-note strong{color:#d97706;}.jwt-tabs{border-bottom:2px solid var(--line);}.jwt-tabs .nav-link{border:none;border-bottom:3px solid transparent;color:var(--text);font-weight:600;transition:all 0.2s;}.jwt-tabs .nav-link:hover{border-bottom-color:var(--blue-soft);color:var(--blue-strong);}.jwt-tabs .nav-link.active{border-bottom-color:var(--blue-strong);color:var(--blue-strong);background-color:transparent;}.jwt-textarea{font-family:'Fira Code',monospace;font-size:0.875rem;min-height:120px;background-color:var(--blue-soft);border:1px solid var(--line);color:var(--text);}html[data-theme='dark'] .jwt-textarea{background-color:rgba(4,20,47,0.8);color:#e0e8ff;}.jwt-textarea:focus{border-color:var(--blue-strong);box-shadow:0 0 0 0.2rem rgba(108,99,255,0.18);}.jwt-token-display{font-family:'Fira Code',monospace;font-size:0.85rem;padding:0.75rem;background-color:var(--blue-soft);border:1px solid var(--line);border-radius:6px;word-break:break-all;color:var(--text);}html[data-theme='dark'] .jwt-token-display{background-color:rgba(4,20,47,0.8);color:#e0e8ff;}.jwt-token-placeholder{color:var(--muted);font-style:italic;}.jwt-part-header{color:#e74c3c;}.jwt-part-payload{color:#8e44ad;}.jwt-part-signature{color:#3498db;}.jwt-part-dot{color:var(--muted);font-weight:bold;}.jwt-panel{padding:1rem;background-color:var(--blue-soft);border:1px solid var(--line);border-radius:6px;}html[data-theme='dark'] .jwt-panel{background-color:rgba(4,20,47,0.8);}.jwt-panel pre{margin:0;font-family:'Fira Code',monospace;font-size:0.85rem;color:var(--text);background:transparent;border:none;}.jwt-panel-title{font-weight:700;font-size:0.9rem;margin-bottom:0.75rem;color:var(--blue-strong);}.jwt-panel--header{border-left:4px solid #e74c3c;}.jwt-panel--payload{border-left:4px solid #8e44ad;}.jwt-panel--signature{border-left:4px solid #3498db;}.jwt-panel-title--header::before,.jwt-panel-title--payload::before,.jwt-panel-title--signature::before{margin-right:0.5rem;}.jwt-status-badge{display:inline-block;padding:0.5rem 0.75rem;border-radius:4px;font-size:0.875rem;font-weight:600;}.jwt-status-valid{background-color:#d4edda;color:#155724;}html[data-theme='dark'] .jwt-status-valid{background-color:rgba(52,211,153,0.15);color:#86efac;}.jwt-status-invalid{background-color:#f8d7da;color:#842029;}html[data-theme='dark'] .jwt-status-invalid{background-color:rgba(239,68,68,0.15);color:#fca5a5;}.jwt-status-expired{background-color:#fff3cd;color:#664d03;}html[data-theme='dark'] .jwt-status-expired{background-color:rgba(251,146,60,0.15);color:#fed7aa;}.jwt-action-btn{padding:0.4rem 0.85rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.15s;}.jwt-action-btn:hover{background-color:var(--blue-soft);border-color:var(--blue-strong);color:var(--blue-strong);}.jwt-btn-primary{background:linear-gradient(135deg,#6c63ff 0%,#f953c6 100%);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(108,99,255,0.3);}.jwt-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(108,99,255,0.45);}.jwt-section-label{font-weight:700;font-size:0.95rem;color:var(--blue-strong);text-transform:uppercase;letter-spacing:0.03em;margin-bottom:0.75rem;}.jwt-claim-row{display:grid;grid-template-columns:1fr 1fr auto;gap:0.5rem;margin-bottom:0.5rem;align-items:center;}.jwt-claim-key{font-family:'Fira Code',monospace;}.jwt-remove-btn{padding:0.3rem;border:none;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer;transition:color 0.15s;}.jwt-remove-btn:hover{color:#f953c6;}.jwt-toggle-label{display:flex;align-items:center;gap:0.4rem;cursor:pointer;font-size:0.875rem;color:var(--text);}.jwt-toggle-label input[type="checkbox"]{cursor:pointer;accent-color:var(--blue-strong);}.jwt-hint{display:block;font-size:0.8rem;color:var(--muted);margin-top:0.25rem;}.jwt-secret-input{font-family:'Fira Code',monospace;}.jwt-result-area{font-family:'Fira Code',monospace;font-size:0.85rem;padding:0.75rem;background-color:var(--blue-soft);border:1px solid var(--line);border-radius:6px;word-break:break-all;min-height:60px;color:var(--text);}html[data-theme='dark'] .jwt-result-area{background-color:rgba(4,20,47,0.8);color:#e0e8ff;}.jwt-claim-date{font-size:0.8rem;color:var(--muted);}.canvas-wrapper{display:flex;align-items:center;justify-content:center;}.canvas-wrapper canvas{max-width:100%;height:auto;border-radius:8px;}.color-preset{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);cursor:pointer;transition:all 0.2s ease;display:inline-block;}.color-preset:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,0.15);border-color:var(--blue-strong);}.color-preset:active{transform:scale(0.95);}html[data-theme='dark'] .color-preset{border-color:rgba(255,255,255,0.2);}.border-2.border-dashed{cursor:pointer;transition:all 0.2s ease;}.border-2.border-dashed:hover{background-color:var(--blue-soft);border-color:var(--blue-strong) !important;}.border-2.border-dashed:active{transform:scale(0.98);}html[data-theme='dark'] .border-2.border-dashed:hover{background-color:rgba(108,99,255,0.1);}.outils-body #logoPreview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;object-fit:contain;}