:root{--ink:#24323a;--muted:#68777c;--cream:#f5efe3;--paper:#fffdf8;--accent:#c7a45b;--line:#ddd4c3;--danger:#8f2c2c;--ok:#315f47;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,input,textarea,select{font:inherit}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.shell{max-width:1240px;margin:auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.brand h1{font-size:26px;line-height:1;margin:0 0 5px;letter-spacing:-.03em}.brand p{margin:0;color:var(--muted);font-size:13px}.top-actions,.actions,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 13px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.gold{background:#94712f}.btn.danger{background:#fff0ed;color:#742525;border:1px solid #e0a3a3}.btn.ok{background:var(--ok)}.btn.small{font-size:11px;padding:6px 9px}.badge{border:1px solid #d8c793;background:#fff8e8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #24323a14;overflow:hidden}.steps{display:flex;gap:6px;overflow:auto;padding:10px;background:#f8f4ec;border-bottom:1px solid var(--line);scrollbar-width:none}.step{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.step.active{background:var(--ink);border-color:var(--ink);color:#fff}.editor{padding:18px}.editor h2{font-size:22px;margin:0 0 4px}.hint{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.45}.notice{padding:11px 12px;border:1px solid #cbd5d8;background:#eef4f5;border-radius:12px;font-size:12px;line-height:1.45;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:850;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#fff;color:var(--ink);outline:none}.field textarea{min-height:82px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c7a45b29}.editor-actions{border-top:1px solid var(--line);padding:14px 18px;background:#faf7f1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.save-note{font-size:12px;color:var(--muted);margin-left:auto}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.theme{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 8px;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.theme.active{outline:2px solid var(--accent)}.swatches{display:flex;gap:3px;margin-bottom:6px}.swatches i{width:16px;height:16px;border-radius:50%;border:1px solid #0001}.section-list,.item-list{display:grid;gap:9px}.section-row,.item{border:1px solid var(--line);border-radius:13px;background:#fff;padding:11px}.section-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.section-row input{width:19px;height:19px}.section-row b,.item b{font-size:13px}.section-row small{display:block;color:var(--muted);font-size:10px}.item.draft{border-color:#8eaa94;background:#fbfdfb}.item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.draft-note{font-size:10px;color:#52705d;font-weight:700;margin-bottom:8px}.item-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.item-fields .full{grid-column:1/-1}.addbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 9px}.addbar h3{margin:0;font-size:16px}.add{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:850;cursor:pointer}.empty{border:1px dashed var(--line);border-radius:12px;padding:14px;color:var(--muted);font-size:12px;text-align:center;background:#fffdfa}.preview-wrap{position:sticky;top:12px}.preview-label{display:flex;justify-content:space-between;margin:0 0 8px;font-size:12px}.phone{background:#151a1d;padding:8px;border-radius:28px;box-shadow:0 16px 42px #14191b38}.screen{--gink:#24323a;--gmuted:#68777c;--gpaper:#fffdf8;--gcream:#f5efe3;--gaccent:#c7a45b;--gline:#ddd4c3;--gwelcome:#fff8e8;--gicon:#f6f0e3;background:var(--gpaper);border-radius:21px;overflow-y:auto;min-height:690px;max-height:82vh}.screen.coastal{--gink:#23404a;--gmuted:#607980;--gpaper:#fbfeff;--gcream:#eaf5f7;--gaccent:#4f92a6;--gline:#cfe0e4;--gwelcome:#eef9fb;--gicon:#e4f2f5}.screen.olive{--gink:#344138;--gmuted:#6b766e;--gpaper:#fffef9;--gcream:#f1f2e7;--gaccent:#7f8f52;--gline:#d8dcc8;--gwelcome:#f5f6ea;--gicon:#ecefdf}.screen.terracotta{--gink:#4a342d;--gmuted:#7a675f;--gpaper:#fffdfa;--gcream:#f8ede7;--gaccent:#b8684d;--gline:#e3d0c5;--gwelcome:#fff3ec;--gicon:#f8e8df}.screen.slate{--gink:#253039;--gmuted:#69747b;--gpaper:#fbfcfd;--gcream:#edf0f2;--gaccent:#6f8494;--gline:#d5dce0;--gwelcome:#f0f4f6;--gicon:#e8edf0}.screen.midnight{--gink:#14263d;--gmuted:#607083;--gpaper:#fbfcff;--gcream:#e9f0f7;--gaccent:#2f67a5;--gline:#cfdae6;--gwelcome:#edf4fb;--gicon:#e3edf7}.screen.forest{--gink:#1f352a;--gmuted:#65756c;--gpaper:#fbfefb;--gcream:#e9f2ec;--gaccent:#3f7a58;--gline:#cfddd4;--gwelcome:#edf6ef;--gicon:#e2eee6}.screen.burgundy{--gink:#452331;--gmuted:#7a6570;--gpaper:#fffafd;--gcream:#f6eaf0;--gaccent:#9a4762;--gline:#e5ced8;--gwelcome:#faeef3;--gicon:#f3e2e9}.screen.ochre{--gink:#45351d;--gmuted:#786a55;--gpaper:#fffdf8;--gcream:#f8efdc;--gaccent:#b67a24;--gline:#e6d8bb;--gwelcome:#fff4df;--gicon:#f6e8c9}.screen.teal{--gink:#163c3b;--gmuted:#607875;--gpaper:#fafffe;--gcream:#e5f3f1;--gaccent:#2f817c;--gline:#c9dfdc;--gwelcome:#eaf8f6;--gicon:#ddf0ed}.ghead{position:sticky;top:0;z-index:2;background:var(--gink);color:#fff;padding:13px}.gtop{display:flex;align-items:center;gap:9px}.gmark{width:38px;height:38px;border:1.5px solid var(--gaccent);border-radius:11px;display:grid;place-items:center;font-weight:900;overflow:hidden}.gmark img{width:100%;height:100%;object-fit:contain}.gbrand{flex:1;min-width:0}.gbrand strong{display:block;font-size:14px}.gbrand span{font-size:11px;color:#d4dcde}.homebtn{border:1px solid #ffffff47;background:#0002;color:#fff;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}.gmain{padding:16px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--gaccent)}.gmain h2{font-size:27px;margin:6px 0 7px}.lede{font-size:13px;line-height:1.4;color:var(--gmuted)}.welcome{border:1px solid var(--gaccent);background:var(--gwelcome);border-radius:14px;padding:12px;margin:13px 0;font-size:12px;line-height:1.4}.search{width:100%;border:1px solid var(--gline);border-radius:11px;padding:10px 11px;background:#fff;color:var(--gink);font-size:12px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.tile{border:1px solid var(--gline);background:#fff;border-radius:14px;min-height:108px;padding:11px;text-align:left;color:var(--gink);box-shadow:0 5px 16px #24323a12;cursor:pointer}.tile .ico{width:32px;height:32px;border-radius:10px;background:var(--gicon);display:grid;place-items:center}.tile strong{display:block;font-size:12px;line-height:1.18;margin:9px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile small{display:block;font-size:10px;color:var(--gmuted);line-height:1.3}.card{border:1px solid var(--gline);background:#fff;border-radius:13px;padding:11px;margin:8px 0;box-shadow:0 3px 10px #24323a0d;overflow:hidden}.card img{width:calc(100% + 22px);margin:-11px -11px 10px;aspect-ratio:4/3;object-fit:cover}.card b{display:block;font-size:13px}.card p{font-size:12px;line-height:1.42;color:var(--gmuted);margin:5px 0}.card a{display:inline-block;background:var(--gink);color:#fff;text-decoration:none;border-radius:8px;padding:7px 8px;font-size:11px;font-weight:800;margin:4px 4px 0 0}.back{border:0;background:none;color:var(--gaccent);font-weight:900;padding:4px 0 10px;cursor:pointer}.gfooter{text-align:center;padding:16px;font-size:10px;color:var(--gmuted);background:var(--gcream)}.auth{max-width:440px;margin:9vh auto;padding:24px}.auth h1{margin:0 0 6px}.auth .panel{padding:22px}.property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.property-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.property-card h3{margin:0 0 5px}.property-card p{font-size:12px;color:var(--muted)}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(480px,100%);max-height:90vh;overflow:auto;background:var(--paper);border-radius:16px;padding:20px}.hidden{display:none!important}.toast{position:fixed;right:18px;bottom:18px;background:var(--ink);color:#fff;padding:11px 14px;border-radius:11px;font-size:12px;box-shadow:0 8px 30px #0003;z-index:40}@media(max-width:900px){.layout{grid-template-columns:1fr}.preview-wrap{position:static}.phone{max-width:430px;margin:auto}.screen{max-height:none}.shell{padding:11px}}@media(max-width:620px){.form-grid,.item-fields{grid-template-columns:1fr}.field.full,.item-fields .full{grid-column:auto}.theme-grid{grid-template-columns:repeat(2,1fr)}.save-note{width:100%;margin-left:0}.topbar{align-items:flex-start}.brand h1{font-size:23px}}