@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;800;900&family=JetBrains+Mono:wght@500;700&display=swap");.shout{overflow-x:hidden;display:grid;grid-template-columns:400px 1fr;height:100vh;background:#f6f5f2;color:#151514}.shout-panel{background:#fff;border-right:1px solid #e4e1db;padding:28px 26px;overflow-y:auto;display:flex;flex-direction:column;gap:26px}.shout-head h1{font-size:26px;font-weight:800;letter-spacing:.32em;margin:0}.shout-head p{margin:6px 0 0;color:#7a766f;font-size:13px}.shout form{gap:24px}.s-field,.shout form{display:flex;flex-direction:column}.s-field{gap:9px}.s-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7a766f;display:flex;justify-content:space-between;gap:8px}.s-field small{font-size:11px;color:#9a958d}.s-word{font:800 30px/1 ui-sans-serif,-apple-system,Helvetica Neue,Arial,sans-serif;letter-spacing:.08em;padding:14px;border:1px solid #e4e1db;border-radius:10px;background:#fbfaf8;color:#151514;width:100%}.s-word::placeholder{color:#d3cfc8}.s-word:focus{outline:2px solid #15151422;border-color:#c9c5bd}.s-objects{display:flex;flex-direction:column;gap:8px}.s-object{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:left;grid-gap:2px 12px;gap:2px 12px;padding:12px 14px;border:1px solid #e4e1db;border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,background .15s}.s-object b{font-size:14px;font-weight:600}.s-object em{font-style:normal;font-size:11px;color:#9a958d;grid-column:1}.s-object i{font-style:normal;font-size:14px;font-weight:600;grid-column:2;grid-row:1/span 2;align-self:center}.s-object:hover{border-color:#c9c5bd}.s-object.on{border-color:#151514;background:#faf9f7;box-shadow:inset 0 0 0 1px #151514}.s-colorname{font-style:normal;text-transform:none;letter-spacing:0;color:#151514;font-size:12px}.s-swatches{display:grid;grid-template-columns:repeat(auto-fill,38px);grid-gap:10px;gap:10px}.s-swatch{width:38px;height:38px;border-radius:50%;border:1px solid #0000001f;cursor:pointer;padding:0;background:var(--sw);position:relative;transition:transform .12s}.s-swatch:hover{transform:scale(1.06)}.s-swatch.silk{background:radial-gradient(circle at 32% 28%,#ffffffaa 0 12%,transparent 40%),var(--sw)}.s-swatch.translucent{background:radial-gradient(circle at 32% 28%,#ffffffcc 0 10%,transparent 38%),linear-gradient(135deg,var(--sw),color-mix(in srgb,var(--sw) 55%,white))}.s-swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #151514}.s-cart,.s-primary{font:600 14px/1 inherit;font-family:inherit;letter-spacing:.06em;padding:15px;border-radius:10px;cursor:pointer;width:100%}.s-primary{background:#151514;color:#fff;border:1px solid #151514}.s-cart:disabled,.s-primary:disabled{opacity:.4;cursor:not-allowed}.s-error{margin:0;color:#b3261e;font-size:13px}.s-summary{margin-top:auto;border-top:1px solid #e4e1db;padding-top:18px;display:flex;flex-direction:column;gap:10px}.s-total{display:flex;justify-content:space-between;align-items:baseline}.s-total span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7a766f}.s-total b{font-size:26px;font-weight:700}.s-size{margin:0;font-size:12px;color:#7a766f}.s-cart{background:#fff;color:#151514;border:1px solid #151514}.s-cart:not(:disabled):hover{background:#151514;color:#fff}.s-note{margin:0;font-size:12px;color:#7a766f}.shout-stage{position:relative;min-height:0}.s-empty{height:100%;display:grid;place-items:center;color:#9a958d;font-size:15px;letter-spacing:.02em;padding:24px;text-align:center}.s-viewbar{position:absolute;left:16px;bottom:16px;display:flex;gap:14px;align-items:center;background:#ffffffe6;border:1px solid #e4e1db;border-radius:10px;padding:8px 12px;font-size:13px}.s-viewbar button{font:inherit;background:#fff;border:1px solid #e4e1db;border-radius:8px;padding:6px 10px;cursor:pointer}.s-viewbar label{display:flex;gap:6px;align-items:center;cursor:pointer;white-space:nowrap}.s-viewbar input,.shout input[type=checkbox]{width:auto;margin:0}.s-stale{color:#a86a00;font-size:12px}@media (max-width:860px){.shout{grid-template-columns:1fr;grid-template-rows:58vh auto;height:auto}.shout-stage{order:-1;min-height:58vh}.shout-panel{border-right:0;padding:22px 16px}}.s-loading{color:#9a958d;font-size:14px}.s-cart-link{display:block;text-align:center;text-decoration:none;background:#151514;color:#fff}.shout{font-family:Archivo,ui-sans-serif,-apple-system,Helvetica Neue,Arial,sans-serif}.shout-head h1{line-height:0}.shout-head h1 img{width:288px;max-width:100%;height:auto;display:block;margin-left:-6px}.s-word{font-family:Archivo,ui-sans-serif,sans-serif;font-weight:900;border:2px solid #151514}.s-object,.s-word{border-radius:12px}.s-object.on{border-width:2px;box-shadow:none}.s-cart,.s-primary{border-radius:12px;font-weight:800;letter-spacing:.1em}.s-primary{display:flex;justify-content:center;align-items:center;gap:10px}.s-live{width:8px;height:8px;border-radius:50%;display:inline-block;animation:pc-pulse 1.2s ease-in-out infinite}.pc{inset:0;z-index:5;overflow:hidden;background:#141413;color:#f6f5f2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:34px;padding:48px 32px;box-sizing:border-box}.pc,.pc-floor{position:absolute}.pc-floor{left:0;right:0;bottom:0;height:42%;pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,transparent 0),linear-gradient(90deg,#ffffff0f 1px,transparent 0);background-size:48px 48px;transform:perspective(600px) rotateX(58deg);transform-origin:bottom}.pc-meter{position:relative;display:flex;align-items:center;gap:14px;font:500 12px JetBrains Mono,ui-monospace,monospace;letter-spacing:.18em}.pc-meter b{font-weight:700}.pc-live{width:9px;height:9px;border-radius:50%;animation:pc-pulse 1.2s ease-in-out infinite}.pc-word{position:relative;line-height:.86;max-width:100%}.pc-fill,.pc-ghost{font:900 clamp(64px,12vw,210px)/.86 Archivo,sans-serif;letter-spacing:.02em;white-space:nowrap}.pc-ghost{color:transparent;-webkit-text-stroke:2px #ffffff26}.pc-fill{position:absolute;inset:0;color:transparent;-webkit-background-clip:text;background-clip:text;transition:-webkit-clip-path .1s steps(1);transition:clip-path .1s steps(1);transition:clip-path .1s steps(1),-webkit-clip-path .1s steps(1)}.pc-nozzle{position:absolute;left:-24px;right:-24px;height:3px;transition:bottom .1s steps(1)}.pc-head{position:absolute;left:50%;top:-14px;width:26px;height:16px;margin-left:-13px;background:#f6f5f2;-webkit-clip-path:polygon(0 0,100% 0,70% 100%,30% 100%);clip-path:polygon(0 0,100% 0,70% 100%,30% 100%);animation:pc-sweep .9s ease-in-out infinite}.pc-steps{position:relative;list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:760px}.pc-steps li{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;border:1px solid #ffffff22;color:#8f8a82;font-size:13px;font-weight:600}.pc-steps li.on{border-color:#f6f5f2;color:#f6f5f2}.pc-steps li.done{color:#f6f5f2}.pc-steps li span{width:8px;height:8px;border-radius:50%}.pc-tip{position:relative;margin:0;max-width:520px;text-align:center;font-size:15px;line-height:1.5;color:#c9c5bd}@keyframes pc-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes pc-sweep{0%{transform:translateX(-40%)}50%{transform:translateX(40%)}to{transform:translateX(-40%)}}@media (max-width:860px){.shout-head h1 img{width:165px}.pc{gap:22px;padding:24px 16px}.pc-steps{flex-direction:column;align-items:flex-start;gap:8px}.pc-steps li{padding:0;border:0}.pc-tip{font-size:13px}}@media (prefers-reduced-motion:reduce){.pc-head,.pc-live,.s-live{animation:none}}.s-primary.is-busy:disabled{opacity:.94;cursor:progress}.s-canvas{position:relative;height:100%}@media (min-width:861px){.shout{display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.shout-stage{order:-1;flex:1 1 auto;min-height:300px;display:flex;flex-direction:column;border-bottom:1px solid #e4e1db}.s-canvas{flex:1 1 auto;min-height:0;height:auto}.s-viewbar{position:static;flex:0 0 auto;border:0;border-top:1px solid #e4e1db;border-radius:0;background:#ffffff;padding:10px 28px}.shout-panel{flex:0 0 auto;border-right:0;padding:22px 28px 24px;overflow:visible;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px 28px;gap:10px 28px;align-items:start;grid-template-areas:"word obj color sum" "btn obj color sum" "err err err err"}.shout-panel form{display:contents}.shout-head{position:absolute;top:18px;left:24px;z-index:6;pointer-events:none}.shout-head h1 img{width:230px}.shout-head p{display:none}.s-f-word{grid-area:word}.s-f-obj{grid-area:obj}.s-f-color{grid-area:color}.shout-panel .s-primary{grid-area:btn}.shout-panel .s-error{grid-area:err}.s-summary{grid-area:sum;margin-top:0;border-top:0;padding-top:0}.s-loading{grid-column:1/-1}.s-word{font-size:28px;padding:11px 14px}.s-object{padding:9px 14px}}.s-canvas{overflow:hidden}.s-example{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;box-sizing:border-box;background:#efede9}.s-example img{display:block;max-width:82%;max-height:78%;min-height:0;object-fit:contain}.s-example figcaption{font-size:12px;letter-spacing:.06em;color:#6f6b64;background:#ffffffd9;border:1px solid #e4e1db;border-radius:999px;padding:5px 12px}.s-empty:has(.s-example){padding:0}.s-word-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.s-heart{font:700 13px/1 Archivo,ui-sans-serif,sans-serif;color:#151514;background:#fff;border:1px solid #e4e1db;border-radius:999px;padding:6px 12px;min-height:30px;cursor:pointer}.s-heart:hover{border-color:#151514}.s-short{display:none}.s-share{position:absolute;top:12px;right:14px;z-index:7;width:44px;height:44px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:#151514;border:1px solid #e4e1db;cursor:pointer}.s-share:hover:not(:disabled){border-color:#151514}.s-share:disabled{color:#77736c;cursor:default}.s-sheet{position:absolute;inset:0;z-index:8;background:#141413e6;display:flex;align-items:center;justify-content:center;gap:16px;padding:14px;box-sizing:border-box}.s-sheet img{height:100%;max-height:100%;width:auto;border-radius:8px;min-width:0;object-fit:contain}.s-sheet div{display:flex;flex-direction:column;gap:8px}.s-sheet button{font:700 14px Archivo,sans-serif;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid #ffffff55;background:transparent;color:#fff;cursor:pointer}.s-sheet .s-sheet-go{background:#fff;color:#151514;border-color:#fff}@media (max-width:860px){.shout{display:flex;flex-direction:column;height:auto;min-height:0;background:#fff}.shout-panel{display:contents}.shout-head{order:-2;display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #ece9e3}.shout-head h1 img{width:112px;margin-left:-4px}.shout-head p{margin:0;font-size:14px;color:#6f6b64}.shout-stage{order:-1;min-height:0;height:220px;flex:0 0 auto}.s-loading{padding:18px 16px}.shout form{gap:20px;padding:18px 16px 0}.s-summary{margin:0 16px 18px;padding-top:14px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}.s-total{flex-direction:column;align-items:flex-start;gap:2px}.s-cart,.s-cart-link{flex:1 1 auto;width:auto;min-height:54px}.s-note,.s-size{flex-basis:100%;order:3}.s-f-word{display:grid;grid-template-columns:1fr 56px;grid-gap:8px;gap:8px}.s-f-word .s-label{grid-area:1/1/2/3}.s-word-row{display:contents}.s-word-row small{grid-area:1/1/2/3;justify-self:end;font-size:12px;color:#6f6b64}.s-word{grid-area:2/1;height:56px;min-width:0;box-sizing:border-box;padding:0 14px;font-size:26px}.s-heart{grid-area:2/2;width:56px;height:56px;border-radius:12px;border-color:#d9d5ce;font-size:18px;padding:0}.s-objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.s-object{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;min-height:88px;padding:10px 11px}.s-object b{font-weight:700}.s-object em{font-size:12px;color:#6f6b64}.s-object i{font-size:15px;font-weight:800}.s-long{display:none}.s-short{display:inline}.s-colorname{font-size:13px}.s-swatches{grid-template-columns:repeat(7,40px);justify-content:space-between;gap:12px 0}.s-swatch{width:40px;height:40px}.s-primary{min-height:54px}.s-example{padding:10px}.s-example img{max-width:90%;max-height:84%}.s-example figcaption{position:absolute;top:10px;left:12px;padding:4px 9px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.s-example figcaption span{display:none}.s-example figcaption b{font-weight:600}.s-share{top:8px;right:10px}.s-viewbar{left:10px;bottom:10px;gap:10px;font-size:12px}.s-viewbar,.s-viewbar button{padding:5px 8px}.pc{gap:12px;padding:14px 16px}.pc-fill,.pc-ghost{font-size:clamp(48px,15vw,72px)}.pc-steps{display:none}.pc-tip{font-size:12px;line-height:1.4;max-width:300px}.pc-floor{height:30%}}