:root{--bg:#f5f5f4;--card:#fff;--text:#111;--muted:#666;--orange:#f97316;--black:#080808;--line:#e7e5e4}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:980px;margin:auto;padding:16px}.hero{background:var(--black);color:white;border-radius:28px;padding:24px;box-shadow:0 20px 40px #0002}.brand-row{display:flex;gap:16px;align-items:center}.logo{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#000}.eyebrow{letter-spacing:.3em;color:var(--orange);font-size:12px}.hero h1{margin:4px 0;font-size:32px}.hero p{color:#cfcfcf;margin:0}.hero-copy{margin-top:18px!important;line-height:1.5}.tabs{position:sticky;top:0;z-index:4;display:flex;gap:8px;overflow:auto;background:#ffffffcc;backdrop-filter:blur(12px);padding:10px;margin:16px 0;border-radius:22px}.tab{border:0;padding:12px 16px;border-radius:16px;background:transparent;font-weight:700;color:#666}.tab.active{background:#111;color:white}.panel{display:none}.panel.active{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:18px;margin-bottom:16px;box-shadow:0 8px 24px #00000008}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:#333;gap:7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px;font:inherit;background:white}textarea{resize:vertical;margin:8px 0}.primary{background:var(--orange)!important;color:white!important;border:0!important}button{border:1px solid var(--line);background:white;border-radius:16px;padding:13px 16px;font-weight:800}button:active{transform:scale(.98)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.preview{width:100%;max-height:360px;object-fit:cover;border-radius:22px;margin-top:14px}.hidden{display:none}.status{color:var(--muted);font-size:14px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery img{width:100%;border-radius:20px;border:1px solid var(--line)}.project{border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:10px}.project b{display:block}.project span{color:var(--muted);font-size:13px}@media(max-width:700px){.grid,.gallery{grid-template-columns:1fr}.hero h1{font-size:26px}.app{padding:12px}.card{border-radius:22px}.brand-row{align-items:flex-start}.logo{width:60px;height:60px}}
