@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-vietnamese-400-normal.1sl-kw9vnef9y.woff2)format("woff2"),url(../media/inter-vietnamese-400-normal.3206qgbkgsfc6.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-vietnamese-500-normal.1csmxjt29l4d6.woff2)format("woff2"),url(../media/inter-vietnamese-500-normal.315hfdijg963m.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-vietnamese-600-normal.0m_wd36g8rw-r.woff2)format("woff2"),url(../media/inter-vietnamese-600-normal.0dwa77f5pp57q.woff)format("woff")}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(../media/inter-vietnamese-700-normal.0b-htgf_q_fie.woff2)format("woff2"),url(../media/inter-vietnamese-700-normal.2c7g6fvsrqi3p.woff)format("woff")}
@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(../media/inter-vietnamese-400-italic.0ifpw0qjrnqt8.woff2)format("woff2"),url(../media/inter-vietnamese-400-italic.08k5zgl8e-azp.woff)format("woff")}
@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(../media/inter-vietnamese-700-italic.2bp1l1sj8i1_d.woff2)format("woff2"),url(../media/inter-vietnamese-700-italic.3cd4zdvoadj2y.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-vietnamese-400-normal.0el3w1f323_ft.woff2)format("woff2"),url(../media/roboto-vietnamese-400-normal.3yjogq51r79bs.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-vietnamese-500-normal.1ebuu7in76si4.woff2)format("woff2"),url(../media/roboto-vietnamese-500-normal.1dukhg-6a9_ds.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:600;src:url(../media/roboto-vietnamese-600-normal.3q2q-_it7kl15.woff2)format("woff2"),url(../media/roboto-vietnamese-600-normal.3545nbvwh7mgi.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(../media/roboto-vietnamese-700-normal.15rw8no6bdg-7.woff2)format("woff2"),url(../media/roboto-vietnamese-700-normal.2dskjprrc59sq.woff)format("woff")}
@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:400;src:url(../media/roboto-vietnamese-400-italic.2qxcs4kw6g9q1.woff2)format("woff2"),url(../media/roboto-vietnamese-400-italic.3ndqzqmrss4qh.woff)format("woff")}
@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:700;src:url(../media/roboto-vietnamese-700-italic.2ggp-6xv_c9s7.woff2)format("woff2"),url(../media/roboto-vietnamese-700-italic.3s_sv822xcqnj.woff)format("woff")}
@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(../media/poppins-latin-400-normal.26axoheojcvao.woff2)format("woff2"),url(../media/poppins-latin-400-normal.3ljb2hz1-w8db.woff)format("woff")}
@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(../media/poppins-latin-500-normal.01tiwsu2c6vk3.woff2)format("woff2"),url(../media/poppins-latin-500-normal.2oe8cx0p3dt__.woff)format("woff")}
@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(../media/poppins-latin-600-normal.14nztc_w4mkh_.woff2)format("woff2"),url(../media/poppins-latin-600-normal.112z-3ilvt19k.woff)format("woff")}
@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(../media/poppins-latin-700-normal.3raw8inii9jva.woff2)format("woff2"),url(../media/poppins-latin-700-normal.2_x1nd8dnflsk.woff)format("woff")}
@font-face{font-family:Poppins;font-style:italic;font-display:swap;font-weight:400;src:url(../media/poppins-latin-400-italic.3r3qb_cv9oh4s.woff2)format("woff2"),url(../media/poppins-latin-400-italic.0zuy66kzl1z8r.woff)format("woff")}
@font-face{font-family:Poppins;font-style:italic;font-display:swap;font-weight:700;src:url(../media/poppins-latin-700-italic.3wycb44snc9ut.woff2)format("woff2"),url(../media/poppins-latin-700-italic.0imd1xwuv6_o-.woff)format("woff")}
@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-vietnamese-400-normal.2e3w2ra98lvu-.woff2)format("woff2"),url(../media/montserrat-vietnamese-400-normal.10q_1vj085f0j.woff)format("woff")}
@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(../media/montserrat-vietnamese-500-normal.3m3--9eiwpfa1.woff2)format("woff2"),url(../media/montserrat-vietnamese-500-normal.16g69emz7gzq5.woff)format("woff")}
@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(../media/montserrat-vietnamese-600-normal.1pu7qyaio4m1g.woff2)format("woff2"),url(../media/montserrat-vietnamese-600-normal.1-9dt2mxg6a4p.woff)format("woff")}
@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(../media/montserrat-vietnamese-700-normal.2wtsr_8826mee.woff2)format("woff2"),url(../media/montserrat-vietnamese-700-normal.1o9lmaytaon5-.woff)format("woff")}
@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:400;src:url(../media/montserrat-vietnamese-400-italic.0489n1xastyky.woff2)format("woff2"),url(../media/montserrat-vietnamese-400-italic.126n0qd_xx3pz.woff)format("woff")}
@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:700;src:url(../media/montserrat-vietnamese-700-italic.07zchlr1k89t_.woff2)format("woff2"),url(../media/montserrat-vietnamese-700-italic.05zu496l7gzmp.woff)format("woff")}
@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:400;src:url(../media/raleway-vietnamese-400-normal.0chm1n0ijn9er.woff2)format("woff2"),url(../media/raleway-vietnamese-400-normal.3w9kat4x0mw09.woff)format("woff")}
@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:500;src:url(../media/raleway-vietnamese-500-normal.0xk5o3feu31qc.woff2)format("woff2"),url(../media/raleway-vietnamese-500-normal.1920532_yrbnr.woff)format("woff")}
@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:600;src:url(../media/raleway-vietnamese-600-normal.3_tzzo5-3n-tc.woff2)format("woff2"),url(../media/raleway-vietnamese-600-normal.2ge8qjvv00s3p.woff)format("woff")}
@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:700;src:url(../media/raleway-vietnamese-700-normal.3i0_9khgduvox.woff2)format("woff2"),url(../media/raleway-vietnamese-700-normal.0gn2fxv4li48z.woff)format("woff")}
@font-face{font-family:Raleway;font-style:italic;font-display:swap;font-weight:400;src:url(../media/raleway-vietnamese-400-italic.23v7rripj1o2t.woff2)format("woff2"),url(../media/raleway-vietnamese-400-italic.0jbz5uxldbjjv.woff)format("woff")}
@font-face{font-family:Raleway;font-style:italic;font-display:swap;font-weight:700;src:url(../media/raleway-vietnamese-700-italic.41hxjy5sdhifo.woff2)format("woff2"),url(../media/raleway-vietnamese-700-italic.0jgqa01agyvrn.woff)format("woff")}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:400;src:url(../media/oswald-vietnamese-400-normal.1u8b2yfybjyj0.woff2)format("woff2"),url(../media/oswald-vietnamese-400-normal.1yv0jsj_o74bg.woff)format("woff")}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(../media/oswald-vietnamese-500-normal.1fm0x80qxatz-.woff2)format("woff2"),url(../media/oswald-vietnamese-500-normal.43dzym6co03wm.woff)format("woff")}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(../media/oswald-vietnamese-600-normal.2g0s-_a0d3a1n.woff2)format("woff2"),url(../media/oswald-vietnamese-600-normal.1tosf_8_bb10b.woff)format("woff")}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(../media/oswald-vietnamese-700-normal.1uv0pgn-tvelr.woff2)format("woff2"),url(../media/oswald-vietnamese-700-normal.0ah3fu2f3_i8m.woff)format("woff")}
@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(../media/bebas-neue-latin-400-normal.2cmc76j2knfd_.woff2)format("woff2"),url(../media/bebas-neue-latin-400-normal.366o6889yliib.woff)format("woff")}
@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(../media/playfair-display-vietnamese-400-normal.0q3yacfprjd_s.woff2)format("woff2"),url(../media/playfair-display-vietnamese-400-normal.2ipqp0g7w0zt-.woff)format("woff")}
@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:500;src:url(../media/playfair-display-vietnamese-500-normal.0g7c2n5h729wk.woff2)format("woff2"),url(../media/playfair-display-vietnamese-500-normal.2ww8jq3ceza-n.woff)format("woff")}
@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(../media/playfair-display-vietnamese-600-normal.3l4yq8rr185yv.woff2)format("woff2"),url(../media/playfair-display-vietnamese-600-normal.0el_fhyxxbuot.woff)format("woff")}
@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(../media/playfair-display-vietnamese-700-normal.3ikbikflos2-s.woff2)format("woff2"),url(../media/playfair-display-vietnamese-700-normal.0mm3a3rstgo6-.woff)format("woff")}
@font-face{font-family:Playfair Display;font-style:italic;font-display:swap;font-weight:400;src:url(../media/playfair-display-vietnamese-400-italic.01m0g2gjzt1fh.woff2)format("woff2"),url(../media/playfair-display-vietnamese-400-italic.389wa9epbm755.woff)format("woff")}
@font-face{font-family:Playfair Display;font-style:italic;font-display:swap;font-weight:700;src:url(../media/playfair-display-vietnamese-700-italic.0h-j8hpwl1x36.woff2)format("woff2"),url(../media/playfair-display-vietnamese-700-italic.0zk1kgee_2au-.woff)format("woff")}
@font-face{font-family:Merriweather;font-style:normal;font-display:swap;font-weight:400;src:url(../media/merriweather-vietnamese-400-normal.36ohs5bviavpj.woff2)format("woff2"),url(../media/merriweather-vietnamese-400-normal.26csx_srxwcdv.woff)format("woff")}
@font-face{font-family:Merriweather;font-style:normal;font-display:swap;font-weight:500;src:url(../media/merriweather-vietnamese-500-normal.3fs-ihf96-7cu.woff2)format("woff2"),url(../media/merriweather-vietnamese-500-normal.2ptu09e-qtpsg.woff)format("woff")}
@font-face{font-family:Merriweather;font-style:normal;font-display:swap;font-weight:600;src:url(../media/merriweather-vietnamese-600-normal.3qpnvcvbc0nqv.woff2)format("woff2"),url(../media/merriweather-vietnamese-600-normal.2ooegu5d67gbk.woff)format("woff")}
@font-face{font-family:Merriweather;font-style:normal;font-display:swap;font-weight:700;src:url(../media/merriweather-vietnamese-700-normal.0z1_cq3er2rou.woff2)format("woff2"),url(../media/merriweather-vietnamese-700-normal.0o5wggltbi3qw.woff)format("woff")}
@font-face{font-family:Merriweather;font-style:italic;font-display:swap;font-weight:400;src:url(../media/merriweather-vietnamese-400-italic.3hqqn69b3sg-g.woff2)format("woff2"),url(../media/merriweather-vietnamese-400-italic.2_orgyk6wi9r_.woff)format("woff")}
@font-face{font-family:Merriweather;font-style:italic;font-display:swap;font-weight:700;src:url(../media/merriweather-vietnamese-700-italic.0aaqfy08bxs_o.woff2)format("woff2"),url(../media/merriweather-vietnamese-700-italic.0pjrdxrb_kn7p.woff)format("woff")}
@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(../media/lora-vietnamese-400-normal.2ltd2_r1gv4kn.woff2)format("woff2"),url(../media/lora-vietnamese-400-normal.2vmf47q41n49u.woff)format("woff")}
@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:500;src:url(../media/lora-vietnamese-500-normal.33dri-s-snv37.woff2)format("woff2"),url(../media/lora-vietnamese-500-normal.1hz_g46z5q-_6.woff)format("woff")}
@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:600;src:url(../media/lora-vietnamese-600-normal.1xk7e9r-jbjun.woff2)format("woff2"),url(../media/lora-vietnamese-600-normal.0hj3x0ks_2obz.woff)format("woff")}
@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(../media/lora-vietnamese-700-normal.3qlbfjlqjhx65.woff2)format("woff2"),url(../media/lora-vietnamese-700-normal.42-3mcm67o2et.woff)format("woff")}
@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:400;src:url(../media/lora-vietnamese-400-italic.2qmplfs6alosu.woff2)format("woff2"),url(../media/lora-vietnamese-400-italic.1jetamq03jyew.woff)format("woff")}
@font-face{font-family:Lora;font-style:italic;font-display:swap;font-weight:700;src:url(../media/lora-vietnamese-700-italic.26ukerge0s91m.woff2)format("woff2"),url(../media/lora-vietnamese-700-italic.0h1zo0k7ebfsy.woff)format("woff")}
@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(../media/pacifico-vietnamese-400-normal.3ht0iew7zl-oi.woff2)format("woff2"),url(../media/pacifico-vietnamese-400-normal.203mi494-jzos.woff)format("woff")}
@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dancing-script-vietnamese-400-normal.2l3h51b774cpw.woff2)format("woff2"),url(../media/dancing-script-vietnamese-400-normal.0j80f-og7a8bv.woff)format("woff")}
@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dancing-script-vietnamese-500-normal.16p82y166w7q8.woff2)format("woff2"),url(../media/dancing-script-vietnamese-500-normal.16hwt1vcuw-im.woff)format("woff")}
@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:600;src:url(../media/dancing-script-vietnamese-600-normal.3ww1cc23nc27d.woff2)format("woff2"),url(../media/dancing-script-vietnamese-600-normal.2noeo6f6_8sip.woff)format("woff")}
@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:700;src:url(../media/dancing-script-vietnamese-700-normal.3r0mxe094kjyd.woff2)format("woff2"),url(../media/dancing-script-vietnamese-700-normal.16jaayni9wzd-.woff)format("woff")}

:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef1f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}code{color:#0f172a;background:#e8eef7;border-radius:6px;padding:2px 6px;font-size:.92em}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.42}#root{height:100vh;min-height:100vh}.auth-page,.project-list-page{color:#111827;background:radial-gradient(circle at 10% 8%,#0891b229,#0000 28%),radial-gradient(circle at 88% 12%,#0f172a1a,#0000 28%),linear-gradient(#f8fafc 0%,#edf2f7 100%);min-height:100vh}.project-list-page{background:#f3f6fa;grid-template-columns:264px minmax(0,1fr);display:grid}.project-detail-page{color:#111827;background:#0f172a;min-height:100vh;padding:24px clamp(14px,4vw,34px) 34px}.auth-shell{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:clamp(28px,6vw,76px);width:min(1120px,100% - 36px);min-height:100vh;margin:0 auto;padding:56px 0;display:grid}.auth-brand,.project-list-back{color:#0f172a;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:inline-flex}.project-list-sidebar{background:#0f172a;border-right:1px solid #ffffff14;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.project-list-brand{color:#fff;align-items:center;gap:12px;min-height:42px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.project-list-brand-mark{color:#0f172a;background:#67e8f9;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.project-list-nav{gap:6px;margin-top:32px;display:grid}.project-list-nav a,.project-list-nav button,.project-list-sidebar-footer button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.project-list-nav a:hover,.project-list-nav button:hover,.project-list-sidebar-footer button:hover,.project-list-nav a.active{color:#fff;background:#ffffff1a}.project-list-sidebar-footer{gap:8px;margin-top:auto;display:grid}.auth-brand-mark{color:#fff;background:#0f172a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.auth-copy h1{color:#0f172a;letter-spacing:0;max-width:620px;margin:42px 0 0;font-size:clamp(40px,6vw,68px);line-height:1}.auth-copy p{color:#475569;max-width:520px;margin:22px 0 0;font-size:18px;line-height:1.65}.auth-security-note{color:#155e75;background:#ecfeff;border:1px solid #a5f3fc;border-radius:8px;align-items:center;gap:10px;margin-top:28px;padding:12px 14px;font-size:13px;font-weight:800;display:inline-flex}.auth-form{background:#fff;border:1px solid #dbe3ee;border-radius:8px;gap:18px;padding:28px;display:grid;box-shadow:0 24px 70px #0f172a24}.auth-form h2{color:#0f172a;margin:0;font-size:28px}.auth-form p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.5}.auth-field{color:#334155;gap:8px;font-size:13px;font-weight:900;display:grid}.auth-input-shell{color:#64748b;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.auth-input-shell:focus-within{color:#0f172a;background:#fff;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21f}.auth-input-shell input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-width:0}.auth-error,.project-list-error{color:#b42318;background:#fff1f0;border:1px solid #ffccc7}.auth-error{border-radius:8px;margin:0;padding:12px 14px;font-size:13px;font-weight:800}.auth-submit,.auth-google,.project-list-actions button,.project-list-actions a{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex}.auth-submit{color:#fff;background:#0f172a;box-shadow:0 14px 30px #0f172a29}.auth-google{color:#0f172a;background:#fff;border:1px solid #dbe3ee}.auth-google-mark{color:#fff;background:#2563eb;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.project-list-shell{width:min(1260px,100% - 48px);margin:0 auto;padding:38px 0}.project-list-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.project-list-header h1{color:#0f172a;letter-spacing:0;margin:0;font-size:clamp(32px,4vw,48px);line-height:1}.project-list-header p{color:#64748b;margin:14px 0 0;font-size:15px}.project-list-actions{flex-wrap:wrap;gap:10px;display:flex}.project-list-actions button,.project-list-actions a{color:#0f172a;background:#fff;border:1px solid #dbe3ee;text-decoration:none}.project-list-actions a,.project-list-actions button.primary{color:#fff;background:#0f172a;border-color:#0f172a}.project-list-error{border-radius:8px;align-items:center;gap:10px;margin-top:22px;padding:14px;font-size:14px;font-weight:800;display:flex}.project-list-inline-error{color:#b42318;background:#fff1f0;border:1px solid #ffccc7;border-radius:8px;align-items:center;gap:10px;margin:18px 18px 0;padding:12px;font-size:13px;font-weight:800;display:flex}.project-list-panel{background:#fff;border:1px solid #dbe3ee;border-radius:8px;margin-top:24px;overflow:hidden;box-shadow:0 22px 56px #0f172a1a}.project-list-panel-head{color:#0f172a;border-bottom:1px solid #e5edf6;align-items:center;gap:10px;min-height:58px;padding:0 18px;display:flex}.project-list-panel-head span{color:#64748b;margin-left:auto;font-size:13px;font-weight:800}.project-list-filters{flex-wrap:wrap;gap:8px;padding:14px 18px 0;display:flex}.project-list-filters button{color:#475569;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;min-height:34px;padding:0 12px;font-size:13px;font-weight:900}.project-list-filters button.active{color:#fff;background:#0f172a;border-color:#0f172a}.project-list-table{display:grid;overflow-x:auto}.project-list-row{border-bottom:1px solid #edf2f7;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) minmax(220px,1fr);min-width:720px;display:grid}.project-list-row.header{color:#475569;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:900}.project-list-row span{overflow-wrap:anywhere;min-width:0;padding:14px 18px}.project-list-row.clickable{cursor:pointer}.project-list-row.clickable:hover,.project-list-row.clickable:focus{background:#f0f9ff;outline:0}.project-list-empty{color:#64748b;text-align:center;padding:38px 18px;font-weight:800}.project-list-json{color:#d1e7ff;background:#0f172a;max-height:320px;margin:0;padding:18px;font-size:12px;line-height:1.5;overflow:auto}.project-card-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:16px;padding:18px;display:grid}.project-card{color:#0f172a;text-align:left;background:#fff;border:1px solid #e5edf6;border-radius:8px;min-width:0;min-height:224px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a14}.project-card-open{width:100%;min-height:224px;color:inherit;text-align:left;background:0 0;border:0;grid-template-rows:126px 1fr;padding:0;display:grid}.project-card:hover,.project-card:focus-within{border-color:#0891b2;outline:0;transform:translateY(-1px);box-shadow:0 18px 38px #0891b229}.project-card-open:focus{outline:0}.project-card-delete{z-index:2;color:#b91c1c;background:#ffffffeb;border:1px solid #fecaca;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 8px 18px #7f1d1d1f}.project-card-delete:hover,.project-card-delete:focus{color:#fff;background:#dc2626;border-color:#dc2626;outline:0}.project-card-preview{color:#0e7490;background:linear-gradient(135deg,#0891b21f,#0000 50%),#f8fafc;border-bottom:1px solid #e5edf6;place-items:center;min-height:0;display:grid}.project-card-body{align-content:start;gap:8px;min-width:0;padding:14px 16px 18px;display:grid}.project-card-body strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;line-height:1.25;overflow:hidden}.project-card-body span{color:#64748b;font-size:13px;font-weight:800}.project-card-meta{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.project-card-body .project-card-badge{color:#0e7490;text-transform:uppercase;background:#ecfeff;border:1px solid #a5f3fc;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.project-card-id{color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0 16px 16px;font-size:12px;font-weight:800;overflow:hidden}.project-detail-header{color:#fff;justify-content:space-between;align-items:flex-end;gap:18px;max-width:1180px;margin:0 auto 18px;display:flex}.project-detail-header .project-list-back{color:#cbd5e1}.project-detail-header h1{letter-spacing:0;overflow-wrap:anywhere;margin:12px 0 0;font-size:clamp(26px,4vw,42px);line-height:1}.project-detail-header p{color:#94a3b8;margin:10px 0 0;font-size:14px}.project-detail-actions{align-items:center;gap:12px;display:flex}.project-detail-save-status{color:#cbd5e1;white-space:nowrap;align-items:center;gap:8px;min-height:38px;font-size:13px;font-weight:900;display:inline-flex}.project-detail-save-status.saved{color:#bbf7d0}.project-detail-save-status.error{color:#fecaca}.project-detail-header button{color:#0f172a;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:14px;font-weight:900;display:inline-flex}.project-detail-error{color:#fecaca;background:#7f1d1d61;border:1px solid #f871716b;border-radius:8px;align-items:center;gap:10px;max-width:1180px;margin:0 auto 18px;padding:14px;font-size:14px;font-weight:800;display:flex}.project-detail-editor{background:#eef1f6;border:1px solid #ffffff29;border-radius:18px;max-width:1180px;height:calc(100vh - 142px);min-height:620px;margin:0 auto;overflow:hidden;box-shadow:0 34px 90px #00000052}.project-detail-editor .workspace.is-demo{grid-template-columns:220px minmax(520px,1fr) 292px;width:100%;height:100%;min-height:0}.project-detail-editor .workspace.is-demo .canvas-workspace{padding:26px 24px 88px}.project-detail-editor .workspace.is-demo .bottom-tools{left:220px;right:292px}.project-detail-editor .desktop-notice-backdrop{display:none}.project-detail-empty{color:#64748b;place-items:center;height:100%;font-weight:900;display:grid}.template-use-page{background:radial-gradient(circle at 10% 8%,#0891b229,#0000 28%),linear-gradient(#f8fafc 0%,#edf2f7 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.template-use-modal{border-color:#dbe3ee}.template-use-modal h2{color:#0f172a}.template-preview-backdrop{padding:18px}.template-preview-modal{background:#fff;border:1px solid #dbe3ee;border-radius:12px;gap:14px;width:min(1040px,100vw - 36px);max-height:calc(100vh - 36px);padding:18px;display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a3d}.template-preview-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.template-preview-header h2{color:#0f172a;margin:0;font-size:20px;line-height:1.2}.template-preview-header p{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:800}.template-preview-stage{background:#eef2f7;border:1px solid #dbe3ee;border-radius:8px;min-height:360px;max-height:min(68vh,760px);overflow:auto}.template-preview-canvas{place-items:start center;min-width:max-content;padding:24px;display:grid}.template-preview-canvas .page-canvas{transform-origin:top;transform:scale(.72)}.landing-page{color:#101828;background:radial-gradient(circle at 14% 10%,#0ea5e929,#0000 30%),radial-gradient(circle at 88% 0,#4f46e524,#0000 30%),linear-gradient(#fff 0%,#f4f7fb 48%,#e9eef7 100%);min-height:100vh;overflow-x:hidden}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border-bottom:1px solid #e2e8f0bd;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.landing-brand{color:#0f172a;background:0 0;align-items:center;gap:10px;font-size:15px;font-weight:900;display:inline-flex}.landing-brand-mark{color:#fff;background:#0f172a;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.landing-nav-actions{align-items:center;gap:18px;display:flex}.landing-nav-actions a{color:#475569;font-size:13px;font-weight:800;text-decoration:none}.landing-nav-cta,.landing-primary,.landing-secondary,.landing-demo-start{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.landing-nav-cta,.landing-primary,.landing-demo-start{color:#fff;background:#0f172a;box-shadow:0 12px 28px #0f172a29}.landing-primary.compact{min-height:38px}.landing-secondary{color:#0f172a;background:#fff;border:1px solid #dbe3ee}.landing-hero{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(34px,6vw,72px);max-width:1220px;min-height:calc(100vh - 72px);margin:0 auto;padding:clamp(52px,8vw,96px) clamp(18px,5vw,42px);display:grid}.landing-hero-copy h1{color:#0f172a;letter-spacing:0;max-width:680px;margin:0;font-size:clamp(42px,6vw,74px);line-height:.98}.landing-hero-copy p{color:#475569;max-width:580px;margin:24px 0 0;font-size:clamp(16px,2vw,20px);line-height:1.65}.landing-hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.landing-hero-media{background:linear-gradient(145deg,#fff,#dbeafe);border:1px solid #dbe3ee;border-radius:26px;min-height:0;padding:14px;display:flex;overflow:hidden;box-shadow:0 30px 80px #0f172a29}.landing-demo-gif{aspect-ratio:800/543;object-fit:cover;border-radius:20px;width:100%;display:block;box-shadow:0 12px 30px #0f172a1f}.ai-guide-page{color:#101828;background:#f4f7fb;min-height:100vh}.ai-guide-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-bottom:1px solid #dbe3ee;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:0 clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.ai-guide-back{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.ai-guide-shell{width:min(1080px,100% - 32px);margin:0 auto;padding:44px 0 72px}.ai-guide-header{padding-bottom:24px}.ai-guide-header p,.ai-guide-header span{color:#64748b;margin:0;font-size:13px;font-weight:900}.ai-guide-header h1{color:#0f172a;letter-spacing:0;max-width:760px;margin:10px 0 12px;font-size:clamp(34px,5vw,56px);line-height:1}.ai-guide-content{color:#0f172a;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #dbe3ee;border-radius:8px;margin:0;padding:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;overflow:auto;box-shadow:0 18px 52px #0f172a14}.landing-feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1160px;margin:0 auto;padding:0 clamp(18px,5vw,42px) 96px;display:grid}.landing-feature{background:#fff;border:1px solid #dbe3ee;border-radius:18px;min-height:220px;padding:28px;box-shadow:0 18px 48px #0f172a14}.landing-feature svg{color:#0891b2}.landing-feature h2,.landing-section-heading h2,.landing-workflow h2,.landing-responsive h2{color:#0f172a;margin:18px 0 0;font-size:clamp(26px,3vw,38px);line-height:1.08}.landing-feature h2{font-size:22px}.landing-feature p,.landing-section-heading p,.landing-workflow p,.landing-ai-builder p,.landing-responsive p{color:#64748b;margin:14px 0 0;font-size:15px;line-height:1.65}.landing-ai-builder{color:#fff;background:linear-gradient(135deg,#0ea5e942,#0000 34%),linear-gradient(135deg,#0f172a,#172554);border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:clamp(22px,4vw,52px);max-width:1160px;margin:0 auto 96px;padding:34px;display:grid;box-shadow:0 30px 76px #0f172a33}.landing-coming-soon{color:#bae6fd;background:#0ea5e91f;border:1px solid #7dd3fc42;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.landing-ai-builder h2{color:#fff;max-width:720px;margin:18px 0 0;font-size:clamp(28px,4vw,48px);line-height:1.04}.landing-ai-builder p{color:#cbd5e1;max-width:720px}.landing-ai-card{color:#e2e8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;gap:18px;min-height:220px;padding:26px;display:grid}.landing-ai-card svg{color:#7dd3fc}.landing-ai-card strong,.landing-ai-card span{display:block}.landing-ai-card strong{color:#fff;font-size:18px;line-height:1.2}.landing-ai-card span{color:#cbd5e1;margin-top:8px;font-size:14px;line-height:1.6}.landing-demo-section{background:#0f172a;padding:92px clamp(14px,4vw,42px)}.landing-section-heading{text-align:center;max-width:820px;margin:0 auto 28px}.landing-section-heading h2{color:#fff}.landing-section-heading p{color:#cbd5e1}.landing-demo-frame{background:#eef1f6;border:1px solid #ffffff29;border-radius:24px;max-width:1180px;height:680px;margin:0 auto;overflow:hidden;box-shadow:0 34px 90px #00000052}.landing-demo-frame .workspace.is-demo{grid-template-columns:220px minmax(520px,1fr) 292px;width:100%;height:680px;min-height:0}.landing-demo-frame .workspace.is-demo .canvas-workspace{padding:26px 24px 88px}.landing-demo-frame .workspace.is-demo .bottom-tools{left:220px;right:292px}.landing-demo-frame .desktop-notice-backdrop{display:none}.landing-demo-start{width:max-content;margin:22px auto 0}.landing-workflow{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);max-width:1180px;margin:0 auto;padding:104px clamp(18px,5vw,42px);display:grid}.landing-workflow-copy ol{counter-reset:workflow;gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.landing-workflow-copy li{color:#334155;counter-increment:workflow;grid-template-columns:38px 1fr;align-items:center;gap:12px;font-size:15px;font-weight:800;display:grid}.landing-workflow-copy li:before{color:#fff;content:counter(workflow);background:#0f172a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.landing-media-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.landing-image-placeholder{color:#64748b;text-align:center;background:#fff;border:1px dashed #b6c4d8;border-radius:18px;place-items:center;min-height:190px;padding:24px;display:grid}.landing-image-placeholder.tall{grid-row:span 2}.landing-image-placeholder span{margin-top:10px;font-size:13px;font-weight:900}.landing-responsive{background:#fff;border:1px solid #dbe3ee;border-radius:22px;justify-content:space-between;align-items:center;gap:28px;max-width:1180px;margin:0 auto 80px;padding:34px;display:flex;box-shadow:0 22px 58px #0f172a1a}.landing-responsive>div{max-width:420px}.landing-responsive svg{color:#0891b2}.landing-responsive h2{margin-top:12px;font-size:clamp(24px,3vw,34px)}.landing-responsive p{max-width:460px}.workspace{background:#eef1f6;grid-template-columns:276px minmax(520px,1fr) 316px;height:100vh;min-height:0;display:grid;overflow:hidden}.left-panel{background:#fff;border-right:1px solid #dfe4ea;flex-direction:column;gap:14px;min-height:0;padding:14px;display:flex}.right-panel{color:#f4f4f5;z-index:80;background:#2b2b2b;border-left:1px solid #171717;min-height:0}.brand-mark{color:#fff;background:#111827;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}button.brand-mark:hover,button.brand-mark:focus{background:#075985;outline:0}.left-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-title-input{color:#111827;text-overflow:ellipsis;background:#f8fafc;border:1px solid #0000;border-radius:8px;flex:1;min-width:0;height:38px;padding:0 10px;font-size:14px;font-weight:900;overflow:hidden}.project-title-input:hover,.project-title-input:focus{background:#fff;border-color:#bae6fd;outline:0;box-shadow:0 0 0 3px #0891b21a}.left-panel-toggle{color:#334155;background:#f1f5f9;border:1px solid #dbe3ee;border-radius:8px;place-items:center;width:36px;height:36px;display:none}.left-panel-toggle:hover{color:#075985;background:#e0f2fe;border-color:#bae6fd}.right-panel-header{display:none}.right-panel-toggle{color:#e5e7eb;background:#333;border:1px solid #484848;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.right-panel-toggle:hover{color:#fff;background:#3f3f46;border-color:#5b6472}.right-panel-title{color:#f4f4f5;font-size:13px;font-weight:900}.drawer-float-toggle{display:none}.desktop-notice-backdrop{z-index:200;background:#0f172a5c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.desktop-notice{color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:14px;width:min(430px,100%);padding:24px;position:relative;box-shadow:0 24px 60px #0f172a3d}.desktop-notice-close{color:#64748b;background:#f8fafc;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.desktop-notice-icon{color:#075985;background:#e0f2fe;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.desktop-notice h2{margin:16px 0 8px;font-size:20px;line-height:1.2}.desktop-notice p{color:#475569;margin:0;font-size:14px;line-height:1.55}.desktop-notice-action{color:#fff;background:#0f172a;border-radius:9px;width:100%;height:40px;margin-top:18px;font-size:13px;font-weight:900}.left-tabs{background:#f1f5f9;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.left-tabs button{color:#64748b;background:0 0;border-radius:6px;height:30px;font-size:12px;font-weight:800}.left-tabs button.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a14}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-heading.compact{margin-bottom:10px}.panel-heading span{color:#64748b;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.layers-panel{min-height:0;padding:0;overflow:auto}.layers-panel .panel-heading{padding:4px 2px 8px}.layers-panel .panel-heading svg{color:#64748b}.layer-list{gap:3px;display:grid}.layer-row{color:#475569;text-align:left;background:0 0;border-radius:7px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:6px;min-height:30px;font-size:13px;font-weight:700;display:grid;position:relative}.layer-row.can-drag{cursor:grab}.layer-row.can-drag:active{cursor:grabbing}.layer-row.is-dragging{opacity:.45}.layer-toggle-button{color:currentColor;background:0 0;border-radius:5px;place-items:center;width:16px;height:24px;display:grid}.layer-toggle-button:hover{background:#0284c71f}.layer-toggle-button svg{transition:transform .12s}.layer-toggle-button svg.expanded{transform:rotate(90deg)}.layer-select-button{min-width:0;height:30px;color:inherit;text-align:left;background:0 0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:0;display:grid}.layer-select-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-row:hover,.layer-row.active{color:#075985;background:#e0f2fe}.layer-row.drop-before:before,.layer-row.drop-after:after{pointer-events:none;content:"";background:#0ea5e9;border-radius:999px;height:2px;position:absolute;left:8px;right:8px}.layer-row.drop-before:before{top:-2px}.layer-row.drop-after:after{bottom:-2px}.layer-type-icon{color:currentColor;opacity:.78}.layer-spacer{width:14px;display:block}.assets-panel{min-height:0;padding:0;overflow:auto}.assets-panel .panel-heading{padding:4px 2px 8px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.asset-tile{color:#334155;cursor:grab;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;gap:7px;min-height:82px;padding:10px 8px;display:grid}.asset-tile:hover{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.asset-tile:active{cursor:grabbing}.asset-tile span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:800;overflow:hidden}.asset-preview-icon{width:28px;height:28px}.asset-drag-preview{z-index:80;color:#075985;pointer-events:none;background:#fff;border:1px solid #7dd3fc;border-radius:10px;place-items:center;gap:6px;min-width:76px;padding:10px 12px;display:grid;position:fixed;transform:translate(14px,14px);box-shadow:0 16px 36px #0f172a3d}.asset-drag-preview .asset-preview-icon{width:30px;height:30px}.asset-drag-preview span{font-size:11px;font-weight:900}.svg-icon-shell{color:#111827}.svg-icon-block{width:100%;height:100%;display:block}.middle{grid-template-rows:62px minmax(0,1fr);min-width:0;height:100vh;min-height:0;display:grid}.top-bar{z-index:40;background:#fff;border-bottom:1px solid #dfe4ea;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:sticky;top:0}.document-pill{color:#111827;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:800;display:flex}.document-pill svg{color:#06b6d4}.top-actions{align-items:center;gap:8px;display:flex}.top-status-actions{align-items:center;gap:8px;min-width:0;display:inline-flex}.autosave-status{color:#64748b;white-space:nowrap;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.autosave-status:disabled{cursor:not-allowed}.autosave-status.saved{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.autosave-status.error{color:#b42318;background:#fff1f0;border-color:#ffccc7;max-width:280px}.autosave-status.pending,.autosave-status.saving{color:#92400e;background:#fffbeb;border-color:#fde68a}.autosave-status span{text-overflow:ellipsis;overflow:hidden}.template-toggle{color:#64748b;white-space:nowrap;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.template-toggle input{opacity:0;pointer-events:none;position:absolute}.template-toggle-box{border:2px solid;border-radius:4px;place-items:center;width:14px;height:14px;display:inline-grid}.template-toggle.active{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}.template-toggle.active .template-toggle-box:after{content:"";border-bottom:2px solid;border-right:2px solid;width:6px;height:8px;transform:translateY(-1px)rotate(45deg)}.template-toggle.saving{color:#92400e;cursor:wait;background:#fffbeb;border-color:#fde68a}.template-toggle:has(input:disabled){cursor:not-allowed}.page-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:2px;display:inline-flex}.page-controls .icon-button{background:0 0;border:0;width:30px;height:30px}.page-select{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:112px;height:30px;padding:0 28px 0 10px;font-size:12px;font-weight:800}.zoom-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:2px;display:inline-flex}.zoom-controls .icon-button{background:0 0;border:0;width:30px;height:30px}.zoom-value{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:54px;height:30px;font-size:12px;font-weight:800;display:inline-flex}.icon-button{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:#0891b2;background:#ecfeff;border-color:#67e8f9}.export-button,.file-button{color:#fff;background:#111827;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.file-dropdown{position:relative}.file-menu,.file-submenu{z-index:90;background:#fff;border:1px solid #dbe3ee;border-radius:10px;width:206px;padding:6px;display:grid;position:absolute;box-shadow:0 18px 44px #0f172a2e}.file-menu{top:calc(100% + 8px);left:0}.file-submenu{display:none;top:-7px;left:calc(100% + 8px)}.file-menu-item,.file-menu button,.file-submenu button{color:#334155;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;min-height:36px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.file-menu-item{justify-content:space-between;position:relative}.file-menu-label{align-items:center;gap:9px;display:inline-flex}.file-menu-item:hover,.file-menu-item:focus-within,.file-submenu button:hover{color:#075985;background:#e0f2fe}.file-menu-item:hover .file-submenu,.file-menu-item:focus-within .file-submenu{display:grid}.export-dropdown{position:relative}.export-menu{z-index:70;background:#fff;border:1px solid #dbe3ee;border-radius:10px;width:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #0f172a2e}.export-menu button{color:#334155;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;height:36px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.export-menu button:hover{color:#075985;background:#e0f2fe}.token-modal-backdrop{z-index:120;background:#0f172a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.token-modal{background:#fff;border:1px solid #dbe3ee;border-radius:12px;gap:14px;width:min(860px,100vw - 48px);max-height:calc(100vh - 48px);padding:18px;display:grid;box-shadow:0 24px 70px #0f172a3d}.token-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.token-modal h2{color:#0f172a;margin:0;font-size:18px;line-height:1.2}.token-modal p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:700}.confirm-modal-backdrop{z-index:130;background:#0f172a75;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-modal{background:#fff;border:1px solid #fee2e2;border-radius:12px;gap:18px;width:min(420px,100vw - 48px);padding:18px;display:grid;box-shadow:0 24px 70px #0f172a3d}.confirm-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.confirm-modal h2{color:#991b1b;margin:0;font-size:18px;line-height:1.2}.confirm-modal p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:700}.confirm-modal-message{color:#334155;margin:0;font-size:14px;line-height:1.5}.confirm-modal-message strong{color:#0f172a}.confirm-modal-close{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.confirm-modal-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-modal-actions button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:900}.confirm-modal-actions button.danger{color:#fff;background:#dc2626;border-color:#dc2626}.confirm-modal-actions button.primary{color:#fff;background:#0f172a;border-color:#0f172a}.token-close{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.token-file-drop{color:#0f172a;text-align:left;background:#f8fafc;border:1px dashed #94a3b8;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:72px;padding:14px 16px;display:flex}.token-file-drop svg{color:#0891b2;flex:none}.token-file-drop span{gap:4px;font-size:13px;font-weight:900;display:grid}.token-file-drop small{color:#64748b;font-size:12px;font-weight:700}.token-file-drop:hover,.token-file-drop.active{background:#ecfeff;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.token-file-drop:disabled{cursor:not-allowed;opacity:.64}.token-textarea{color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:320px;max-height:min(58vh,620px);padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55}.token-textarea:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b224}.token-actions{justify-content:flex-end;gap:10px;display:flex}.token-primary,.token-secondary{border-radius:8px;height:36px;padding:0 14px;font-size:13px;font-weight:900}.token-primary{color:#fff;background:#0891b2}.token-secondary{color:#334155;background:#f8fafc;border:1px solid #dbe3ee}.canvas-workspace{background-color:#eef1f6;background-image:linear-gradient(#dfe4ea 1px,#0000 1px),linear-gradient(90deg,#dfe4ea 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:0;padding:34px 34px 94px;position:relative;overflow:auto}.canvas-workspace.is-space-panning{cursor:grab}.canvas-workspace.is-space-panning *{cursor:grab!important}.canvas-workspace.is-panning,.canvas-workspace.is-panning *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.canvas-scale{zoom:var(--canvas-zoom,1);width:min(860px,100%);min-width:520px;margin:0 auto 48px;position:relative}.pages-stack{justify-items:center;gap:34px;display:grid}.page-workbench{justify-items:center;gap:10px;display:grid}.page-workbench-header{justify-content:center;align-items:center;gap:4px;min-height:28px;display:flex}.page-drag-icon{color:#94a3b8;cursor:grab}.page-workbench:active .page-drag-icon{cursor:grabbing}.page-title-input{color:#334155;text-align:center;background:0 0;border:1px solid #0000;border-radius:7px;width:148px;height:28px;padding:0 10px;font-size:13px;font-weight:900}.page-title-input:hover,.page-title-input:focus,.page-workbench.active .page-title-input{color:#075985;background:#e0f2fe;border-color:#bae6fd;outline:none}.page-header-action{color:#64748b;background:0 0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.page-header-action:hover{color:#075985;background:#e0f2fe}.page-workbench-body{cursor:pointer;position:relative}.page-workbench.active .page-workbench-body{cursor:default}.add-page-inline{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:min(280px,100%);height:42px;font-size:14px;font-weight:900;box-shadow:0 8px 20px #0f172a14}.add-page-inline:hover{color:#075985;background:#f0f9ff;border-color:#38bdf8}.page-canvas{border:1px solid #d8dee8;border-radius:2px;align-content:start;min-height:1040px;display:grid;position:relative;box-shadow:0 18px 44px #0f172a1a}.static-page-canvas{pointer-events:none}.static-node-shell,.static-layout-surface,.static-text-block{box-sizing:border-box}.bottom-tools{z-index:30;background:#fff;border:1px solid #dfe4ea;border-radius:10px;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);height:46px;margin:0 auto;padding:5px;display:flex;position:fixed;bottom:18px;left:276px;right:316px;box-shadow:0 14px 36px #0f172a2e}.component-tool{color:#334155;background:0 0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:relative}.component-tool:hover{color:#0284c7;background:#e0f2fe}.component-tool.active{color:#fff;background:#0ea5e9}.component-tool:after{z-index:10;color:#f8fafc;pointer-events:none;content:attr(data-tip);opacity:0;background:#111827;border-radius:6px;min-width:max-content;padding:6px 8px;font-size:12px;font-weight:700;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(4px)}.component-tool:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.creation-preview{z-index:12;pointer-events:none;background:#0ea5e91a;border:1.5px solid #0ea5e9;border-radius:8px;position:absolute}.selection-marquee{z-index:15;pointer-events:none;background:#0ea5e91f;border:1.5px solid #0ea5e9;border-radius:4px;position:fixed}.dimension-badge{z-index:7;color:#fff;white-space:nowrap;pointer-events:none;background:#0b5cad;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;min-width:max-content;height:24px;padding:0 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute;box-shadow:0 8px 22px #0f172a38}.creation-dimension-badge,.node-dimension-badge{bottom:-31px;left:50%;transform:translate(-50%)}.point-creation-preview{z-index:13;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.measurement-line{z-index:14;pointer-events:none;background:#ef4444;position:fixed;box-shadow:0 0 0 1px #ffffff73}.measurement-line.h{height:1px}.measurement-line.v{width:1px}.measurement-line span{color:#fff;white-space:nowrap;background:#b91c1c;border-radius:5px;justify-content:center;align-items:center;min-width:26px;height:20px;padding:0 6px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute}.measurement-line.h span,.measurement-line.v span{top:50%;left:50%;transform:translate(-50%,-50%)}.node-shell,.page-canvas{position:relative}.node-shell{min-width:0}.node-shell:not(.is-fixed){max-width:100%}.layout-surface.layout-grid>.node-shell:not(.is-fixed){width:100%!important}.node-shell.is-fixed{z-index:2;position:absolute}.node-shell.is-hovered:after,.page-canvas.is-selected:after{pointer-events:none;content:"";border:1.5px solid #06b6d4;border-radius:8px;position:absolute;inset:-3px}.node-focus-frame{z-index:20;pointer-events:none;border:1.5px solid #06b6d4;border-radius:8px;position:absolute;box-shadow:0 0 0 3px #06b6d414}.layout-surface.is-nesting-target-pending,.layout-surface.is-nesting-target-ready{outline-offset:-6px}.layout-surface.is-nesting-target-pending{outline:2px dashed #0ea5e98c;box-shadow:inset 0 0 0 9999px #0ea5e90a}.layout-surface.is-nesting-target-ready{outline:2px solid #0ea5e9;box-shadow:inset 0 0 0 9999px #0ea5e914,0 0 0 4px #0ea5e924}.page-canvas.is-selected:before{content:"";background:#06b6d4;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-12px;right:-12px;box-shadow:0 2px 8px #0f172a33}.is-exporting .page-canvas{box-shadow:none}.is-exporting .layout-surface.is-nesting-target-pending,.is-exporting .layout-surface.is-nesting-target-ready{box-shadow:none;outline:none}.is-exporting .node-shell.is-hovered:after,.is-exporting .node-shell.is-selected:after,.is-exporting .page-canvas.is-selected:after,.is-exporting .node-shell.is-selected:before,.is-exporting .page-canvas.is-selected:before,.is-exporting .node-focus-frame,.is-exporting .node-move-handle,.is-exporting .node-resize-handle,.is-exporting .dimension-badge,.is-exporting .measurement-line,.is-exporting .selection-marquee,.is-exporting .creation-preview{display:none!important}.node-move-handle,.node-resize-handle{z-index:6;pointer-events:auto;border:1px solid #0ea5e9;position:absolute;box-shadow:0 4px 12px #0f172a2e}.node-move-handle{color:#fff;cursor:grab;background:#0ea5e9;border-radius:7px;place-items:center;width:30px;height:28px;display:grid;top:-34px;left:0}.node-move-handle:active{cursor:grabbing}.node-resize-handle{cursor:nwse-resize;background:#fff;border-radius:3px;width:12px;height:12px;padding:0;bottom:-7px;right:-7px}.text-block{overflow-wrap:anywhere;white-space:pre-wrap;width:100%;height:100%;margin:0;line-height:1.14;overflow:hidden}.text-lexical-shell,.text-content{width:100%;min-height:100%;display:block}.text-lexical-shell{height:100%}.text-content{max-width:100%;height:auto;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere}.lexical-paragraph{margin:0}.lexical-text-bold{font-weight:700}.lexical-text-italic{font-style:italic}.text-content[contenteditable=true]{cursor:text;-webkit-user-select:text;user-select:text;outline:none}.text-content[contenteditable=true]:focus{outline-offset:2px;outline:1px solid #0ea5e98c}.inline-format-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.inline-format-controls button{color:#e5e7eb;background:#333;border:1px solid #414141;border-radius:6px;place-items:center;height:32px;display:grid}.inline-format-controls button:hover{background:#3d3d3d;border-color:#525252}.image-block{object-fit:cover;width:100%;height:100%;display:block}.shape-svg,.shape-image{width:100%;height:100%;display:block}.shape-image-fill{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.shape-stroke-layer{z-index:1;pointer-events:none;position:relative}.shape-image{border-style:solid}.is-cropping-image{cursor:grab}.is-cropping-image:active{cursor:grabbing}.inspector{height:100vh;min-height:0;padding:0;overflow:auto}.empty-panel{color:#a3a3a3;text-align:center;align-content:center;justify-items:center;gap:10px;display:grid}.empty-panel p{max-width:220px;margin:0;font-size:13px;line-height:1.45}.inspector.empty-panel{padding:24px}.group-delete-button{color:#fff;background:#b91c1c;border-radius:7px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.inspector-top{z-index:5;background:#2b2b2b;border-bottom:1px solid #414141;justify-content:space-between;align-items:center;min-height:58px;padding:12px 14px;display:flex;position:sticky;top:0}.inspector-top span{color:#a3a3a3;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.inspector-top strong{color:#fff;font-size:13px;line-height:1.2;display:block}.inspector-top-actions{gap:6px;display:flex}.inspector-top-actions button{color:#d4d4d4;background:#343434;border:1px solid #454545;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.inspector-top-actions button:hover:not(:disabled){color:#fff;background:#454545}.inspector-section{border-bottom:1px solid #414141;padding:13px 14px 14px}.inspector-section-title{color:#d4d4d4;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.inspector-section-title strong{font-size:12px;font-weight:800}.inspector-section-title svg{color:#d4d4d4}.field{gap:8px;margin-bottom:10px;display:grid}.field>span{color:#b4b4b4;font-size:11px;font-weight:700}.field input[type=text],.field select,.field textarea{color:#f5f5f5;background:#383838;border:1px solid #505050;border-radius:6px;outline:none;width:100%;font-size:12px}.field input[type=text]{height:32px;padding:0 10px}.field select,.select-control{color:#f5f5f5;background:#383838;border:1px solid #505050;border-radius:6px;outline:none;height:32px;padding:0 10px;font-size:12px}.field textarea{resize:vertical;min-height:72px;padding:10px}.field input[type=range]{accent-color:#0ea5e9;width:100%}.control-grid{gap:8px;margin-bottom:10px;display:grid}.control-grid.two{grid-template-columns:1fr 1fr}.control-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.control-label,.number-control>span{color:#b4b4b4;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.number-control{min-width:0}.compact-number{color:#f5f5f5;background:#383838;border:1px solid #505050;border-radius:6px;grid-template-columns:18px 1fr auto;align-items:center;min-width:0;height:30px;padding:0 8px;display:grid}.compact-number.disabled{opacity:.52}.compact-number input:disabled{cursor:not-allowed}.compact-number span,.compact-number em{color:#c7c7c7;font-size:11px;font-style:normal;font-weight:800}.compact-number input{color:#f5f5f5;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px;font-weight:700}.compact-number input::-webkit-outer-spin-button{appearance:none;margin:0}.compact-number input::-webkit-inner-spin-button{appearance:none;margin:0}.segmented{background:#383838;border-radius:6px;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;padding:2px;display:grid}.segmented.full{margin-bottom:10px}.field .segmented{width:100%}.layout-toggle{background:#383838;border-radius:7px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px;padding:3px;display:grid}.layout-toggle button,.layout-toggle .toggle-file-button{color:#d4d4d4;background:0 0;border-radius:5px;height:28px;font-size:12px;font-weight:800}.layout-toggle .toggle-file-button{cursor:pointer;grid-auto-flow:column;place-content:center;align-items:center;gap:6px;display:inline-grid}.layout-toggle button.active{color:#fff;background:#0b5cad}.layout-toggle button:disabled{color:#777;cursor:not-allowed}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.segmented button{color:#d4d4d4;background:0 0;border-radius:5px;place-items:center;min-width:32px;height:26px;display:grid}.segmented button:hover,.segmented button.active{color:#fff;background:#4a4a4a}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button,.swatches .color-picker{border:1px solid #5b5b5b;border-radius:50%;width:24px;height:24px;padding:0;overflow:hidden}.swatches .transparent-swatch{background-color:#fff;background-image:linear-gradient(45deg,#d4d4d4 25%,#0000 25%),linear-gradient(-45deg,#d4d4d4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d4d4d4 75%),linear-gradient(-45deg,#0000 75%,#d4d4d4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:relative}.swatches .transparent-swatch:after{content:"";background:#ef4444;border-radius:999px;position:absolute;inset:10px 3px;transform:rotate(-45deg)}.swatches .color-text{color:#f5f5f5;background:#2f2f2f;border:1px solid #5b5b5b;border-radius:6px;outline:none;width:86px;height:24px;padding:0 8px;font-size:11px;font-weight:700}.swatches button.active{outline-offset:2px;outline:2px solid #0ea5e9}.compact-field{margin-bottom:0}.compact-field .swatches{background:#383838;border:1px solid #505050;border-radius:6px;align-items:center;min-height:30px;padding:0 8px}.compact-field>span{display:none}.inspector-checkbox{color:#f5f5f5;align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.inspector-checkbox input{accent-color:#0ea5e9;width:20px;height:20px;margin:0}.toggle-button{color:#d4d4d4;background:#383838;border:1px solid #505050;border-radius:6px;align-items:center;gap:8px;width:max-content;height:30px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.toggle-button.active{color:#fff;background:#0b5cad;border-color:#2383e2}.muted-control{color:#a3a3a3;background:#333;border:1px dashed #505050;border-radius:6px;align-items:center;min-height:30px;padding:0 9px;font-size:12px;font-weight:700;display:flex}.inspector-note{color:#9ca3af;margin:-2px 0 8px;font-size:11px;line-height:1.4}@media (max-width:1040px){.workspace{grid-template-columns:230px minmax(420px,1fr) 296px}.bottom-tools{left:230px;right:296px}.left-panel{padding:12px}}@media (max-width:900px){.landing-nav{gap:12px;min-height:68px;padding:0 14px}.landing-brand span:last-child{display:none}.landing-nav-actions{gap:10px}.landing-nav-actions a{display:none}.landing-hero,.landing-workflow{grid-template-columns:1fr}.landing-hero{min-height:auto;padding-top:54px}.landing-hero-media{border-radius:20px}.landing-feature-strip{grid-template-columns:1fr;padding-bottom:68px}.landing-ai-builder{border-radius:20px;grid-template-columns:1fr;margin:0 12px 72px;padding:24px}.landing-ai-card{min-height:180px}.landing-demo-section{padding:72px 10px}.landing-demo-frame{contain:layout paint;border-radius:18px;max-width:100%;height:620px}.landing-demo-frame .workspace.is-demo{flex-direction:column;width:100%;max-width:100%;height:620px;min-height:0;display:flex;overflow:hidden}.landing-demo-frame .workspace.is-demo .middle{width:100%;max-width:100%;height:620px;min-height:0;overflow:hidden}.landing-demo-frame .workspace.is-demo .canvas-workspace{height:544px;min-height:0;padding:16px 12px 86px}.landing-demo-frame .workspace.is-demo .bottom-tools{left:12px;right:12px}.landing-demo-frame .workspace.is-demo .left-panel,.landing-demo-frame .workspace.is-demo .right-panel,.landing-demo-frame .workspace.is-demo .drawer-float-toggle{position:absolute}.landing-demo-frame .workspace.is-demo .drawer-float-toggle{top:50%}.landing-media-grid{grid-template-columns:1fr}.landing-image-placeholder.tall{grid-row:auto}.landing-responsive{flex-direction:column;align-items:flex-start;margin:0 12px 56px;padding:24px}#root{height:auto;min-height:100dvh}.workspace{flex-direction:column;height:auto;min-height:100dvh;display:flex;overflow:visible}.left-panel-toggle{display:grid}.drawer-float-toggle{z-index:140;color:#334155;background:#fff;border:1px solid #dbe3ee;place-items:center;width:50px;height:58px;display:grid;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 14px 34px #0f172a2e}.drawer-float-toggle.left{border-radius:0 12px 12px 0;left:0}.drawer-float-toggle.right{color:#e5e7eb;background:#2b2b2b;border-color:#484848;border-radius:12px 0 0 12px;right:0}.drawer-float-toggle.is-hidden{display:none}.left-panel{z-index:120;border-width:1px;border-radius:0 12px 12px 0;width:min(320px,100vw - 24px);max-height:none;transition:transform .18s;position:fixed;top:12px;bottom:12px;left:0;overflow:auto;transform:translate(0);box-shadow:0 18px 48px #0f172a38}.left-panel.collapsed{overflow:visible;transform:translate(-100%)}.right-panel{z-index:120;border-width:1px;border-radius:12px 0 0 12px;width:min(340px,100vw - 24px);max-height:none;transition:transform .18s;position:fixed;top:12px;bottom:12px;right:0;overflow:auto;transform:translate(0);box-shadow:0 18px 48px #0f172a3d}.right-panel.collapsed{overflow:visible;transform:translate(100%)}.right-panel-header{z-index:2;background:#2b2b2b;border-bottom:1px solid #3f3f46;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex;position:sticky;top:0}.inspector{height:auto;min-height:220px}.middle{grid-template-rows:auto minmax(520px,1fr);width:100%;min-width:0;max-width:100%;height:auto;min-height:720px;overflow:hidden}.top-bar{flex-direction:column;align-items:stretch;gap:8px;min-height:76px;padding:8px 10px}.document-pill{justify-content:space-between;width:100%}.top-actions{-webkit-overflow-scrolling:touch;width:100%;min-width:0;padding-bottom:2px;overflow-x:auto}.top-actions>*{flex:none}.top-status-actions{justify-content:flex-end;width:100%}.autosave-status,.template-toggle{justify-content:flex-end}.file-menu{width:auto;position:fixed;top:78px;left:10px;right:10px}.file-submenu{width:100%;box-shadow:none;margin:4px 0 4px 22px;position:static}.canvas-workspace{width:100%;max-width:100%;padding:18px 18px 78px;overflow:auto}.bottom-tools{bottom:12px;left:12px;right:12px}.canvas-scale{width:100%;min-width:0}.page-canvas{width:100%;min-height:860px;gap:16px!important;padding:28px!important}.node-shell:not(.is-fixed){width:100%!important}.text-shell:not(.is-fixed),.image-shell:not(.is-fixed){height:auto!important}.text-block{height:auto}}@media (max-width:760px){.auth-shell{grid-template-columns:1fr;min-height:auto;padding:32px 0}.auth-copy h1{margin-top:28px}.auth-form{padding:20px}.project-list-page{display:block}.project-list-sidebar{height:auto;padding:14px;position:static}.project-list-nav{grid-template-columns:1fr 1fr;margin-top:16px}.project-list-sidebar-footer{margin-top:14px}.project-list-shell{width:min(100% - 24px,720px);padding:24px 0}.project-list-header{flex-direction:column;align-items:stretch}.project-list-actions{width:100%}.project-list-actions button,.project-list-actions a{flex:140px}.project-card-grid{grid-template-columns:1fr;padding:12px}.project-detail-page{padding:18px 12px 24px}.project-detail-header,.project-detail-actions{flex-direction:column;align-items:stretch}.project-detail-save-status{justify-content:center}.project-detail-header button{width:100%}.project-detail-editor{height:720px;min-height:720px}.project-detail-editor .workspace.is-demo{grid-template-columns:1fr}.project-detail-editor .workspace.is-demo .middle{width:100%;min-width:0}.project-detail-editor .workspace.is-demo .canvas-workspace{padding:18px 18px 78px}.project-detail-editor .workspace.is-demo .bottom-tools{left:12px;right:12px}.project-detail-editor .workspace.is-demo .left-panel,.project-detail-editor .workspace.is-demo .right-panel,.project-detail-editor .workspace.is-demo .drawer-float-toggle{display:none}}