:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Space Mono", ui-monospace, Menlo, Consolas, monospace;--bg-page:#fff;--bg-card:#fff;--bg-subtle:#f5f5f5;--bg-hover:#ebebeb;--bg-overlay:#000000b3;--border-line:#e2e2e2;--border-subtle:#eee;--border-strong:#000;--border-focus:#000;--text-main:#000;--text-muted:#3d3d3d;--text-faint:#737373;--text-subtle:#a3a3a3;--fs-2xs:11.5px;--fs-xs:13px;--fs-sm:14.5px;--fs-base:15px;--fs-md:16.5px;--fs-lg:18.5px;--fs-xl:21px;--tracking-wide:.08em;--tracking-caps:.06em;--tracking-normal:.01em;--radius-xs:6px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.24s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-sans);font-size:var(--fs-base);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.mono{font-family:var(--font-mono);letter-spacing:.02em}.caps{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--fs-xs)}.app-layout{background:var(--bg-page);flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-line);background:#fffffff5;position:sticky;top:0}.header-top{border-bottom:1px solid var(--border-subtle);font-size:var(--fs-xs);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.brand-section{align-items:center;gap:12px;display:flex}.brand-title{font-weight:700;font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);color:var(--text-main)}.brand-tag{color:var(--text-faint);border-left:1px solid var(--border-line);font-size:var(--fs-xs);padding-left:12px}.header-meta{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:20px;display:flex}.meta-item{align-items:center;gap:7px;display:inline-flex}.meta-dot{background:#000;border-radius:50%;width:7px;height:7px;display:inline-block}.header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.filter-row{align-items:center;gap:8px;display:flex}.filter-label{font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:var(--tracking-wide);margin-right:4px}.pill-btn{font-size:var(--fs-xs);border:1px solid var(--border-line);background:var(--bg-card);color:var(--text-muted);border-radius:var(--radius-full);letter-spacing:var(--tracking-caps);transition:all var(--transition-fast);padding:6px 14px}.pill-btn:hover{background:var(--bg-subtle);color:var(--text-main);border-color:#000}.pill-btn.active{color:#fff;background:#000;border-color:#000}.view-controls{align-items:center;gap:8px;display:flex}.view-btn{border:1px solid var(--border-line);background:var(--bg-card);color:var(--text-muted);font-size:var(--fs-xs);border-radius:var(--radius-sm);letter-spacing:var(--tracking-caps);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.view-btn:hover{background:var(--bg-subtle);color:var(--text-main);border-color:#000}.view-btn.active{color:#fff;background:#000;border-color:#000}.info-strip{border-bottom:1px solid var(--border-line);font-size:var(--fs-2xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);background:#fff;justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.main-content{flex:1;width:100%;max-width:1800px;margin:0 auto;padding:24px}.gallery-grid{gap:22px;display:grid}.gallery-grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gallery-grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gallery-grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.gallery-grid.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.gallery-grid.grid-cols-4,.gallery-grid.grid-cols-3{grid-template-columns:repeat(2,1fr)}.header-bar{padding:8px 16px}.header-top{padding:10px 16px}.main-content{padding:16px}}@media (width<=580px){.gallery-grid.grid-cols-4,.gallery-grid.grid-cols-3,.gallery-grid.grid-cols-2{grid-template-columns:1fr}}.tshirt-card{border:1px solid var(--border-line);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);cursor:pointer;background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.tshirt-card:hover{border-color:#000;transform:translateY(-2px);box-shadow:0 10px 28px #00000017}.card-media{aspect-ratio:4/5;background:#fafafa;width:100%;position:relative;overflow:hidden}.card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--transition-smooth), opacity var(--transition-smooth)}.tshirt-card:hover .card-img{transform:scale(1.03)}.card-badge{font-size:var(--fs-2xs);letter-spacing:var(--tracking-wide);color:#000;border-radius:var(--radius-full);background:#fff;border:1px solid #000;align-items:center;gap:6px;padding:5px 10px;display:flex;position:absolute;top:12px;left:12px}.swatch-pip{border:1px solid #0003;border-radius:50%;width:9px;height:9px;display:inline-block}.card-hover-prompt{color:#fff;font-size:var(--fs-2xs);letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);opacity:0;transition:all var(--transition-fast);background:#000;border:1px solid #000;padding:5px 12px;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.tshirt-card:hover .card-hover-prompt{opacity:1;transform:translateY(0)}.card-details{border-top:1px solid var(--border-line);background:#fff;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.card-row-main{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card-item-title{font-size:var(--fs-sm);letter-spacing:.03em;color:#000;font-weight:600}.card-item-id{font-size:var(--fs-xs);color:var(--text-faint)}.card-row-sub{font-size:var(--fs-xs);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.card-specs-line{align-items:center;gap:8px;display:flex}.spec-divider{color:var(--text-subtle)}.table-container{border:1px solid var(--border-line);border-radius:var(--radius-md);background:#fff;overflow-x:auto;box-shadow:0 1px 4px #0000000a}.archive-table{border-collapse:collapse;width:100%;font-size:var(--fs-xs);text-align:left}.archive-table th{font-size:var(--fs-2xs);letter-spacing:var(--tracking-wide);color:#000;text-transform:uppercase;white-space:nowrap;background:#fafafa;border-bottom:2px solid #000;padding:12px 16px;font-weight:700}.archive-table td{border-bottom:1px solid var(--border-subtle);color:#000;vertical-align:middle;white-space:nowrap;padding:12px 16px}.archive-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.archive-table tbody tr:hover{background:#f7f7f7}.table-thumbnail{object-fit:cover;border:1px solid var(--border-line);border-radius:var(--radius-xs);background:#f5f5f5;width:48px;height:56px}.table-inspect-btn{font-size:var(--fs-2xs);letter-spacing:var(--tracking-wide);color:#000;border-radius:var(--radius-full);transition:all var(--transition-fast);background:#fff;border:1px solid #000;padding:5px 14px}.table-inspect-btn:hover{color:#fff;background:#000;border-color:#000}.modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);z-index:100;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius-lg);background:#fff;border:1px solid #000;flex-direction:column;width:100%;max-width:1080px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000040}.modal-header{background:#fff;border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title-group{align-items:center;gap:14px;display:flex}.modal-title{font-size:var(--fs-md);letter-spacing:var(--tracking-caps);color:#000;font-weight:700}.modal-code{font-size:var(--fs-xs);color:var(--text-faint);border-left:1px solid var(--border-line);padding-left:12px}.modal-close-btn{border-radius:var(--radius-sm);color:#000;width:34px;height:34px;transition:all var(--transition-fast);border:1px solid #000;justify-content:center;align-items:center;display:inline-flex}.modal-close-btn:hover{color:#fff;background:#000}.modal-body{grid-template-columns:1.15fr 1fr;max-height:calc(90vh - 65px);display:grid;overflow-y:auto}@media (width<=800px){.modal-body{grid-template-columns:1fr}}.modal-gallery{border-right:1px solid var(--border-line);background:#fff;flex-direction:column;gap:14px;padding:24px;display:flex}.modal-main-image-wrap{aspect-ratio:4/5;border:1px solid var(--border-line);border-radius:var(--radius-md);background:#f5f5f5;width:100%;position:relative;overflow:hidden}.modal-main-img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-row{gap:10px;display:flex}.thumb-btn{border:1px solid var(--border-line);border-radius:var(--radius-xs);opacity:.6;width:68px;height:80px;transition:all var(--transition-fast);background:#fff;overflow:hidden}.thumb-btn.active,.thumb-btn:hover{opacity:1;border-width:2px;border-color:#000}.thumb-img{object-fit:cover;border-radius:calc(var(--radius-xs) - 1px);width:100%;height:100%}.modal-specs-panel{background:#fff;flex-direction:column;gap:22px;padding:24px;display:flex}.spec-block{flex-direction:column;gap:10px;display:flex}.spec-block-title{font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);color:#000;text-transform:uppercase;border-bottom:1px solid #000;padding-bottom:6px;font-weight:700}.spec-grid-dense{font-size:var(--fs-xs);grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.spec-item{flex-direction:column;gap:3px;display:flex}.spec-label{font-size:var(--fs-2xs);color:var(--text-faint);letter-spacing:var(--tracking-wide)}.spec-val{color:#000;font-weight:600;font-size:var(--fs-sm)}.spec-list{font-size:var(--fs-sm);color:var(--text-muted);flex-direction:column;gap:6px;list-style:none;display:flex}.spec-list-item{align-items:baseline;gap:10px;display:flex}.bullet-dash{color:#000;font-family:var(--font-mono)}.measurement-unit-toggle{gap:6px;margin-left:auto;display:flex}.unit-btn{font-size:var(--fs-2xs);color:#000;border-radius:var(--radius-xs);transition:all var(--transition-fast);background:#fff;border:1px solid #000;padding:3px 10px}.unit-btn.active{color:#fff;background:#000;border-color:#000}.measure-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-xs);border-radius:var(--radius-xs);border:1px solid #000;overflow:hidden}.measure-table th,.measure-table td{text-align:center;border-bottom:1px solid var(--border-line);border-right:1px solid var(--border-line);padding:8px 10px}.measure-table th:last-child,.measure-table td:last-child{border-right:none}.measure-table tr:last-child td{border-bottom:none}.measure-table th{color:#fff;font-size:var(--fs-2xs);background:#000;border-color:#000;font-weight:700}.measure-table td{font-size:var(--fs-xs);color:#000}.measure-table td:first-child,.measure-table th:first-child{text-align:left}.care-notice{font-size:var(--fs-xs);color:#000;border-radius:var(--radius-sm);background:#f7f7f7;border-left:3px solid #000;padding:10px 14px;line-height:1.6}.site-footer{border-top:1px solid var(--border-line);font-size:var(--fs-xs);color:var(--text-muted);background:#fff;margin-top:auto;padding:18px 24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-col{align-items:center;gap:14px;display:flex}.footer-sep{color:var(--text-subtle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}