:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f3ef;--sidebar:#fbfaf6;--surface:#fff;--surface-raised:#fbfaf7;--surface-muted:#ece8df;--field:#fbfaf7;--preview-bg:#f8f6f0;--ink:#17201b;--text:#4f5d55;--muted:#7b857f;--line:#ddd6ca;--line-strong:#bfb5a7;--green:#1f6b50;--green-strong:#1f6b50;--green-soft:#e2f0e9;--gold:#d5a039;--red:#b45143;--red-soft:#fff2ef;--red-line:#e0b4ad;--blue:#326d8d;--shadow:0 16px 40px #231d1414;color:var(--text);background:var(--bg);letter-spacing:0;font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10130f;--sidebar:#12170f;--surface:#181d18;--surface-raised:#202720;--surface-muted:#263126;--field:#111610;--preview-bg:#262b25;--ink:#f2f0e8;--text:#c8d0c6;--muted:#8f9b91;--line:#303b31;--line-strong:#53604f;--green:#6fb58d;--green-strong:#2f7d5b;--green-soft:#6fb58d2e;--gold:#ddb95e;--red:#e07867;--red-soft:#e078672e;--red-line:#e078676b;--blue:#75a9c5;--shadow:0 18px 48px #00000059}@keyframes action-pop{0%{transform:scale(.98)}55%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes soft-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(230%)skew(-18deg)}}@keyframes success-pop{0%{box-shadow:0 0 0 0 var(--green-soft);transform:scale(.98)}45%{box-shadow:0 0 0 8px var(--green-soft);transform:scale(1.035)}to{box-shadow:0 10px 24px var(--green-soft);transform:scale(1)}}@keyframes icon-bounce{0%{transform:translateY(0)rotate(0)}38%{transform:translateY(-3px)rotate(-7deg)}70%{transform:translateY(1px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}button{color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink)}a{color:inherit}code{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:6px;padding:4px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.app{grid-template-columns:260px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;gap:22px;height:100svh;padding:18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}.auth-shell{background:var(--bg);place-items:center;min-height:100svh;padding:22px;display:grid}.auth-panel{border:1px solid var(--line);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow);border-radius:8px;gap:22px;padding:22px;display:grid}.auth-form{gap:14px;display:grid}.auth-form h1{font-size:28px}.auth-form p{color:var(--muted)}.user-panel{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.user-panel strong,.user-panel small{display:block}.user-panel small{color:var(--muted);text-transform:capitalize}.tabs{gap:6px;display:grid}.tabs button,.secondary-btn,.primary-btn,.danger-btn,.row,.file-input{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-weight:720;text-decoration:none;transition:transform .14s,border-color .18s,background .18s,box-shadow .18s,color .18s;display:inline-flex}.tabs button{background:0 0;border-color:#0000;justify-content:flex-start}.tabs button.active,.tabs button:hover,.row.active,.row:hover{border-color:var(--line-strong);background:var(--surface-raised)}.tabs button.active{animation:.22s action-pop}.tabs button:hover,.row:hover,.secondary-btn:hover,.danger-btn:hover,.file-input:hover{transform:translateY(-1px)}.tabs button:active,.row:active,.secondary-btn:active,.primary-btn:active,.danger-btn:active,.file-input:active,.combo-control button:active,.date-control button:active,.week-buttons button:active,.icon-danger-btn:active,.theme-toggle button:active,.color-swatches button:active{transform:scale(.97)}.primary-btn{border-color:var(--green-strong);background:var(--green-strong);color:#fff;position:relative;overflow:hidden}.secondary-btn,.danger-btn{position:relative;overflow:hidden}.primary-btn:hover{box-shadow:0 10px 22px var(--green-soft);transform:translateY(-1px)}.primary-btn:after{content:"";pointer-events:none;background:#ffffff38;width:34px;height:180%;position:absolute;top:-40%;left:0;transform:translate(-130%)skew(-18deg)}.primary-btn:hover:after{animation:.72s shimmer}.primary-btn.is-success,.secondary-btn.is-success{border-color:var(--green);animation:.62s cubic-bezier(.2,.8,.2,1) success-pop}.primary-btn.is-success{background:var(--green);color:#fff}.secondary-btn.is-success{background:var(--green-soft);color:var(--ink)}.primary-btn.is-success svg,.secondary-btn.is-success svg{animation:.52s icon-bounce}.danger-btn{border-color:var(--red-line);color:var(--red)}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled{opacity:.55;cursor:not-allowed}.theme-toggle{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:auto;padding:4px;transition:background .22s,border-color .22s;display:grid}.theme-toggle button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-weight:760;transition:transform .16s,background .22s,border-color .22s,color .22s;display:inline-flex}.theme-toggle button.active{border-color:var(--line);background:var(--surface-raised);color:var(--ink);animation:.22s action-pop}.workspace{min-width:0;padding:26px}.view{gap:20px;display:grid}.view-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.view-header h1{font-size:30px}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;transition:background .22s,border-color .22s,box-shadow .22s;animation:.22s both soft-enter}.split-layout{grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr);align-items:start;gap:18px;display:grid}.side-list{max-height:calc(100svh - 120px);padding:14px;overflow:auto}.list{gap:8px;margin-top:12px;display:grid}.row{text-align:left;justify-content:flex-start;gap:2px;width:100%;display:grid}.row strong,.row span{display:block}.row span,.muted{color:var(--muted)}.upload-form{border-bottom:1px solid var(--line);gap:10px;padding-bottom:14px;display:grid}.file-input{background:var(--field);border-style:dashed;justify-content:center;min-height:56px}.file-input input{display:none}.editor{gap:18px;padding:18px;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-header p{color:var(--muted)}.actions{flex-wrap:wrap;gap:10px;display:flex}.items-editor{gap:12px;display:grid}.items-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.items-header h3{margin:0}.items-header span{color:var(--muted);font-size:13px;font-weight:760}.new-item-row,.item-row-editor{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.item-list-editor{gap:8px;display:grid}.item-row-editor{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;padding:8px;transition:transform .14s,border-color .18s,background .18s;animation:.18s both soft-enter}.item-row-editor:hover{border-color:var(--line-strong);transform:translateY(-1px)}.new-item-row input,.item-row-editor input{border:1px solid var(--line);background:var(--field);width:100%;min-height:40px;color:var(--ink);border-radius:8px;padding:9px 11px}.icon-danger-btn{border:1px solid var(--red-line);background:var(--field);width:40px;height:40px;color:var(--red);cursor:pointer;border-radius:8px;place-items:center;transition:transform .14s,border-color .18s,background .18s;display:inline-grid}.form-grid,.generate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid.compact,.generate-grid.compact{gap:10px}.generate-grid{margin-top:6px}.workspace-shell{grid-template-columns:minmax(420px,1.05fr) minmax(360px,.95fr);align-items:start;gap:18px;display:grid}.document-preview{grid-template-rows:auto minmax(420px,1fr);min-height:calc(100svh - 128px);display:grid;overflow:hidden}.document-preview .panel-header{border-bottom:1px solid var(--line);padding:16px}.document-preview iframe{background:var(--preview-bg);border:0;width:100%;height:100%;min-height:620px}.docx-preview{min-height:420px;color:var(--muted);align-content:center;place-items:center;gap:10px;display:grid}.fill-panel{gap:18px;padding:18px;display:grid}.shared-fields{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px;padding:14px 0;display:grid}.field{color:var(--ink);gap:6px;font-weight:720;display:grid}.field input,.field select,.field textarea,.combo-control input,.date-control input,.variable-card input,.variable-card select{border:1px solid var(--line);background:var(--field);width:100%;min-height:40px;color:var(--ink);border-radius:8px;padding:9px 11px}.field textarea{resize:vertical}.combo-control,.date-control,.week-control{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.combo-control button,.date-control button,.week-buttons button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-weight:720;transition:transform .14s,border-color .18s,background .18s;display:inline-flex}.secondary-btn:hover,.danger-btn:hover,.combo-control button:hover,.date-control button:hover,.week-buttons button:hover,.icon-danger-btn:hover{background:var(--surface-raised);border-color:var(--line-strong)}.week-buttons{grid-template-columns:repeat(3,58px);gap:6px;display:grid}.week-buttons button{justify-content:center;padding:8px}.week-preview{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink);border-radius:8px;align-items:center;padding:7px 10px;font-weight:760;display:flex}.combo-control button{justify-content:center;width:42px;padding:8px}.combo-control button:disabled{opacity:.45;cursor:not-allowed}.field-meta{min-height:18px;color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:760;display:inline-flex}.download-control{justify-items:end;gap:5px;display:inline-grid}.check-field{min-height:40px;color:var(--ink);align-items:center;gap:8px;font-weight:720;display:inline-flex}.rules-block{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;gap:12px;padding:14px;display:grid}.rules-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.rules-header h3{margin:0}.rule-list{gap:10px;display:grid}.rule-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(180px,1.2fr) minmax(180px,.9fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.variable-card-list{gap:14px;display:grid}.variable-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;gap:14px;padding:14px;display:grid}.variable-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.variable-card-header div{gap:5px;display:grid}.variable-card-header span{color:var(--muted);font-size:13px;font-weight:760}.variable-card-header .check-field{flex:none}.variable-card input[type=checkbox]{width:auto;min-height:auto}.variable-main-grid,.appearance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.appearance-block{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:12px;padding:14px;display:grid}.appearance-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.appearance-heading h4{color:var(--ink);margin:0;font-size:15px}.appearance-heading span{color:var(--muted);font-size:12px;font-weight:760}.appearance-grid{grid-template-columns:minmax(160px,1.2fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(86px,.45fr)}.color-panel{grid-template-columns:110px minmax(180px,1fr) minmax(160px,.9fr);align-items:end;gap:12px;display:grid}.color-panel input[type=color]{min-width:100%;padding:4px}.color-swatches{grid-template-columns:repeat(8,28px);align-content:end;gap:8px;padding-bottom:6px;display:grid}.color-swatches button{border:1px solid var(--line-strong);cursor:pointer;border-radius:50%;width:28px;height:28px;transition:transform .14s,border-color .18s,outline-color .18s}.color-swatches button.active{outline:3px solid var(--green-soft);border-color:var(--green);transform:scale(1.08)}.color-swatches button:hover{transform:scale(1.12)}.style-preview{border:1px solid var(--line);background:var(--field);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;min-height:42px;padding:8px 11px;display:flex;overflow:hidden}.alert{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px 14px}.alert.error{border-color:var(--red-line);background:var(--red-soft);color:var(--red)}.empty-panel{min-height:240px;color:var(--muted);place-items:center;font-weight:720;display:grid}.history-list{gap:0;padding:8px;display:grid}.history-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:background .18s;display:grid}.history-row:hover{background:var(--surface-raised)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.history-row:last-child{border-bottom:0}.history-row strong,.history-row span{display:block}.history-row span{color:var(--muted)}@media (width<=1120px){.app,.split-layout,.workspace-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.side-list{max-height:none}.document-preview{min-height:560px}.appearance-grid,.color-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.workspace{padding:16px}.tabs,.form-grid,.generate-grid,.combo-control,.date-control,.week-control,.new-item-row,.item-row-editor,.rule-row,.variable-main-grid,.appearance-grid,.color-panel,.history-row{grid-template-columns:1fr}.variable-card-header,.rules-header{display:grid}.color-swatches{grid-template-columns:repeat(8,28px)}.week-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.document-preview iframe{min-height:440px}.view-header,.panel-header{display:grid}}