:root{color:#181a1f;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #b4232a;--accent-strong: #941b22;--accent-soft: #fff1f2;--bg: #f7f8fb;--surface: #ffffff;--surface-subtle: #fbfcfe;--text: #181a1f;--muted: #68707d;--border: #e1e5ec;--border-strong: #ccd3dd;--shadow: 0 22px 60px rgba(18, 24, 38, .1)}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(180,35,42,.08),transparent 310px),var(--bg)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{min-height:40px;border:1px solid var(--border);border-radius:8px;padding:.62rem .9rem;color:var(--text);background:var(--surface);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover:not(:disabled),a:hover{border-color:var(--border-strong);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(180,35,42,.18);outline-offset:2px}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:.76rem .85rem;color:var(--text);background:#fff;transition:border-color .16s ease,box-shadow .16s ease}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:#b4232a8c;box-shadow:0 0 0 4px #b4232a1a;outline:none}input.invalid{border-color:var(--accent)}label{display:grid;gap:.42rem}label span{color:#404650;font-size:.88rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0}.landing-page{min-height:100vh}.landing-nav,.landing-hero,.content-band,.landing-footer{width:min(1120px,calc(100% - 2rem));margin:0 auto}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0}.brand-mark,.brand-button{display:inline-flex;align-items:baseline;gap:.55rem;color:var(--text);font-weight:800;text-decoration:none}.brand-mark small{color:var(--muted);font-size:.78rem;font-weight:700}.brand-button{border:0;padding:0;min-height:auto;background:transparent;font-size:1.05rem}.brand-button:hover{transform:none}.text-link,.link-button{border:0;padding:0;color:var(--accent);background:transparent;font-weight:800;text-decoration:none}.link-button{min-height:auto}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:4rem;align-items:center;min-height:620px;padding:3rem 0 5rem}.hero-copy{max-width:710px}.eyebrow{margin-bottom:.9rem;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.11em}.hero-copy h1{max-width:760px;margin-bottom:1.1rem;font-size:3.35rem;line-height:1.02}.hero-text{max-width:660px;color:#424955;font-size:1.08rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;align-items:center;margin-top:2rem}.primary-link,.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--accent);border-radius:8px;padding:.72rem 1.05rem;color:#fff;background:var(--accent);box-shadow:0 12px 24px #b4232a2e;font-weight:800;text-decoration:none}.primary-link:hover,.primary-button:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong)}.primary-button.compact{min-height:38px;padding:.55rem .78rem}.secondary-button{border-color:#b4232a40;color:var(--accent);background:var(--accent-soft);font-weight:800}.small-note{color:var(--muted);font-size:.92rem;font-weight:700}.hero-panel{border:1px solid var(--border);border-radius:18px;padding:1rem;background:#ffffffe0;box-shadow:var(--shadow)}.panel-top,.profile-preview-grid,.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.panel-top{margin-bottom:1rem;font-weight:900}.panel-top b{border-radius:999px;padding:.24rem .54rem;color:var(--accent);background:var(--accent-soft);font-size:.78rem}.profile-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-preview-grid div{min-height:92px;border:1px solid var(--border);border-radius:12px;padding:.9rem;background:var(--surface-subtle)}.profile-preview-grid p{margin-bottom:1rem;color:var(--muted);font-size:.83rem;font-weight:800}.profile-preview-grid span{font-size:1.35rem;font-weight:900}.preview-list{display:grid;gap:.55rem;margin:1rem 0;padding:0;list-style:none}.preview-list li{border:1px solid var(--border);border-radius:10px;padding:.72rem .85rem;background:#fff;color:#303642;font-weight:750}.preview-actions span{flex:1;border-radius:8px;padding:.7rem;color:var(--accent);background:var(--accent-soft);text-align:center;font-size:.88rem;font-weight:900}.content-band{padding:4.4rem 0;border-top:1px solid var(--border)}.section-copy{max-width:800px}.section-copy h2,.section-heading h2,.limit-section h2{margin-bottom:.9rem;font-size:2rem}.section-copy p{max-width:760px;color:#424955;font-size:1.04rem;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.35rem}.feature-card{min-height:190px;border:1px solid var(--border);border-radius:12px;padding:1.2rem;background:var(--surface)}.feature-card h3{margin-bottom:.7rem;font-size:1.05rem}.feature-card p{margin:0;color:var(--muted);line-height:1.65}.limit-section{padding-bottom:3rem}.limit-list{display:grid;gap:.8rem;max-width:560px;margin:1.2rem 0 0;padding:0;list-style:none}.limit-list li{position:relative;padding-left:1.3rem;color:#404650;font-weight:700}.limit-list li:before{position:absolute;left:0;color:var(--accent);content:"-"}.landing-footer{padding:1.8rem 0 2.4rem;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.app-page{width:min(1440px,calc(100% - 2rem));min-height:100vh;margin:0 auto;padding:1rem 0 2rem}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:56px}.app-title-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:2rem 0 1.25rem}.app-title-row h1{margin-bottom:.5rem;font-size:2.35rem;line-height:1.1}.app-title-row p:last-child{margin:0;color:var(--muted);font-size:1rem}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:1rem;align-items:start}.profile-list-panel,.editor-panel{border:1px solid var(--border);border-radius:14px;background:#ffffffeb;box-shadow:0 12px 36px #1218260f}.profile-list-panel{position:sticky;top:1rem;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--border)}.panel-heading h2{margin-bottom:.15rem;font-size:1.05rem}.panel-heading p,.editor-header p,.bulk-header p{margin:0;color:var(--muted);font-size:.9rem}.profile-list{display:grid;gap:.7rem;max-height:calc(100vh - 220px);overflow:auto;padding:.85rem}.profile-list-card{border:1px solid var(--border);border-radius:12px;background:#fff}.profile-list-card.active{border-color:#b4232a8c;box-shadow:0 0 0 4px #b4232a14}.profile-select{display:grid;width:100%;min-height:auto;border:0;border-radius:12px 12px 0 0;padding:.9rem;background:transparent;text-align:left}.profile-select:hover{background:var(--surface-subtle);transform:none}.profile-name{margin-bottom:.35rem;font-weight:900}.profile-groups,.profile-counts,.profile-date{color:var(--muted);font-size:.84rem;line-height:1.45}.profile-counts{color:#404650;font-weight:750}.profile-date{margin-top:.45rem}.profile-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0 .85rem .85rem}.profile-card-actions button{min-height:34px;padding:.45rem .55rem;font-size:.84rem}.danger-button{color:#a31d25}.danger-button:hover:not(:disabled){border-color:#b4232a59;background:var(--accent-soft)}.editor-panel{padding:1rem}.empty-editor{min-height:420px;display:grid;place-items:center}.editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.35rem .35rem 1rem}.editor-header h2{margin-bottom:.35rem;font-size:1.35rem}.editor-actions,.copy-actions,.bulk-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.editor-actions button,.copy-actions button,.bulk-actions button{min-height:36px;padding:.52rem .72rem;font-size:.9rem}.editor-section{border-top:1px solid var(--border);padding:1rem .35rem}.form-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:1rem}.field-error{margin:.55rem 0 0;color:var(--accent);font-size:.88rem;font-weight:800}.group-title-row,.group-tool-row,.bulk-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.count-pill{border:1px solid rgba(180,35,42,.18);border-radius:999px;padding:.5rem .7rem;color:var(--accent);background:var(--accent-soft);font-weight:900}.group-tool-row{margin-top:.9rem}.search-label{max-width:420px}.single-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;margin-top:.9rem}.value-list{display:grid;gap:.5rem;margin-top:1rem}.value-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto auto;gap:.45rem;align-items:center;min-height:52px;border:1px solid var(--border);border-radius:10px;padding:.4rem;background:#fff}.checkbox-cell{display:grid;place-items:center}.checkbox-cell input{width:18px;height:18px;accent-color:var(--accent)}.value-text{overflow-wrap:anywhere;font-weight:760}.value-row button{min-height:34px;padding:.42rem .58rem;font-size:.84rem}.bulk-header h3{margin-bottom:.35rem;font-size:1.05rem}.bulk-header select{min-width:220px}.bulk-header+textarea{margin-top:.9rem}.bulk-actions{justify-content:flex-start;margin-top:.7rem}.empty-state{display:grid;justify-items:start;gap:.7rem;padding:1.2rem}.empty-state h2,.empty-state h3{margin:0}.empty-state p{margin:0;color:var(--muted);line-height:1.55}.empty-state.small{border:1px dashed var(--border-strong);border-radius:10px;padding:1rem;background:var(--surface-subtle)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#14181f80}.modal{width:min(760px,100%);border:1px solid var(--border);border-radius:16px;padding:1rem;background:var(--surface);box-shadow:var(--shadow)}.modal-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-header h2{margin-bottom:.35rem;font-size:1.25rem}.modal-header p{margin:0;color:var(--muted)}.icon-button{min-width:70px}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.8rem}.toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:50;display:grid;gap:.5rem;width:min(360px,calc(100% - 2rem))}.toast{border:1px solid rgba(180,35,42,.28);border-radius:10px;padding:.78rem .9rem;color:#70141a;background:#fff8f8;box-shadow:0 16px 40px #1218261f;font-weight:800}@media (max-width: 1040px){.landing-hero{grid-template-columns:1fr;gap:2rem;min-height:auto}.hero-panel{max-width:620px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.workspace{grid-template-columns:1fr}.profile-list-panel{position:static}.profile-list{max-height:none}.editor-header,.app-title-row{align-items:stretch;flex-direction:column}.editor-actions,.copy-actions{justify-content:flex-start}.form-grid,.group-title-row,.group-tool-row,.bulk-header{grid-template-columns:1fr}.search-label,.bulk-header select{max-width:none;min-width:0}}@media (max-width: 640px){.landing-nav,.landing-hero,.content-band,.landing-footer,.app-page{width:min(100% - 1rem,100%)}.landing-nav{padding-top:.9rem}.brand-mark{display:grid;gap:.1rem}.landing-hero{padding:2.2rem 0 3.2rem}.hero-copy h1{font-size:2.35rem;line-height:1.08}.hero-text{font-size:1rem}.profile-preview-grid,.feature-grid{grid-template-columns:1fr}.content-band{padding:3rem 0}.section-copy h2,.section-heading h2,.limit-section h2{font-size:1.55rem}.app-title-row h1{font-size:1.85rem}.app-header{align-items:flex-start;flex-direction:column;gap:.75rem}.single-add-row{grid-template-columns:1fr}.value-row{grid-template-columns:30px minmax(0,1fr)}.value-row button{width:100%}.value-row button:first-of-type{grid-column:1 / -1}.value-row button:nth-of-type(2),.value-row button:nth-of-type(3){grid-column:span 1}.modal-actions,.bulk-actions,.editor-actions,.copy-actions{display:grid;grid-template-columns:1fr}}