:root{--ink:#141414;--muted:#6b6b6b;--field:#f3f3f3;--field-hover:#ebebeb;--accent:#e9743a;--bounce:cubic-bezier(.34, 1.56, .64, 1);color:var(--ink);background:#fff;font-family:Figtree,system-ui,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}main{flex-direction:column;gap:56px;max-width:960px;margin:0 auto;padding:96px 24px 120px;display:flex}header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.logo{border-radius:22px;width:72px;height:72px;margin-bottom:20px;display:block}h1{letter-spacing:-.03em;margin:0;font-family:Poppins,sans-serif;font-size:48px;font-weight:700}header p{color:var(--muted);margin:0;font-size:18px}.input-row{flex-direction:column;align-items:stretch;gap:14px;display:flex}textarea{font:inherit;background:var(--field);resize:none;color:var(--ink);transition:background .2s, transform .4s var(--bounce);border:0;border-radius:28px;outline:none;padding:22px 26px;font-size:18px}textarea::placeholder{color:#9a9a9a}textarea:hover{background:var(--field-hover)}textarea:focus{background:var(--field-hover);transform:scale(1.01)}.btn{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:20px 28px;font-size:18px;font-weight:600}.btn.primary{background:var(--ink);color:#fff}.btn.ghost{background:var(--field);color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.note{color:var(--muted);text-align:center;font-size:14px}.hint{text-align:center;color:var(--muted);margin:16px 0 0;font-size:14px}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.actions .note{flex-basis:100%}.banner-wrap{border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #eee,0 20px 60px -30px #00000040}.banner{background:#fff;transition:background .3s;position:absolute;top:0;left:0}.grid{display:grid;position:absolute}.empty,.tile{height:var(--tile);border-radius:var(--radius)}.tile.text{width:auto}.tile:not(.text),.empty{width:var(--tile)}.tile.empty{background:var(--empty,#efefef);cursor:pointer;place-items:center;transition:background .2s;display:grid}.tile.empty:hover{filter:brightness(.95)}.tile.empty .plus{color:#b5b5b5;font-family:Poppins,sans-serif;font-weight:600;font-size:calc(var(--tile) * .45);opacity:0;line-height:1;transition:opacity .2s}.tile.empty:hover .plus{opacity:1}.tile{touch-action:none;cursor:grab;z-index:1;position:relative}.tile.dragging{z-index:10;cursor:grabbing}.tile-inner{border-radius:var(--radius);background:#f4f4f4;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.tile.dragging .tile-inner{box-shadow:0 30px 50px -20px #0006}.tile-inner img{object-fit:contain;pointer-events:none;width:60%;height:60%}.tile-inner img.full{object-fit:cover;width:100%;height:100%}.tile-letter{color:#fff;width:100%;height:100%;font-family:Poppins,sans-serif;font-weight:700;font-size:calc(var(--tile) * .5);place-items:center;display:grid}.tile-remove{background:var(--ink);color:#fff;cursor:pointer;opacity:0;width:26px;height:26px;transition:transform .35s var(--bounce), opacity .2s;border:0;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:6px;right:6px;transform:scale(0)}.tile-inner:hover .tile-remove{opacity:1;transform:scale(1)}.slider-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.slider-label{color:var(--muted);font-size:14px}.slider-value{background:var(--field);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}input[type=range]{appearance:none;background:var(--field);cursor:pointer;border-radius:999px;outline:none;width:220px;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:26px;height:26px;transition:transform .35s var(--bounce);border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--ink);border:4px solid #fff;border-radius:50%;width:18px;height:18px}.widgets{flex-direction:column;gap:12px;display:flex}.widgets-head{justify-content:space-between;align-items:center;display:flex}.widgets h2{letter-spacing:-.02em;margin:0;font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.btn.small{padding:12px 20px;font-size:15px}.widget-row{align-items:center;gap:10px;display:flex}.widget-row input{font:inherit;background:var(--field);color:var(--ink);border:0;border-radius:999px;outline:none;flex:1;min-width:0;padding:16px 22px;font-size:17px}.widget-row input:focus{background:var(--field-hover)}.seg{background:var(--field);border-radius:999px;padding:4px;display:flex}.seg button{font:inherit;cursor:pointer;color:var(--muted);transition:all .25s var(--bounce);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500}.seg button.on{background:var(--ink);color:#fff}.row-remove{background:var(--field);cursor:pointer;width:36px;height:36px;color:var(--muted);border:0;border-radius:50%;font-size:18px}.row-remove:hover{background:var(--ink);color:#fff}.hint.left{text-align:left;margin:0}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tile-inner.text{place-items:center;padding:0 6%;display:grid}.tile-text{white-space:nowrap;pointer-events:none;line-height:1}.widget-row select{font:inherit;background:var(--field);color:var(--ink);cursor:pointer;border:0;border-radius:999px;outline:none;padding:12px 16px;font-size:15px;font-weight:600}.stepper{background:var(--field);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.stepper button{cursor:pointer;width:32px;height:32px;color:var(--ink);background:0 0;border:0;border-radius:50%;font-size:18px;transition:background .2s}.stepper button:hover:not(:disabled){background:var(--ink);color:#fff}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper span{text-align:center;min-width:56px;font-size:14px;font-weight:500}@media (width<=720px){.widget-row{flex-wrap:wrap}.widget-row input{flex-basis:100%}}.swatch{cursor:pointer;border-radius:50%;width:32px;height:32px;margin-left:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fffc}.swatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.colour-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:18px;display:flex}.colour{color:var(--muted);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.colour .dot{width:30px;height:30px;transition:transform .35s var(--bounce);border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #00000014}.colour:hover .dot{transform:scale(1.15)}.colour .dot input{opacity:0;cursor:pointer;position:absolute;inset:0}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}footer{text-align:center;color:var(--muted);flex-direction:column;gap:6px;margin-top:24px;font-size:14px;display:flex}footer p{margin:0}footer a{color:var(--ink);border-bottom:2px solid #e6e6e6;font-weight:600;text-decoration:none;transition:border-color .2s}footer a:hover{border-color:var(--accent)}.heart{color:var(--accent);display:inline-block}