@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');:root{--ink:#14202d;--accent:#ad7437;--hair:#d8e0e7}*{box-sizing:border-box}body{font-family:'DM Sans',system-ui,sans-serif;background:#f5f7f9;color:var(--ink)}.peazzy-top{background:#14202d;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,3vw,50px);flex-wrap:wrap}.peazzy-top>a{color:white;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:12px}.peazzy-top nav{display:flex;gap:18px;flex-wrap:wrap}.peazzy-top nav a{color:#e9eff6;text-decoration:none}.peazzy-top nav a:hover{text-decoration:underline}.studio-grid{display:grid;grid-template-columns:205px minmax(0,1fr) 260px;gap:18px;max-width:1480px;margin:22px auto;padding:0 18px;align-items:start}.studio-panel,.studio-stage{background:white;border:1px solid var(--hair);border-radius:14px;box-shadow:0 8px 25px #14202d0a;padding:20px}.studio-stage{min-width:0}.studio-canvas-shell{margin:20px auto;max-width:800px;width:100%;border:2px dashed #bbcbd7;border-radius:10px;background:repeating-linear-gradient(45deg,#f6f6f6 0,#f6f6f6 12px,#fff 12px,#fff 24px)}#studio-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.studio-btn{display:block;width:100%;margin:8px 0;padding:10px;border-radius:7px;border:1px solid #d0d6de;background:#f8fafb;color:#14202d;text-align:left}.studio-btn:hover{background:#e9f2f8}.studio-hint{font-size:.85rem;color:#667587}.studio-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-actions .btn{white-space:nowrap}.layer-item{border:1px solid var(--hair);border-radius:6px;padding:7px;margin:4px 0;cursor:pointer}.layer-item[aria-selected=true]{border-color:#ad7437;background:#fff6eb}.studio-field{width:100%;padding:8px 10px;border:1px solid var(--hair);border-radius:7px}.studio-status{min-height:25px;margin-top:10px;font-size:.9rem}.studio-status[data-error=true]{color:#af2f35}.studio-status[data-error=false]{color:#1c6b40}@media(max-width:1100px){.studio-grid{grid-template-columns:170px minmax(0,1fr)}.studio-properties{grid-column:1/-1}}@media(max-width:700px){.studio-grid{display:flex;flex-direction:column}.studio-grid>*{width:100%}.studio-actions{width:100%}.studio-actions .btn{flex:1 0 44%}.peazzy-top{justify-content:center}#studio-canvas{touch-action:none}}