*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}button{font:inherit}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.designer-shell{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 24px;display:flex}.designer-layout{grid-template-columns:minmax(280px,380px) minmax(0,560px);align-items:stretch;gap:16px 56px;width:min(100%,980px);min-width:0;display:grid}.designer-sidebar{text-align:center;flex-direction:column;gap:16px;min-width:0;display:flex}.designer-panel{text-align:center;min-width:0}.designer-sidebar-header{flex-direction:column;align-items:center;gap:16px;display:flex}.designer-chip-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.designer-color-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.designer-wash-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.designer-size-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.designer-canvas-col{flex-direction:column;width:100%;min-width:0;min-height:0;display:flex}.designer-canvas-frame{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;position:relative}.designer-canvas-viewport{aspect-ratio:3/2;width:100%;position:relative}@media (min-width:861px){.designer-canvas-col{align-self:stretch}.designer-canvas-frame{flex:auto;height:100%;min-height:0}.designer-canvas-viewport{aspect-ratio:unset;flex:1 1 0;min-height:0}}@media (max-width:860px){.designer-shell{align-items:flex-start;padding:16px 12px 48px}.designer-layout{flex-direction:column;gap:18px;width:min(100%,480px);display:flex}.designer-sidebar{display:contents}.designer-header{order:1}.designer-intro{order:2}.designer-wash{order:3}.designer-size{order:4}.designer-canvas-col{order:5;width:100%}.designer-sides{order:6}.designer-colors{order:7}.designer-hint{order:8}.designer-actions{order:9}.designer-canvas-frame{flex:none;height:auto}.designer-canvas-viewport{aspect-ratio:4/5;flex:none}}.spec-modal-overlay{z-index:50;overscroll-behavior:none;background:#0a0c10b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.spec-modal-panel{color:#0f0f0f;overscroll-behavior:contain;background:#fff;border-radius:18px;width:100%;max-width:440px;max-height:88vh;padding:20px;overflow-y:auto}.spec-modal-preview{aspect-ratio:4/5;border-radius:10px;width:100%;max-height:56vh;margin-bottom:10px;position:relative;overflow:hidden}.size-guide-panel{max-width:520px}@media (max-width:860px){.spec-modal-overlay{align-items:flex-start;padding:48px 16px 24px}.spec-modal-panel{max-height:min(72vh,100dvh - 72px)}}