#trial-root{--t-scrim: rgb(var(--void) / .62)}#trial-root .trial-main{max-width:72rem;margin:0 auto;padding:clamp(24px,4vw,44px) 1.25rem 4rem}#trial-root .t-label{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--stone))}#trial-root .t-label i{font-style:normal;text-transform:none;letter-spacing:0;color:rgb(var(--stone-3));font-weight:500}#trial-root .t-title{font-size:22px;font-weight:700;letter-spacing:-.01em;color:rgb(var(--ink))}#trial-root .t-section{font-size:17px;font-weight:600;color:rgb(var(--ink))}#trial-root .t-body{font-size:15px;line-height:1.5;color:rgb(var(--ink-2))}#trial-root .t-meta{font-size:13px;font-weight:500;color:rgb(var(--stone))}#trial-root .t-meta.is-quiet{color:rgb(var(--stone-2))}#trial-root .t-status{font-size:14px;line-height:1.5;color:rgb(var(--ink-2));min-height:1.5em}#trial-root .t-status.is-error{color:rgb(var(--clay-deep));font-weight:500}#trial-root .t-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;background:rgb(var(--clay));color:rgb(var(--on-dark));padding:14px 25px;border-radius:999px;font-size:15px;font-weight:600;transition:filter .15s ease,transform .12s ease}#trial-root .t-btn:hover{filter:brightness(.94)}#trial-root .t-btn:active{transform:scale(.98)}#trial-root .t-btn:disabled{opacity:.45;cursor:not-allowed}#trial-root .t-btn-dark{display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--ink-surface));color:rgb(var(--on-dark));padding:14px 25px;border-radius:999px;font-size:15px;font-weight:600}#trial-root .t-btn-quiet{display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--ink));padding:13px 24px;border-radius:999px;font-size:15px;font-weight:600;border:1px solid rgb(var(--line-strong));background:transparent}#trial-root .t-btn-quiet:hover{border-color:rgb(var(--clay));color:rgb(var(--clay-deep))}#trial-root .t-btn-quiet.is-small{padding:10px 19px;font-size:14px;align-self:flex-start}#trial-root .t-context{display:none;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}#trial-root:not([data-state=upload]) .t-context{display:flex}#trial-root .t-crumbs{display:flex;gap:8px;align-items:center}#trial-root .t-crumbs span{width:5px;height:5px;border-radius:999px;background:rgb(var(--line-strong))}#trial-root .t-crumbs span.on{background:rgb(var(--clay))}#trial-root .t-crumbs span.done{background:rgb(var(--moss))}#trial-root .t-layout{display:grid;grid-template-columns:1fr;gap:24px}#trial-root[data-state=upload] .t-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center}#trial-root:not([data-state=upload]) .t-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);align-items:start}@media (max-width: 880px){#trial-root .t-layout,#trial-root[data-state=upload] .t-layout,#trial-root:not([data-state=upload]) .t-layout{grid-template-columns:1fr;gap:24px}}#trial-root{position:relative}#trial-root[data-state=upload]:before{content:"";position:absolute;inset:0 0 auto;height:520px;background:linear-gradient(180deg,rgb(var(--blush) / .6),transparent);pointer-events:none}#trial-root>*{position:relative}#trial-root .t-hero{display:none;flex-direction:column;gap:18px;align-items:flex-start;max-width:560px}#trial-root[data-state=upload] .t-hero{display:flex}#trial-root .t-trust{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#trial-root .t-trust span{font-size:12px;font-weight:600;color:rgb(var(--stone));background:rgb(var(--canvas-2));border-radius:999px;padding:6px 12px}#trial-root .t-trust .is-moss{color:rgb(var(--moss));background:transparent;border:1px solid rgb(var(--line))}#trial-root .t-stage{position:relative;border-radius:20px;overflow:hidden;background:rgb(var(--paper))}#trial-root:not([data-state=upload]) .t-stage{position:sticky;top:20px}@media (max-width: 880px){#trial-root:not([data-state=upload]) .t-stage{position:relative;top:0}}#trial-root .t-scene{position:relative;background:rgb(var(--canvas-2));display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}#trial-root:not([data-state=upload]) .t-scene{display:block}#trial-root .t-scene>img,#trial-root .t-after img{display:block;width:100%;height:auto;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#trial-root .t-after{position:absolute;inset:0;clip-path:inset(0 0 0 100%)}#trial-root .t-after img{height:100%;-o-object-fit:cover;object-fit:cover}#trial-root[data-state=reveal] .t-after,#trial-root[data-state=shop] .t-after{clip-path:inset(0 0 0 0)}#trial-root[data-state=reveal].revealing .t-after{animation:t-reveal 1.4s cubic-bezier(.6,0,.2,1) both}@keyframes t-reveal{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}#trial-root .t-overlay-pill{position:absolute;top:12px;left:12px;background:var(--t-scrim);backdrop-filter:blur(8px);color:rgb(var(--on-dark));font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;pointer-events:none;display:none}#trial-root[data-state=configure] .t-overlay-pill{display:block}#trial-root .t-change-photo{position:absolute;top:12px;right:12px;display:none;align-items:center;gap:6px;background:var(--t-scrim);backdrop-filter:blur(8px);color:rgb(var(--on-dark));font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;border:0;cursor:pointer;transition:background .12s}#trial-root .t-change-photo:hover{background:rgb(var(--clay))}#trial-root[data-state=configure] .t-change-photo{display:inline-flex}#trial-root .t-keep{align-self:center;font-size:14px;font-weight:600;color:rgb(var(--clay));background:none;border:0;cursor:pointer;padding:0}#trial-root .t-keep:hover{color:rgb(var(--clay-deep))}#trial-root .t-scene-title{position:absolute;left:14px;bottom:12px;background:var(--t-scrim);backdrop-filter:blur(8px);color:rgb(var(--on-dark));border-radius:999px;padding:7px 14px;display:none;align-items:baseline;gap:8px}#trial-root .t-scene-title em{font-family:"Instrument Serif",Georgia,serif;font-style:normal;font-size:16px}#trial-root .t-scene-title span{font-size:12px;font-weight:500;opacity:.8}#trial-root[data-state=reveal] .t-scene-title,#trial-root[data-state=shop] .t-scene-title{display:flex}#trial-root .t-dropzone{display:none;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:clamp(24px,3.5vw,40px) 22px}#trial-root[data-state=upload] .t-dropzone{display:flex}#trial-root .t-dz-inner{border:1.5px dashed rgb(var(--line-strong));border-radius:14px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(26px,4vw,44px) 20px;transition:border-color .15s,background .15s}#trial-root .t-dz-inner[data-hover=true]{border-color:rgb(var(--clay));background:rgb(var(--paper-warm))}#trial-root .t-dz-cam{width:52px;height:52px;border-radius:999px;background:rgb(var(--ink-surface));display:flex;align-items:center;justify-content:center}#trial-root .t-samples{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}#trial-root .t-sample{width:84px;height:62px;border-radius:14px;overflow:hidden;border:1px solid rgb(var(--line));padding:0;position:relative;transition:transform .12s,border-color .12s;cursor:pointer;background:none}#trial-root .t-sample:hover{transform:translateY(-2px);border-color:rgb(var(--clay))}#trial-root .t-sample img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}#trial-root .t-rail{display:none;flex-direction:column;gap:22px;min-width:0}#trial-root:not([data-state=upload]) .t-rail{display:flex}#trial-root .t-rail>section{display:none;flex-direction:column;gap:20px}#trial-root[data-state=configure] #rail-configure,#trial-root[data-state=generating] #rail-generating,#trial-root[data-state=reveal] #rail-reveal,#trial-root[data-state=shop] #rail-shop{display:flex}#trial-root .t-field{display:flex;flex-direction:column;gap:10px}#trial-root .t-chips{display:flex;flex-wrap:wrap;gap:8px}#trial-root .t-chip{background:rgb(var(--paper));color:rgb(var(--ink-2));border:1px solid rgb(var(--line));padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .12s}#trial-root .t-chip:hover{border-color:rgb(var(--line-strong))}#trial-root .t-chip[aria-pressed=true]{background:rgb(var(--ink-surface));color:rgb(var(--on-dark));border-color:rgb(var(--ink-surface));font-weight:600}#trial-root .t-more{align-self:flex-start;font-size:13px;font-weight:600;color:rgb(var(--clay));cursor:pointer;background:none;border:0;padding:0}#trial-root .t-more:hover{color:rgb(var(--clay-deep))}#trial-root .t-styles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 1020px){#trial-root .t-styles{grid-template-columns:repeat(3,1fr)}}#trial-root .t-style-card{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:5 / 4;padding:0;border:2px solid transparent;cursor:pointer;background:rgb(var(--sand));transition:transform .12s,border-color .12s}#trial-root .t-style-card:hover{transform:translateY(-2px)}#trial-root .t-style-card[aria-pressed=true]{border-color:rgb(var(--clay))}#trial-root .t-style-card img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#trial-root .t-style-card .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--void) / 0) 40%,rgb(var(--void) / .72));pointer-events:none}#trial-root .t-style-card .name{position:absolute;left:10px;bottom:8px;color:rgb(var(--on-dark));font-family:"Instrument Serif",Georgia,serif;font-size:15px;pointer-events:none}#trial-root .t-style-card .tick{position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:999px;background:rgb(var(--clay));display:none;align-items:center;justify-content:center}#trial-root .t-style-card[aria-pressed=true] .tick{display:flex}#trial-root .t-accents{display:flex;gap:9px;flex-wrap:wrap}#trial-root .t-accent{width:30px;height:30px;border-radius:999px;border:2px solid transparent;padding:0;position:relative;cursor:pointer;box-shadow:inset 0 0 0 1px rgb(var(--ink) / .12);transition:transform .1s}#trial-root .t-accent:hover{transform:scale(1.08)}#trial-root .t-accent[aria-pressed=true]{border-color:rgb(var(--clay));box-shadow:inset 0 0 0 2px rgb(var(--paper))}#trial-root .t-action-bar{position:sticky;bottom:16px;background:rgb(var(--paper) / .92);backdrop-filter:blur(10px);border:1px solid rgb(var(--sand));border-radius:999px;padding:10px 12px 10px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 8px 24px rgb(var(--shadow-rgb) / .1)}#trial-root .t-gen-card{background:rgb(var(--paper));border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:18px}#trial-root .t-gen-head{display:flex;flex-direction:column;gap:4px}#trial-root .t-gen-bar{height:3px;border-radius:999px;background:rgb(var(--sand));overflow:hidden}#trial-root .t-gen-bar i{display:block;height:100%;width:0;background:rgb(var(--clay));border-radius:999px;transition:width .5s ease}#trial-root .t-gen-step{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgb(var(--line-2));font-size:15px;color:rgb(var(--stone-2))}#trial-root .t-gen-step:first-child{border-top:0}#trial-root .t-gen-step .ic{width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid rgb(var(--line-strong))}#trial-root .t-gen-step .ic svg{display:none}#trial-root .t-gen-step.done{color:rgb(var(--stone))}#trial-root .t-gen-step.done .ic{border-color:rgb(var(--moss));background:rgb(var(--moss))}#trial-root .t-gen-step.done .ic svg{display:block}#trial-root .t-gen-step.now{color:rgb(var(--ink));font-weight:600}#trial-root .t-gen-step.now .ic{border-color:rgb(var(--clay))}#trial-root .t-gen-step.now .ic:after{content:"";width:8px;height:8px;border-radius:999px;background:rgb(var(--clay));animation:t-pulse 1.1s ease-in-out infinite}@keyframes t-pulse{0%,to{transform:scale(.7);opacity:.6}50%{transform:scale(1);opacity:1}}#trial-root #trial-turnstile{display:flex;justify-content:center}#trial-root .t-scanline{position:absolute;left:0;right:0;top:-4px;height:3px;background:rgb(var(--clay));box-shadow:0 0 18px 3px rgb(var(--clay) / .5);display:none}#trial-root[data-state=generating] .t-scanline{display:block;animation:t-scan 2.6s ease-in-out infinite alternate}@keyframes t-scan{0%{top:4%}to{top:94%}}#trial-root .t-corner{position:absolute;width:26px;height:26px;border:2.5px solid rgb(var(--on-dark));opacity:0;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .4));transition:opacity .3s;pointer-events:none}#trial-root[data-state=generating] .t-corner{opacity:.9}#trial-root .t-corner.tl{top:12px;left:12px;border-right:0;border-bottom:0;border-radius:6px 0 0}#trial-root .t-corner.tr{top:12px;right:12px;border-left:0;border-bottom:0;border-radius:0 6px 0 0}#trial-root .t-corner.bl{bottom:12px;left:12px;border-right:0;border-top:0;border-radius:0 0 0 6px}#trial-root .t-corner.br{bottom:12px;right:12px;border-left:0;border-top:0;border-radius:0 0 6px}#trial-root .t-seg{display:inline-flex;background:rgb(var(--sand));border-radius:999px;padding:3px}#trial-root .t-seg button{border-radius:999px;padding:8px 20px;font-size:14px;font-weight:500;color:rgb(var(--stone));cursor:pointer;background:none;border:0}#trial-root .t-seg button[aria-pressed=true]{background:rgb(var(--paper));font-weight:600;color:rgb(var(--ink))}#trial-root .t-compare-ui{position:absolute;top:12px;left:12px;display:none}#trial-root[data-state=reveal] .t-compare-ui{display:inline-flex}#trial-root .t-seam{position:absolute;top:0;bottom:0;width:2px;background:rgb(var(--on-dark));left:50%;display:none;box-shadow:0 0 0 1px rgb(var(--ink) / .2)}#trial-root .t-seam:after{content:"◂ ▸";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(var(--paper));color:rgb(var(--ink-2));border-radius:999px;padding:7px 10px;font-size:11px;letter-spacing:.06em;white-space:nowrap;box-shadow:0 8px 24px rgb(var(--shadow-rgb) / .16)}#trial-root .t-saved{display:none;gap:10px;align-items:center;border:1px solid rgb(var(--line));border-radius:14px;padding:13px 16px}#trial-root .t-saved.is-on{display:flex}#trial-root .t-saved span{font-size:13px;font-weight:600;color:rgb(var(--moss))}#trial-root .t-actions{display:flex;gap:10px;flex-wrap:wrap}#trial-root .t-app-cta{background:rgb(var(--blush));border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px}#trial-root .t-app-cta p{font-size:13px;font-weight:500;color:rgb(var(--clay-deep))}#trial-root .t-shop-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#trial-root .t-region-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgb(var(--blush));color:rgb(var(--clay-deep));border:0;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}#trial-root .t-marker{position:absolute;width:28px;height:28px;border-radius:999px;background:rgb(var(--paper));color:rgb(var(--ink));font-size:13px;font-weight:700;display:none;align-items:center;justify-content:center;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgb(var(--shadow-rgb) / .16);border:0;cursor:pointer;transition:background .12s,color .12s}#trial-root[data-state=shop] .t-marker{display:flex}#trial-root .t-marker:hover,#trial-root .t-marker.on{background:rgb(var(--clay));color:rgb(var(--on-dark))}#trial-root .t-pgroup{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;transition:opacity .15s}#trial-root .t-pgroup-head{display:flex;align-items:baseline;justify-content:space-between}#trial-root .t-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#trial-root .t-product{background:rgb(var(--paper));border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;text-align:left;text-decoration:none;color:inherit;border:2px solid transparent;transition:transform .12s,border-color .12s}#trial-root .t-product:hover{transform:translateY(-2px);border-color:rgb(var(--line))}#trial-root .t-pimg{border-radius:10px;background:rgb(var(--canvas));aspect-ratio:4 / 3;overflow:hidden}#trial-root .t-pimg img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#trial-root .t-plogo{height:14px;width:auto;align-self:flex-start;opacity:.85}#trial-root .t-pname{font-size:14px;font-weight:600;line-height:1.3;color:rgb(var(--ink));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#trial-root .t-prow{display:flex;align-items:center;gap:8px;margin-top:2px}#trial-root .t-pprice{font-size:15px;font-weight:700;color:rgb(var(--ink))}
