/* True miniature website/app previews for ShopWordWeb service simulators, monochrome. */
.swwSimShell{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;min-height:560px!important}
.swwSimRail{justify-content:center}
.swwSimCanvas{padding:17px!important;background:#e9e9e9!important}
.swwMockBrowser{min-height:520px!important;border-radius:16px!important;box-shadow:0 15px 38px rgba(0,0,0,.07);overflow:hidden}
.swwMockTop{height:37px!important;min-height:37px!important}
.swwMockBody{padding:0!important;min-width:0;display:flex;flex-direction:column;flex:1}
.swwMiniApp{color:#1c1c1c;background:#fff;min-width:0;display:flex;flex-direction:column;flex:1;font-family:inherit;font-size:12px}
.swwMiniSiteNav{height:55px;min-height:55px;padding:0 17px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}
.swwMiniWordmark{font-size:11px;font-weight:900;white-space:nowrap;letter-spacing:-.035em;color:#151515}
.swwMiniNavLinks{display:flex;align-items:center;justify-content:center;min-width:0;gap:4px;flex-wrap:wrap}
.swwMiniNavLink,.swwMiniCartAction{display:inline-flex;justify-content:center;align-items:center;font:750 10px inherit;color:#6a6a6a;border:0;background:transparent;border-radius:5px;padding:7px 8px;cursor:pointer;white-space:nowrap}
.swwMiniNavLink.is-active{color:#171717;background:#f0f0f0}
.swwMiniNavLink:hover,.swwMiniNavLink:focus-visible,.swwMiniCartAction:hover{background:#ededed;color:#111}
.swwMiniNavCart{flex-shrink:0}.swwMiniCartAction{border:1px solid #d9d9d9;border-radius:999px;font-size:9px}
.swwMiniSampleChip{display:block;font:700 8px ui-monospace,monospace;color:#797979;white-space:nowrap}
.swwMiniSiteBody{padding:17px 18px 20px;flex:1;background:#fff;min-height:405px}
.swwMiniSiteFooter{display:flex;gap:7px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 17px;border-top:1px solid #ededed;background:#fcfcfc;color:#8c8c8c;font:650 8px ui-monospace,monospace;letter-spacing:.06em}
.swwMiniEyebrow{display:block;font:750 9px ui-monospace,monospace;color:#777;letter-spacing:.1em}
.swwMiniStoreHero,.swwMiniStudioHero,.swwMiniMarketHero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:12px;align-items:center;background:#f0efec;border-radius:12px;padding:20px 18px;overflow:hidden;min-height:190px}
.swwMiniStoreHero h3,.swwMiniStudioHero h3,.swwMiniMarketHero h3{font-size:clamp(22px,2.6vw,35px);line-height:1.03;letter-spacing:-.06em;margin:12px 0 10px;font-weight:850;color:#161616}
.swwMiniStoreHero p,.swwMiniStudioHero p,.swwMiniMarketHero p{font-size:11px;line-height:1.65;color:#606060;margin:0 0 13px}
.swwMiniHeroArt{display:grid;place-items:center;min-height:155px;background:radial-gradient(circle,#d3d1cc,transparent 67%);border-radius:50%}
.swwMiniProductSvg{width:100%;height:100%;max-width:160px;max-height:155px;transition:transform .25s ease}
.swwMiniProductLink:hover .swwMiniProductSvg{transform:scale(1.05) rotate(-2deg)}
.swwMiniSolid,.swwMiniOutline{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #181818;border-radius:5px;background:#191919;color:#fff;font:750 10px ui-monospace,monospace;cursor:pointer;min-height:34px}
.swwMiniSolid:hover{background:#444}.swwMiniOutline{background:#fff;color:#222}.swwMiniOutline:hover{background:#efefef}
.swwMiniSectionRow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:18px 0 11px}
.swwMiniSectionRow strong{font-size:12px;font-weight:800;color:#222}.swwMiniSectionRow span{font:650 9px ui-monospace,monospace;color:#797979}
.swwMiniFilters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.swwMiniFilter{border:1px solid #ddd;border-radius:50px;background:#fff;color:#777;padding:6px 10px;font-size:10px;cursor:pointer}
.swwMiniFilter.is-active{color:#fff;background:#252525;border-color:#252525}.swwMiniFilter:hover{border-color:#666}
.swwMiniProducts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.swwMiniProduct{min-width:0}.swwMiniProductLink{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;padding:0;border:0;background:transparent;cursor:pointer}
.swwMiniProductArt{display:grid;place-items:center;height:91px;width:100%;border-radius:9px;background:linear-gradient(145deg,#efefef,#d8d8d8);overflow:hidden}
.swwMiniProduct:nth-child(3n+2) .swwMiniProductArt{background:linear-gradient(145deg,#eae6df,#d1cfc9)}
.swwMiniProduct:nth-child(3n+3) .swwMiniProductArt{background:linear-gradient(145deg,#ebebeb,#c5c5c5)}
.swwMiniProductArt svg{height:91%;max-width:100px}
.swwMiniProductName{font-size:10px;font-weight:800;line-height:1.35;color:#262626}
.swwMiniProductLink>span{font-size:9px;color:#8b8b8b;line-height:1.35}
.swwMiniProductLink>strong{font-size:10px;color:#222}
.swwMiniProductLink:hover .swwMiniProductName{text-decoration:underline;text-underline-offset:2px}
.swwMiniHead{margin:2px 0 16px}.swwMiniHead h3{font-size:25px;color:#161616;letter-spacing:-.055em;line-height:1.1;margin:7px 0 7px}.swwMiniHead p{margin:0;color:#777;font-size:11px;line-height:1.6}
.swwMiniCrumb{margin:0 0 12px;font:700 9px ui-monospace,monospace;color:#777;letter-spacing:.08em}
.swwMiniDetail{display:grid;grid-template-columns:1fr 1fr;gap:19px;align-items:center}
.swwMiniDetailArt{display:grid;place-items:center;background:#e7e6e4;border-radius:11px;min-height:255px}.swwMiniDetailArt svg{max-width:190px;max-height:210px}
.swwMiniDetailCopy h3{font-size:25px;color:#111;letter-spacing:-.055em;line-height:1.1;margin:12px 0}
.swwMiniDetailCopy p{font-size:11px;color:#6d6d6d;line-height:1.65}.swwMiniDetailCopy strong{display:block;font-size:17px;color:#222;margin:10px 0}
.swwMiniDetailSizes{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:15px 0}.swwMiniDetailSizes>span{font:750 9px ui-monospace,monospace;color:#777;margin-right:6px}
.swwMiniPill{padding:7px 9px;border:1px solid #ccc;border-radius:5px;background:#fff;color:#555;font-size:9px;cursor:pointer}.swwMiniPill.is-active{border-color:#222}
.swwMiniFine{color:#999!important;font:630 9px ui-monospace,monospace!important;line-height:1.6;margin-top:12px!important}
.swwMiniBag{display:flex;gap:14px;align-items:center;background:#f6f6f6;border:1px solid #eee;border-radius:10px;padding:13px}
.swwMiniBagArt{width:92px;height:98px;display:grid;place-items:center;background:#e7e6e4;border-radius:8px;flex-shrink:0}
.swwMiniBag strong,.swwMiniBag small,.swwMiniBag b{display:block;margin:5px 0;color:#222}.swwMiniBag small{color:#777;font-size:10px}
.swwMiniTotals{display:flex;justify-content:space-between;margin:20px 0;border-top:1px solid #e4e4e4;padding-top:13px}
.swwMiniCheckout{display:grid;gap:12px;margin:20px 0}.swwMiniCheckoutRow{display:flex;align-items:center;gap:10px;border:1px solid #eee;border-radius:9px;padding:13px}.swwMiniCheckoutRow b{border-radius:50%;background:#eee;padding:6px}.swwMiniCheckoutRow em{margin-left:auto;color:#8b8b8b;font-size:10px;font-style:normal}
.swwMiniStudioHero{background:linear-gradient(150deg,#eeeeee,#d4d4d4)}.swwMiniStudioShape{width:100%;height:155px;position:relative;overflow:hidden}
.swwMiniStudioShape i{position:absolute;display:block;width:100px;height:100px;border:2px solid #555;border-radius:20px;transform:rotate(22deg);top:25px;left:17%}
.swwMiniStudioShape i:nth-child(2){border-radius:50%;left:32%;top:6px}.swwMiniStudioShape i:nth-child(3){width:45px;height:45px;background:#333;left:46%;top:57px;border:0}
.swwMiniThree{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.swwMiniThree span{min-width:0;background:#f3f3f3;padding:12px;border-radius:8px;color:#777;font:660 9px ui-monospace,monospace}.swwMiniThree b{display:block;color:#222;font-size:11px;margin-top:8px}
.swwMiniServices{display:grid;gap:8px;margin:20px 0}.swwMiniServices>div{display:grid;grid-template-columns:25px 1fr;gap:4px 10px;background:#f5f5f5;border:1px solid #eee;border-radius:9px;padding:11px}
.swwMiniServices>div>span{grid-row:span 2;color:#999;font-size:10px}.swwMiniServices strong{font-size:12px}.swwMiniServices small{color:#777;font-size:10px}
.swwMiniWorkGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.swwMiniWorkGrid>div{min-width:0}.swwMiniWorkArt{height:155px;border-radius:10px;background:linear-gradient(145deg,#242424,#666);color:#fff;font:bold 95px Georgia,serif;text-align:center;position:relative;line-height:145px}.swwMiniWorkArt.is-second{background:linear-gradient(145deg,#d2d2d2,#a9a9a9);color:#555}.swwMiniWorkArt span{position:absolute;bottom:0;left:8px;font:700 8px ui-monospace,monospace;line-height:17px;color:#f5f5f5}.swwMiniWorkGrid strong{display:block;font-size:11px;margin:9px 0 4px}.swwMiniWorkGrid small{color:#888;font-size:10px}
.swwMiniContactBlock{padding:18px;background:#f2f2f2;border-radius:10px}.swwMiniContactBlock h3{font-size:25px;line-height:1.1;margin:12px 0}.swwMiniContactBlock p{font-size:11px;color:#666}.swwMiniContactFake{display:block;padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:7px;color:#888;margin:7px 0}
.swwMiniMarketHero{min-height:150px;background:#ebebeb}.swwMiniMarketHero>svg{max-height:140px}
.swwMiniDashboard{min-width:0}.swwMiniDashGreeting{display:flex;gap:15px;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.swwMiniDashGreeting h3{font-size:23px;letter-spacing:-.045em;color:#222;margin:8px 0}.swwMiniDashGreeting p{font-size:10px;color:#777;margin:0}.swwMiniDashAvatar{background:#222;color:#fff;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:10px;flex-shrink:0}
.swwMiniStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.swwMiniStat{background:#f5f5f5;border:1px solid #e9e9e9;border-radius:8px;padding:12px 9px;min-width:0}.swwMiniStat span{display:block;font-size:9px;color:#777}.swwMiniStat b{display:block;font-size:21px;color:#222;margin:8px 0 2px}.swwMiniStat small{font-size:8px;color:#aaa}
.swwMiniDashPanel{border:1px solid #e6e6e6;margin-top:16px;padding:0 12px;border-radius:9px}.swwMiniTask{display:flex;align-items:center;gap:10px;border-top:1px solid #efefef;padding:12px 0}.swwMiniTask span{font-size:16px;color:#444}.swwMiniTask b{font-size:10px;flex:1;color:#444}.swwMiniTask em{font-size:9px;color:#888;font-style:normal}
.swwMiniBrandConcept{background:#e2e2e2;padding:18px;border-radius:12px;margin:18px 0}.swwMiniBrandHeroText{font:160px Georgia,serif;color:#212121;line-height:.9;text-align:center}.swwMiniBrandHeroText span{display:block;font:750 9px ui-monospace,monospace;letter-spacing:.1em;padding:8px}.swwMiniBrandSwatches{display:flex;gap:5px}.swwMiniBrandSwatches i{height:21px;flex:1;background:#222;border-radius:3px}.swwMiniBrandSwatches i:nth-child(2){background:#777}.swwMiniBrandSwatches i:nth-child(3){background:#bbb}.swwMiniBrandSwatches i:nth-child(4){background:#f9f9f9}
.swwMiniCalHead{display:flex;justify-content:space-between;margin:13px 0;font:750 10px ui-monospace,monospace;color:#777}
.swwMiniCalendar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.swwMiniCalendar>div{display:flex;flex-direction:column;gap:13px;min-height:113px;padding:15px;background:#f3f3f3;border:1px solid #e9e9e9;border-radius:9px}.swwMiniCalendar span{font:700 10px ui-monospace,monospace;color:#8c8c8c}.swwMiniCalendar b{font-size:13px}.swwMiniCalendar small{font-size:9px;color:#888}
.swwMiniApp button:focus-visible{outline:2px solid #222!important;outline-offset:2px}.swwMiniApp button{touch-action:manipulation}
@media(max-width:1070px){.swwSimShell{grid-template-columns:minmax(0,1fr)!important}.swwSimRail{padding:24px!important}.swwSimCanvas{padding:15px!important}.swwMockBrowser{min-height:490px!important}.swwMiniSiteBody{min-height:400px}}
@media(max-width:570px){.swwSimShell{min-height:0!important}.swwSimCanvas{padding:11px!important}.swwMockBrowser{min-height:400px!important}.swwMiniSiteNav{padding:9px 11px;min-height:49px;height:auto;flex-wrap:wrap;gap:7px}.swwMiniWordmark{font-size:11px}.swwMiniNavLinks{order:3;width:100%;justify-content:flex-start;gap:4px}.swwMiniNavLink{padding:6px 7px;font-size:10px}.swwMiniSiteBody{padding:13px 12px 16px;min-height:370px}.swwMiniSiteFooter{font-size:7px;padding:9px 11px}.swwMiniStoreHero,.swwMiniStudioHero,.swwMiniMarketHero{padding:15px 12px;min-height:145px}.swwMiniStoreHero h3,.swwMiniStudioHero h3,.swwMiniMarketHero h3{font-size:24px}.swwMiniHeroArt{min-height:110px}.swwMiniHeroArt svg{height:100px}.swwMiniProducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.swwMiniProductArt{height:85px}.swwMiniDetail{gap:12px}.swwMiniDetailArt{min-height:190px}.swwMiniDetailCopy h3{font-size:20px}.swwMiniDetailSizes{gap:3px}.swwMiniPill{padding:6px 5px}.swwMiniThree span{padding:7px}.swwMiniStats{gap:5px}.swwMiniStat{padding:10px 6px}.swwMiniStat b{font-size:17px}.swwMiniBrandHeroText{font-size:120px}.swwMiniWorkArt{height:110px;line-height:100px;font-size:75px}}
@media(max-width:355px){.swwMiniNavLink{font-size:9px;padding:6px}.swwMiniSiteBody{padding:12px 9px 15px}.swwMiniStoreHero,.swwMiniStudioHero{grid-template-columns:1fr}.swwMiniHeroArt,.swwMiniStudioShape{display:none}.swwMiniDetail{grid-template-columns:1fr}.swwMiniDetailArt{min-height:150px}.swwMiniDetailArt svg{max-height:135px}}
@media(prefers-reduced-motion:reduce){.swwMiniApp *{animation:none!important;transition:none!important;transform:none!important}}

.swwMiniQueuePanel{border:1px solid #e7e7e7;border-radius:11px;padding:6px 13px;background:#fbfbfb}
.swwMiniQueueRow{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #e9e9e9;color:#555}
.swwMiniQueueRow strong{font-size:12px;line-height:1.5;font-weight:650;flex:1;min-width:0}
.swwMiniQueueRow>span{color:#777;font-size:17px}
.swwMiniQueueIcon{width:33px;height:33px;border-radius:8px;background:#ededed;display:grid;place-items:center;color:#686868;font:700 10px ui-monospace,monospace}
.swwMiniSampleNote{margin-top:18px;padding:15px 16px;border-radius:11px;background:#252525;color:#f5f5f5}
.swwMiniSampleNote b{font:750 9px ui-monospace,monospace;letter-spacing:.09em;color:#dbdbdb}
.swwMiniSampleNote p{color:#bcbcbc;font-size:11px;line-height:1.7;margin:8px 0 0}
