:root{color-scheme:light dark;--page-bg: radial-gradient(circle at top, #f7f4eb 0%, #efe5d2 45%, #d7d5cf 100%);--card-bg: rgba(255, 253, 248, .84);--card-border: rgba(103, 87, 67, .16);--text-main: #1f2933;--text-muted: #5d6a75;--accent: #a04d20;--accent-strong: #7e3210;--accent-soft: rgba(160, 77, 32, .12);--success-bg: rgba(43, 114, 78, .12);--success-text: #185336;--error-bg: rgba(160, 32, 32, .12);--error-text: #7b1f1f;--input-bg: rgba(255, 255, 255, .72);--shadow: 0 24px 60px rgba(57, 40, 21, .16)}:root[data-theme=dark],:root[data-theme=contrast]{--page-bg: radial-gradient(circle at top, #1d2330 0%, #121721 45%, #0c1016 100%);--card-bg: rgba(20, 28, 38, .86);--card-border: rgba(148, 163, 184, .18);--text-main: #f1f5f9;--text-muted: #b7c2cf;--accent: #f4a261;--accent-strong: #ffb77a;--accent-soft: rgba(244, 162, 97, .12);--success-bg: rgba(52, 211, 153, .14);--success-text: #8af0c0;--error-bg: rgba(248, 113, 113, .14);--error-text: #ffb3b3;--input-bg: rgba(15, 23, 32, .72);--shadow: 0 28px 70px rgba(2, 6, 23, .5)}:root[data-theme=contrast]{--page-bg: radial-gradient(circle at top, #000 0%, #050505 55%, #0a0a0a 100%);--card-bg: rgba(0, 0, 0, .94);--card-border: rgba(255, 255, 255, .42);--text-main: #ffffff;--text-muted: #f0f0f0;--accent: #ffd84d;--accent-strong: #ffe98e;--accent-soft: rgba(255, 216, 77, .16);--success-bg: rgba(64, 224, 137, .18);--success-text: #baffd8;--error-bg: rgba(255, 92, 92, .18);--error-text: #ffd0d0;--input-bg: rgba(10, 10, 10, .92);--shadow: 0 0 0 rgba(0, 0, 0, 0)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--page-bg: radial-gradient(circle at top, #1d2330 0%, #121721 45%, #0c1016 100%);--card-bg: rgba(20, 28, 38, .86);--card-border: rgba(148, 163, 184, .18);--text-main: #f1f5f9;--text-muted: #b7c2cf;--accent: #f4a261;--accent-strong: #ffb77a;--accent-soft: rgba(244, 162, 97, .12);--success-bg: rgba(52, 211, 153, .14);--success-text: #8af0c0;--error-bg: rgba(248, 113, 113, .14);--error-text: #ffb3b3;--input-bg: rgba(15, 23, 32, .72);--shadow: 0 28px 70px rgba(2, 6, 23, .5)}}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;background:var(--page-bg);color:var(--text-main)}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:32px 20px 40px}.hero-card{max-width:1120px;margin:0 auto;padding:32px;border-radius:28px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow,.meta-label{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--accent);font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}h2{margin-bottom:18px;font-size:1.15rem}.lead{max-width:980px;margin-bottom:18px;color:var(--text-muted);font-size:1.05rem;line-height:1.45}.panel-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start}.panel,.result-card{min-width:0;padding:24px;border-radius:24px;background:#ffffff1a;border:1px solid var(--card-border)}.accent-panel{background:linear-gradient(135deg,var(--accent-soft),transparent 58%),#ffffff0f}.preview-hero{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.preview-lead{max-width:420px;margin:8px 0 0;color:var(--text-muted);line-height:1.45;font-size:.98rem}.preview-modal-card{padding:14px 16px;border-radius:18px;border:1px solid var(--card-border);background:#ffffff14}.preview-section{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:#ffffff0d}.preview-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.preview-section-head strong{font-size:.95rem}.preview-chip-list{display:flex;flex-wrap:wrap;gap:8px}.preview-chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.08);color:var(--text-main)}.secondary-button{min-width:auto;padding:10px 15px;background:#ffffff14;border:1px solid var(--card-border);color:var(--text-main);box-shadow:none}.secondary-button:hover{background:var(--accent-soft)}.preview-open-button,.preview-close-button{white-space:nowrap}.preview-modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:end}.preview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0e148a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-modal{width:min(980px,100%);max-height:min(88vh,920px);overflow:auto;padding:24px;border-radius:28px;border:1px solid var(--card-border);background:radial-gradient(circle at top right,rgba(255,179,71,.16),transparent 30%),var(--card-bg);box-shadow:var(--shadow)}.create-template-modal{width:min(820px,100%);max-height:min(88vh,760px);overflow:auto;padding:24px;border-radius:28px;border:1px solid var(--card-border);background:radial-gradient(circle at top right,rgba(255,179,71,.14),transparent 32%),var(--card-bg);box-shadow:var(--shadow)}.create-template-modal-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.create-template-modal-header h2{margin:8px 0}.create-template-modal-header p{margin-bottom:0;color:var(--text-muted)}.create-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.create-template-option{display:grid;gap:10px;justify-items:start;min-width:0;padding:18px;border-radius:22px;border:1px solid var(--card-border);background:#ffffff14;color:var(--text-main);text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease}.create-template-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:#ffffff1f}.create-template-option strong{font-size:1rem}.create-template-option small{color:var(--text-muted);line-height:1.45}.create-template-option-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.create-template-option-icon .action-icon{width:26px;height:26px}.preview-modal-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.preview-modal-header h2{margin:8px 0}.preview-modal-header p{margin-bottom:0;color:var(--text-muted)}.preview-modal-grid{display:grid;gap:16px}.preview-modal-tree-card{background:linear-gradient(180deg,#ffffff14,#ffffff0a),#ffffff14}.template-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.template-editor-head .meta-label{margin-right:auto}.template-editor-toolbar{display:flex;flex-wrap:wrap;justify-content:end;gap:10px;margin-top:16px}.template-save-button{min-width:auto;padding:10px 16px}.editor-tree{display:grid;gap:10px;padding-left:0;margin-bottom:0;list-style:none}.editor-tree .editor-tree{margin-top:10px;margin-left:18px;padding-left:14px;border-left:1px solid var(--card-border)}.editor-node{list-style:none}.editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07)}.editor-input{width:100%;padding:12px 14px;border:1px solid var(--card-border);border-radius:12px;background:var(--input-bg);color:var(--text-main)}.editor-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.string-editor-list{display:grid;gap:10px}.string-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.editor-empty-state{margin-bottom:0;color:var(--text-muted)}.tree-action-button{min-width:auto}.icon-action-button{width:40px;min-width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--card-border);background:#ffffff14;color:var(--text-main);box-shadow:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.icon-action-button:hover{transform:translateY(-1px);background:#ffffff24;border-color:#ffffff2e}.icon-action-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-action-button-accent{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent}.icon-action-button-accent:hover{background:linear-gradient(135deg,var(--accent-strong),var(--accent))}.icon-action-button-danger{color:var(--error-text);background:#a0202014}.icon-action-button-danger:hover{background:#a0202029;border-color:#a0202042}.action-icon{width:18px;height:18px;display:block}.visually-hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor-file-list,.folder-file-list{display:grid;gap:8px;margin-top:10px;margin-left:18px}.editor-file-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);overflow:hidden}.editor-file-row:before,.folder-file-chip:before{content:"";position:absolute;left:12px;right:auto;bottom:10px;width:74px;height:4px;border-radius:999px;background:var(--file-accent, var(--accent));opacity:.95}.editor-file-content{display:grid;gap:6px;min-width:0;padding-right:8px}.editor-file-name{min-width:0;overflow-wrap:anywhere}.folder-file-chip{position:relative;display:inline-flex;align-items:center;gap:10px;width:fit-content;min-height:42px;padding:8px 14px 14px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.07);color:var(--text-main);overflow:hidden}.folder-file-chip small,.editor-file-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#ffffff14;color:var(--file-accent, var(--accent));border:1px solid color-mix(in srgb,var(--file-accent, var(--accent)) 26%,transparent)}.file-type-word{--file-accent: #2b78ff}.file-type-excel{--file-accent: #1f9d55}.file-type-pdf{--file-accent: #e24a3b}.file-type-onenote{--file-accent: #7b4dff}.file-type-generic{--file-accent: #f4a261}.folder-tree{display:grid;gap:8px;margin-top:14px;padding-left:0;list-style:none}.folder-tree .folder-tree{margin-top:10px;margin-left:18px;padding-left:14px;border-left:1px solid var(--card-border)}.folder-node details[open]>summary{margin-bottom:4px}.folder-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff14;color:var(--text-main);cursor:pointer;list-style:none}.folder-row::-webkit-details-marker{display:none}.folder-bullet{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 4px var(--accent-soft);flex:0 0 auto}.template-list{display:grid;gap:12px;margin-bottom:20px;overflow:visible;padding:14px 8px 8px;border-radius:24px;background:linear-gradient(#ffffff14,#ffffff0a) padding-box,linear-gradient(180deg,#ffffff1f,#ffffff0a) border-box;border:1px solid transparent;background-attachment:local,local;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffffff0a}.template-area-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(110px,1fr));align-items:stretch}.template-area-card{min-width:0;min-height:148px;padding:20px 16px;display:grid;align-content:center;justify-items:center;gap:10px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:var(--text-main);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.template-area-card strong{font-size:clamp(1.9rem,3.5vw,3rem);line-height:.92;text-wrap:nowrap}.template-area-card .action-icon{width:42px;height:42px;color:color-mix(in srgb,var(--accent) 88%,white 12%)}.template-area-card small{text-align:center;color:var(--text-muted);font-size:.74rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.template-area-card:hover{transform:translateY(-1px);border-color:#fff3;background:#ffffff1f}.template-area-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 90%,rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)}.template-area-card.selected small{color:var(--text-main)}.template-area-card.selected .action-icon{color:var(--accent)}.template-sublist,.template-custom-section{display:grid;gap:12px;min-width:0}.template-custom-toggle{padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:0;color:var(--text-main)}.template-custom-toggle .meta-label{margin:0}.template-custom-toggle-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff14;border:1px solid var(--card-border);transition:transform .22s ease,background .22s ease,border-color .22s ease}.template-custom-toggle:hover .template-custom-toggle-icon{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.template-custom-toggle.open .template-custom-toggle-icon{transform:rotate(180deg)}.template-custom-panel{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-6px);padding-top:0;overflow:hidden;pointer-events:none;transition:grid-template-rows .26s ease,opacity .22s ease,transform .22s ease,padding-top .22s ease}.template-custom-panel>.template-sublist{min-height:0;overflow:hidden;padding:2px}.template-custom-panel.open{grid-template-rows:1fr;opacity:1;transform:translateY(0);padding-top:4px;pointer-events:auto}.template-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.template-list-head h2{margin-bottom:0}.template-create-button{flex-shrink:0;border-radius:16px;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)}.template-create-button:hover{transform:translateY(-1px) scale(1.02)}.template-option{display:flex;gap:12px;align-items:start;justify-content:space-between;flex-wrap:wrap;min-width:0;padding:14px 16px;border-radius:18px;border:1px solid var(--card-border);background:#ffffff14;transition:transform .2s ease,border-color .2s ease,background .2s ease;cursor:pointer}.template-option.selected{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.template-option input{margin-top:2px}.template-option span{display:grid;gap:4px;min-width:0;flex:1 1 auto;text-align:left}.template-option input+span{min-width:min(240px,calc(100% - 120px))}.template-badge{flex:0 0 auto;padding:5px 9px;border-radius:999px;font-size:.72rem;font-style:normal;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(160,77,32,.2);max-width:100%;align-self:center}.template-meta-fields{margin-bottom:18px}.template-option small,.empty-state,ul,.field span{color:var(--text-muted)}.field{display:grid;gap:8px;margin-bottom:18px}.field input{width:100%;padding:14px 16px;border:1px solid var(--card-border);border-radius:16px;background:var(--input-bg);color:var(--text-main)}.field-input{width:100%;padding:14px 16px;border:1px solid var(--card-border);border-radius:16px;background:var(--input-bg);color:var(--text-main);resize:vertical;min-height:96px}.user-picker{position:relative}.user-picker-input{width:100%;padding:14px 16px;border:1px solid var(--card-border);border-radius:16px;background:var(--input-bg);color:var(--text-main)}.selected-user-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selected-user-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--text-main)}.selected-user-chip button{min-width:auto;padding:0;border-radius:0;background:transparent;color:var(--text-main);font-weight:700}.suggestion-list{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--card-border);border-radius:16px;background:#ffffff14}.suggestion-item{display:grid;gap:4px;justify-items:start;min-width:0;padding:10px 12px;border-radius:12px;background:#ffffff0f;color:var(--text-main)}.suggestion-item small,.suggestion-state{color:var(--text-muted)}.checkbox-field{justify-items:start}.checkbox-row{display:inline-flex;align-items:center;gap:10px;color:var(--text-main)}.checkbox-field input{width:auto;margin:0;padding:0;accent-color:var(--accent)}.hint-box{margin-bottom:18px;padding:14px 16px;border-radius:18px;border:1px solid var(--card-border);background:#ffffff14}.hint-box strong{display:block;margin-bottom:6px}.hint-box p{margin-bottom:0;color:var(--text-muted);line-height:1.5}.progress-card{margin-top:18px;margin-bottom:6px;padding:16px;border-radius:18px;border:1px solid var(--card-border);background:#ffffff14}.loading-showcase{background:radial-gradient(circle at top right,rgba(255,179,71,.22),transparent 38%),linear-gradient(135deg,#ff914d2e,#a04d2014),#ffffff14}.loading-banner{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;margin-bottom:16px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#ff99332e,#ffffff14);border:1px solid rgba(255,166,77,.28);overflow:hidden}.loading-orb{position:relative;width:68px;height:68px;display:grid;place-items:center}.loading-orb-core,.loading-orb-ring{position:absolute;border-radius:999px}.loading-orb-core{width:20px;height:20px;background:linear-gradient(135deg,#ffb347,#ff7a18);box-shadow:0 0 30px #ff8c0073;animation:loadingPulse 1.8s ease-in-out infinite}.loading-orb-ring{top:8px;right:8px;bottom:8px;left:8px;border:2px solid rgba(255,179,71,.28)}.loading-orb-ring-one{animation:loadingSpin 2.6s linear infinite}.loading-orb-ring-two{top:0;right:0;bottom:0;left:0;border-color:#ff7a1833;animation:loadingSpinReverse 3.2s linear infinite}.loading-copy p{margin-bottom:0}.loading-highlight{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;border-radius:999px;background:#ffa64d26;color:var(--text-main);font-weight:600}.loading-pulse-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#ffb347,#ff7a18);box-shadow:0 0 #ff7a188c;animation:loadingDotPulse 1.6s ease-out infinite}.progress-card strong{display:block;margin-bottom:6px}.progress-card p{margin-bottom:14px;color:var(--text-muted)}.progress-steps{display:grid;gap:10px}.progress-step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;opacity:.55}.progress-step span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ffffff1f;border:1px solid var(--card-border);font-weight:700}.progress-step small{color:var(--text-muted);line-height:1.45;padding-top:4px}.progress-step.active{opacity:1}.progress-step.active span{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}button{min-width:220px;padding:14px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:700;cursor:pointer}.create-team-button.is-loading{position:relative;background:linear-gradient(135deg,#ff9a3d,#d56418);box-shadow:0 12px 28px #d564183d}.button-loading-content{display:inline-flex;align-items:center;gap:10px}.button-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:loadingSpin .9s linear infinite}button:disabled{opacity:.7;cursor:progress}.status{margin-bottom:0;margin-top:16px;padding:12px 14px;border-radius:14px}.status.success{background:var(--success-bg);color:var(--success-text)}.status.error{background:var(--error-bg);color:var(--error-text)}.stack+.stack{margin-top:20px}ul{padding-left:20px;margin-bottom:0}.result-card{margin-top:20px}code{word-break:break-all}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes loadingPulse{0%,to{transform:scale(.92);box-shadow:0 0 20px #ff8c0052}50%{transform:scale(1.12);box-shadow:0 0 34px #ff8c0085}}@keyframes loadingDotPulse{0%{transform:scale(.9);box-shadow:0 0 #ff7a1880}70%{transform:scale(1);box-shadow:0 0 0 12px #ff7a1800}to{transform:scale(.9);box-shadow:0 0 #ff7a1800}}@media(max-width:840px){.hero-card{padding:22px;border-radius:22px}.panel-grid{grid-template-columns:1fr}button:not(.template-create-button):not(.template-area-card):not(.icon-action-button){width:100%}.loading-banner{grid-template-columns:1fr;justify-items:start}.preview-hero,.preview-modal-header{grid-template-columns:1fr;display:grid}.preview-metrics{grid-template-columns:1fr}.template-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-modal,.create-template-modal{padding:18px}.editor-row,.string-editor-row{grid-template-columns:1fr}.editor-file-row{align-items:start;flex-direction:column}.editor-actions,.template-editor-toolbar,.preview-modal-actions{justify-content:start}.create-template-modal-header{flex-direction:column}}@media(max-width:1120px){.template-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.template-list-head{align-items:start}.template-area-grid,.template-option,.create-template-grid{grid-template-columns:1fr}}
