body #case-studio{max-width:none;margin:0;border:0;border-radius:0}#case-studio .cs-model-wrap{position:relative}#case-studio .cs-model{-webkit-appearance:none;appearance:none;width:100%;margin:0;padding:10px 32px 10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-family:inherit;font-size:13px;line-height:1.2;cursor:pointer}#case-studio .cs-model:focus{outline:none;border-color:var(--accent)}#case-studio .cs-model-wrap:after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg);pointer-events:none}#case-studio .cs-note{margin-top:9px;padding:9px 10px;border-radius:6px;background:#f3f6f8;color:#5a6472;font-size:11.5px;line-height:1.45}#case-studio .cs-upload{position:absolute;z-index:3;pointer-events:none}#case-studio .cs-upload[hidden]{display:none}#case-studio .cs-upload__hit{position:absolute;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7%;pointer-events:auto;cursor:pointer}#case-studio .cs-upload__b{display:inline-flex;align-items:center;gap:5px;margin:0;padding:7px 11px;border:0;border-radius:999px;background:#fff;color:#101828;font-size:11px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px #1018284d,0 1px 2px #1018282e}#case-studio .cs-upload__b svg{width:13px;height:13px;display:block}#case-studio .cs-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}#case-studio .cs-tab{padding:8px 4px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;line-height:1.1;cursor:pointer;transition:background .15s ease,color .15s ease}#case-studio .cs-tab:hover{color:var(--ink)}#case-studio .cs-tab[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 2px #1018281a}#case-studio .cs-tip{margin:10px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted)}#case-studio .btn-block{display:block;width:100%}#case-studio .cs-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}#case-studio .cs-cat{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer}#case-studio .cs-cat[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}#case-studio .cs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:260px;overflow:auto;padding-right:2px}#case-studio .cs-grid--emoji{grid-template-columns:repeat(6,minmax(0,1fr))}#case-studio .cs-chip{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:5px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s ease,transform .1s ease}#case-studio .cs-chip:hover{border-color:var(--accent)}#case-studio .cs-chip:active{transform:scale(.94)}#case-studio .cs-chip img{width:100%;height:100%;object-fit:contain;display:block}#case-studio .cs-chip--emoji{font-size:22px;line-height:1;padding:0;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}#case-studio .cs-layer{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid transparent;border-radius:8px;cursor:pointer}#case-studio .cs-layer:hover{background:var(--surface-2)}#case-studio .cs-layer.is-on{border-color:var(--accent);background:var(--accent-soft)}#case-studio .cs-layer__t{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}#case-studio .cs-layer__t img{width:100%;height:100%;object-fit:cover;display:block}#case-studio .cs-layer__t--text{font-weight:700;font-size:13px;color:var(--ink-2)}#case-studio .cs-layer__t--emoji{font-size:18px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}#case-studio .cs-layer__n{flex:1 1 auto;min-width:0;font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#case-studio .cs-ico{flex:0 0 auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;color:var(--muted);font-family:inherit;font-size:11px;line-height:1;cursor:pointer}#case-studio .cs-ico:hover:not(:disabled){background:#fff;color:var(--ink)}#case-studio .cs-ico:disabled{opacity:.28;cursor:default}#case-studio .cs-ico--del{font-size:16px}#case-studio .cs-ico--del:hover{background:#fdecec;color:#c4373b}#case-studio .sec-sub{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}#case-studio .cs-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}#case-studio .cs-filter{padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;overflow:hidden}#case-studio .cs-filter[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}#case-studio .cs-filter__t{width:100%;aspect-ratio:1/1;background-size:cover;background-position:center}#case-studio .cs-filter__n{padding:4px 2px 5px;font-size:10.5px;font-weight:600;color:var(--ink-2);text-align:center}#case-studio .cs-input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-family:inherit;font-size:13px;line-height:1.4;resize:vertical}#case-studio .cs-input:focus{outline:none;border-color:var(--accent)}#case-studio .cs-row{display:flex;align-items:center;gap:6px;margin:10px 0 4px}#case-studio .cs-toggle{width:36px;height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-family:inherit;font-size:13px;cursor:pointer}#case-studio .cs-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}#case-studio .cs-color{flex:1 1 auto;height:34px;padding:2px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}@media screen and (max-width:749px){#case-studio .cs-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:220px}#case-studio .cs-grid--emoji{grid-template-columns:repeat(6,minmax(0,1fr))}#case-studio .cs-tab{font-size:11.5px;padding:8px 2px}#case-studio .cs-lays{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#case-studio .cs-lay__n{font-size:9.5px}}#case-studio .stage-wrap:not([data-scene=studio]){background:#fff}#case-studio .stage-wrap:not([data-scene=studio]):after{box-shadow:none}#case-studio .stage-hint{left:50%;right:auto;bottom:10px;transform:translate(-50%);max-width:min(92%,520px);text-align:center;z-index:5;padding:5px 12px;border-radius:999px;background:#ffffffdb;color:#4a5058;border:1px solid rgba(20,24,32,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);line-height:1.35}#case-studio .stage-wrap[data-scene=studio] .stage-hint{background:#121418b8;color:#ffffffc7;border-color:#ffffff1f}#case-studio .stage-hint:empty{display:none}#case-studio .cs-bg{display:flex;flex-wrap:wrap;gap:7px}#case-studio .cs-sw{position:relative;flex:0 0 auto;width:28px;height:28px;padding:0;border:1px solid var(--line-2);border-radius:50%;background:#fff;cursor:pointer;overflow:hidden;transition:transform .1s ease,box-shadow .15s ease}#case-studio .cs-sw:hover{transform:scale(1.09)}#case-studio .cs-sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}#case-studio .cs-sw--none:after{content:"";position:absolute;left:50%;top:-5px;bottom:-5px;width:1.5px;margin-left:-.75px;background:#c4373b;transform:rotate(45deg)}#case-studio .cs-sw--pick{display:grid;place-items:center;background:conic-gradient(#f05252,#f0a33c,#efe06a,#4cc05a,#2bb3ae,#2f5fe0,#c44fc4,#f05252)}#case-studio .cs-sw--pick input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}#case-studio .cs-lays{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#case-studio .cs-lay{padding:6px 5px 7px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:center;transition:border-color .13s ease,background .13s ease}#case-studio .cs-lay:hover{border-color:var(--line-2)}#case-studio .cs-lay[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}#case-studio .cs-lay__t{position:relative;width:100%;aspect-ratio:619/1126;border-radius:4px;background:#fff;border:1px solid var(--line-2);overflow:hidden}#case-studio .cs-lay__t span{position:absolute;background:var(--ink-2);outline:1px solid #fff;outline-offset:-1px}#case-studio .cs-lay__t--none{display:grid;place-items:center}#case-studio .cs-lay__x{position:static!important;width:14px;height:1.5px;background:var(--muted)!important;outline:0!important;transform:rotate(-45deg)}#case-studio .cs-lay__n{font-size:10px;font-weight:600;color:var(--ink-2);text-align:center;line-height:1.2}#case-studio .cs-peek{position:absolute;top:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid rgba(22,32,52,.13);border-radius:9px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);color:#39404c;font-family:inherit;font-size:12px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;min-height:0}#case-studio .cs-peek svg{width:14px;height:14px;display:block;flex:0 0 auto}#case-studio .cs-peek:hover{background:#fff;border-color:#1620343d}#case-studio .stage-wrap[data-scene=studio] .cs-peek{background:#12151a99;border-color:#ffffff26;color:#ffffffd9;box-shadow:none}.cs-peek-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483001;display:grid;place-items:center;padding:20px;background:#fff;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.cs-peek-ov[data-scene=studio]{background:radial-gradient(125% 92% at 50% 14%,#343a44,#1b1f25 46%,#0b0d10)}.cs-peek-dev{position:relative;filter:drop-shadow(0 18px 30px rgba(22,32,52,.18)) drop-shadow(0 2px 5px rgba(22,32,52,.1))}.cs-peek-ov[data-scene=studio] .cs-peek-dev{filter:drop-shadow(0 26px 34px rgba(0,0,0,.5)) drop-shadow(0 3px 6px rgba(0,0,0,.32))}.cs-peek-inner{position:absolute;left:0;top:0;transform-origin:0 0}.cs-peek-inner>*{position:absolute;left:0;top:0;display:block;width:100%;height:100%;max-width:none;margin:0;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cs-peek-x{position:fixed;top:16px;right:16px;padding:9px 16px;border:1px solid rgba(22,32,52,.14);border-radius:999px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#14171c;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer}.cs-peek-x:hover{background:#fff}.cs-peek-ov[data-scene=studio] .cs-peek-x{background:#ffffff24;border-color:#ffffff38;color:#fff}@media screen and (max-width:900px){.cs-peek-ov{padding:12px}.cs-peek-x{top:12px;right:12px;padding:8px 14px;font-size:12px}#case-studio .cs-peek{top:8px;left:8px;padding:6px 10px;font-size:11px}}@media screen and (max-width:900px){body #case-studio{overflow:visible;overflow-x:clip;max-width:100%}#case-studio .main{display:block}#case-studio .stage-wrap{position:sticky;top:0;z-index:4;height:46dvh;min-height:300px;width:100%}#case-studio .rail{position:relative;z-index:1;min-width:0;max-width:100%}#case-studio .topbar{gap:10px;padding:8px 12px;min-width:0;height:auto;min-height:56px;flex-wrap:nowrap;overflow:hidden}#case-studio .brand{flex:0 1 auto;min-width:0;gap:7px;padding-right:10px}#case-studio .brand-mark{flex:0 0 auto;width:22px;height:22px;border-radius:6px}#case-studio .brand-name{font-size:11px;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#case-studio .crumb-title{display:none}#case-studio .topbar-right{flex:0 0 auto;gap:10px}#case-studio .topbar .price{font-size:14px}#case-studio .topbar .btn{white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:8px 12px;font-size:12px;line-height:1.2;min-width:0;flex:0 0 auto}#case-studio .rail-foot{padding:12px;max-width:100%}#case-studio .foot-row{gap:10px;min-width:0}#case-studio .foot-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#case-studio .foot-row b{flex:0 0 auto;white-space:nowrap}#case-studio .rail-scroll{max-width:100%;padding:16px 12px}#case-studio .cs-tabs,#case-studio .cs-tip,#case-studio .cs-note{max-width:100%}#case-studio .cs-tip{overflow-wrap:anywhere}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/case-studio-pro.css.map */