:root{--bg:#08080A;--surface:#15151A;--surface2:#1C1C23;--line:rgba(255,255,255,.09);
  --fg:#fff;--dim:#8E8E99;--dim2:#C6C6CE;--c:#F2B01E;--ok:#37C98B}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{color-scheme:dark;background:#08080A}
html,body{margin:0;background:#08080A;color:var(--fg);font-family:Inter,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased}
body{max-width:540px;margin:0 auto;padding:0 18px 60px;min-height:100vh}
body::before{content:"";position:fixed;inset:-10vh -50vw;background:#08080A;z-index:-1}
button,input,select,textarea{font-family:inherit}

.head{padding:24px 2px 6px}
.plan{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;
  background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c);
  border:1px solid color-mix(in srgb,var(--c) 32%,transparent);font:700 11px Inter}
.head h1{font-family:'Bricolage Grotesque';font-weight:800;font-size:27px;letter-spacing:-.03em;
  margin:12px 0 5px}
.head p{margin:0;font-size:13.5px;color:var(--dim);line-height:1.5}

.saved{position:fixed;left:50%;top:14px;transform:translate(-50%,-70px);z-index:99;
  display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;
  background:var(--ok);color:#06180F;font:700 12.5px Inter;transition:transform .28s cubic-bezier(.2,.9,.3,1)}
.saved.on{transform:translate(-50%,0)}

section{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:19px;
  padding:17px 16px}
section h2{font-family:'Bricolage Grotesque';font-weight:700;font-size:16px;letter-spacing:-.02em;
  margin:0 0 4px}
section .hint{margin:0 0 14px;font-size:12.5px;color:var(--dim);line-height:1.5}
.lock{float:right;font:600 10.5px Inter;color:var(--c);
  background:color-mix(in srgb,var(--c) 14%,transparent);padding:4px 9px;border-radius:99px}

/* estado */
.estado{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.estado button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  padding:14px 13px;border-radius:15px;border:1.5px solid var(--line);background:var(--surface2);
  color:var(--fg);font:700 14px Inter;cursor:pointer;text-align:left;transition:.15s}
.estado button i{width:8px;height:8px;border-radius:99px;background:var(--e);display:block}
.estado button small{font:500 11px Inter;color:var(--dim)}
.estado button[aria-pressed=true]{border-color:var(--e);background:color-mix(in srgb,var(--e) 12%,var(--surface2))}
.stamp{margin:12px 0 0;font:500 12px Inter;color:var(--dim)}
.stamp b{color:var(--ok)}

/* campos */
.f{margin-top:13px}
.f label{display:block;font:600 12px Inter;color:var(--dim2);margin-bottom:6px}
.f input,.f select,.f textarea{width:100%;background:var(--surface2);border:1px solid var(--line);
  border-radius:13px;padding:13px 14px;color:var(--fg);font:500 15px Inter;outline:none}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--c)}
.f textarea{resize:vertical;min-height:74px;line-height:1.5}
.f .sub{margin:6px 0 0;font:500 11.5px Inter;color:var(--dim)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* fotos */
.drop{position:relative;border:1.5px dashed rgba(255,255,255,.18);border-radius:16px;
  min-height:150px;display:grid;place-items:center;text-align:center;padding:22px 16px;
  cursor:pointer;transition:.15s;overflow:hidden}
.drop:active{border-color:var(--c)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin:0 auto 10px;
  background:color-mix(in srgb,var(--c) 15%,transparent)}
.drop .ic svg{width:20px;height:20px;stroke:var(--c);fill:none;stroke-width:1.9;stroke-linecap:round}
.drop b{display:block;font:700 14px Inter;margin-bottom:4px}
.drop span{font:500 12px Inter;color:var(--dim);line-height:1.5}
.cover{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:var(--surface2)}
.cover img{width:100%;height:100%;object-fit:cover;display:block}
.cover .x{position:absolute;top:9px;right:9px;width:32px;height:32px;border-radius:99px;border:0;
  background:rgba(8,8,10,.7);backdrop-filter:blur(10px);color:#fff;font-size:17px;cursor:pointer}
.bar{height:4px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:10px}
.bar i{display:block;height:100%;width:0;background:var(--c);transition:width .25s}
.meta{margin-top:8px;font:500 11.5px Inter;color:var(--dim)}
.meta b{color:var(--ok)}

.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.gal .cell{position:relative;aspect-ratio:1;border-radius:13px;overflow:hidden;background:var(--surface2)}
.gal .cell img{width:100%;height:100%;object-fit:cover}
.gal .cell .x{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:99px;border:0;
  background:rgba(8,8,10,.72);color:#fff;font-size:13px;cursor:pointer;line-height:1}
.gal .add{display:grid;place-items:center;aspect-ratio:1;border-radius:13px;cursor:pointer;
  border:1.5px dashed rgba(255,255,255,.18);position:relative;color:var(--dim);font:600 26px Inter}
.gal .add input{position:absolute;inset:0;opacity:0}

/* vitrina */
.item{display:flex;gap:11px;align-items:center;padding:10px;border-radius:14px;
  background:var(--surface2);margin-top:9px}
.item .th{width:52px;height:52px;border-radius:11px;object-fit:cover;flex:0 0 auto;background:#222}
.item .t{flex:1;min-width:0}
.item .t b{display:block;font:600 14px Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item .t span{font:600 12.5px Inter;color:var(--c)}
.item .x{background:none;border:0;color:var(--dim);font-size:19px;cursor:pointer;padding:4px 6px}
.addBtn{width:100%;margin-top:11px;height:46px;border-radius:99px;border:1px solid var(--line);
  background:transparent;color:var(--fg);font:700 13.5px Inter;cursor:pointer}

/* números */
.nums{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}
.num{background:var(--surface2);border-radius:14px;padding:14px}
.num b{display:block;font-family:'Bricolage Grotesque';font-weight:800;font-size:25px;
  letter-spacing:-.03em;color:var(--c)}
.num span{font:500 11.5px Inter;color:var(--dim)}

/* link privado */
.linkbox{display:flex;align-items:center;gap:10px;background:var(--surface2);border-radius:13px;
  padding:12px 13px;margin-top:11px}
.linkbox code{flex:1;min-width:0;font:500 12px ui-monospace,monospace;color:var(--dim2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.linkbox button{flex:0 0 auto;background:var(--fg);color:var(--bg);border:0;border-radius:99px;
  padding:8px 13px;font:700 12px Inter;cursor:pointer}
.warn{margin:12px 0 0;padding:12px 13px;border-radius:13px;font:500 12px Inter;line-height:1.55;
  background:color-mix(in srgb,var(--c) 9%,transparent);color:var(--dim2);
  border:1px solid color-mix(in srgb,var(--c) 22%,transparent)}
.warn b{color:var(--c)}
.ghost{width:100%;margin-top:11px;height:44px;border-radius:99px;border:1px solid var(--line);
  background:transparent;color:var(--dim2);font:600 13px Inter;cursor:pointer}
.foot{padding:26px 4px 0;font:500 11.5px Inter;color:#5A5A64;line-height:1.65}