/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/catalog/ProductWorkspace.module.css ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .ProductWorkspace_filters__6kshC{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.ProductWorkspace_filters__6kshC button{border:1px solid var(--makke-border-strong);border-radius:999px;padding:9px 16px;background:var(--makke-surface);color:var(--makke-text-secondary);font-size:12px;cursor:pointer}.ProductWorkspace_filters__6kshC button[aria-pressed=true]{border-color:var(--makke-accent);color:var(--makke-text-primary);background:var(--makke-accent-soft)}.ProductWorkspace_photo___1JQi{width:100%;height:120px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:var(--makke-bg-elevated)}.ProductWorkspace_photo___1JQi img{width:100%;height:100%;object-fit:contain}.ProductWorkspace_name__YBA1J{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-align:left;max-width:100%}.ProductWorkspace_headerPhoto__I7ab6 img{max-width:100%;max-height:100%;object-fit:contain}.ProductWorkspace_facts___Qk5e{display:flex;flex-wrap:wrap;gap:20px 40px;margin:0}.ProductWorkspace_facts___Qk5e dt{font-size:11px;color:var(--makke-text-muted);margin-bottom:8px}.ProductWorkspace_facts___Qk5e dd{font-size:14px;margin:0;overflow-wrap:anywhere}.ProductWorkspace_empty__3vGpo{padding:40px 20px;border:1px dashed var(--makke-border);border-radius:16px;text-align:center;color:var(--makke-text-secondary)}@media(max-width:650px){.ProductWorkspace_photo___1JQi{height:100px}.ProductWorkspace_filters__6kshC{gap:6px}.ProductWorkspace_filters__6kshC button{padding:8px 12px}.ProductWorkspace_facts___Qk5e{gap:20px}.ProductWorkspace_name__YBA1J{font-size:inherit}} .ProductWorkspace_headerPhoto__I7ab6{color:#333} .ProductWorkspace_brandLink__oCZdC{border:1px solid var(--makke-border);border-radius:12px;padding:16px;margin:0 0 22px;background:var(--makke-surface)}.ProductWorkspace_brandLink__oCZdC h3{font-size:14px;margin:0 0 8px}.ProductWorkspace_brandLink__oCZdC p{font-size:12px;line-height:1.6;color:var(--makke-text-secondary);margin:0 0 12px}.ProductWorkspace_brandLink__oCZdC>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ProductWorkspace_brandLink__oCZdC label{font-size:12px;color:var(--makke-text-secondary)}.ProductWorkspace_brandLink__oCZdC select{min-width:190px;max-width:100%;border:1px solid var(--makke-border-strong);border-radius:8px;padding:9px 10px;background:var(--makke-bg-elevated);color:var(--makke-text-primary)}.ProductWorkspace_brandLink__oCZdC [role=status]{margin:10px 0 0;color:var(--makke-text-secondary)}@media(max-width:650px){.ProductWorkspace_brandLink__oCZdC>div{align-items:stretch;flex-direction:column}.ProductWorkspace_brandLink__oCZdC select,.ProductWorkspace_brandLink__oCZdC button{width:100%;min-height:44px}} .ProductWorkspace_productPage__Ali97.ProductWorkspace_productPage__Ali97{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:28px;padding-bottom:24px}.ProductWorkspace_productPage__Ali97>header{flex-shrink:0}.ProductWorkspace_split__Bjc4N.ProductWorkspace_split__Bjc4N{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-gap:24px;gap:24px;flex:1 1;min-height:0;margin-top:26px;max-width:none;overflow:hidden}.ProductWorkspace_browser__sVPOb{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}.ProductWorkspace_browser__sVPOb>section>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.ProductWorkspace_detail__4ArSR{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ProductWorkspace_detailPanel__hhadj.ProductWorkspace_detailPanel__hhadj{margin-top:0;padding:24px;min-height:100%}.ProductWorkspace_detailPanel__hhadj>header{padding-bottom:18px;align-items:flex-start;flex-wrap:wrap}.ProductWorkspace_detailPanel__hhadj>header>div:first-child{width:110px;height:110px}.ProductWorkspace_detailPanel__hhadj>header h2{font-size:22px}.ProductWorkspace_summary__Vatmb{padding:0 0 24px}.ProductWorkspace_summary__Vatmb .ProductWorkspace_facts___Qk5e{gap:14px 24px}.ProductWorkspace_emptyDetail__6aF4r{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--makke-border);border-radius:20px;background:var(--makke-bg-elevated);color:var(--makke-text-secondary);padding:24px}.ProductWorkspace_emptyDetail__6aF4r h3{font-size:17px}.ProductWorkspace_emptyDetail__6aF4r p{font-size:13px;line-height:1.7}.ProductWorkspace_back__NU6Fu{display:none}@media(min-width:1650px){.ProductWorkspace_browser__sVPOb>section>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.ProductWorkspace_split__Bjc4N.ProductWorkspace_split__Bjc4N{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ProductWorkspace_detailPanel__hhadj.ProductWorkspace_detailPanel__hhadj{padding:18px}.ProductWorkspace_detailPanel__hhadj>header>div:first-child{width:84px;height:84px}}@media(max-width:720px){.ProductWorkspace_productPage__Ali97.ProductWorkspace_productPage__Ali97{padding-top:22px;padding-bottom:14px}.ProductWorkspace_split__Bjc4N.ProductWorkspace_split__Bjc4N{display:flex;flex-direction:column;margin-top:22px;gap:0}.ProductWorkspace_browser__sVPOb,.ProductWorkspace_detail__4ArSR{flex:1 1;width:100%}.ProductWorkspace_browser__sVPOb{padding-right:0}.ProductWorkspace_detail__4ArSR{display:none}.ProductWorkspace_split__Bjc4N[data-detail=true] .ProductWorkspace_browser__sVPOb{display:none}.ProductWorkspace_split__Bjc4N[data-detail=true] .ProductWorkspace_detail__4ArSR{display:block}.ProductWorkspace_back__NU6Fu{display:flex;align-items:center;min-height:44px;margin-bottom:12px}.ProductWorkspace_detailPanel__hhadj.ProductWorkspace_detailPanel__hhadj{min-height:0;padding:20px 14px}.ProductWorkspace_detailPanel__hhadj>header{flex-direction:column;gap:18px}.ProductWorkspace_detailPanel__hhadj>header>div:first-child{width:100%;height:180px;padding:10px}.ProductWorkspace_detailPanel__hhadj>header h2{display:block;-webkit-line-clamp:unset;font-size:20px;overflow:visible}.ProductWorkspace_detailPanel__hhadj button{min-height:44px}.ProductWorkspace_summary__Vatmb .ProductWorkspace_facts___Qk5e{gap:16px}.ProductWorkspace_browser__sVPOb>section>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}} .ProductWorkspace_photo___1JQi,.ProductWorkspace_headerPhoto__I7ab6{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.ProductWorkspace_photo___1JQi img,.ProductWorkspace_headerPhoto__I7ab6 img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain} /* Product list: image alongside existing product information. */ .ProductWorkspace_browser__sVPOb{container-type:inline-size} .ProductWorkspace_browser__sVPOb>section[aria-label="등록된 상품"]>div:last-child:not(.ProductWorkspace_empty__3vGpo){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .ProductWorkspace_browser__sVPOb>section[aria-label="등록된 상품"]>div:last-child:not(.ProductWorkspace_empty__3vGpo)>button{display:flex;flex-direction:row;align-items:flex-start;text-align:left;height:auto;min-height:144px;padding:14px;gap:14px;border-radius:12px;overflow:hidden} .ProductWorkspace_browser__sVPOb .ProductWorkspace_photo___1JQi{width:104px;height:104px;flex:0 0 104px;border-radius:10px} .ProductWorkspace_browser__sVPOb .ProductWorkspace_photo___1JQi svg{width:32px;height:32px} .ProductWorkspace_cardInfo__seUuB{display:flex;flex-direction:column;gap:8px;flex:1 1;min-width:0} .ProductWorkspace_browser__sVPOb .ProductWorkspace_name__YBA1J{width:100%;height:auto;flex:none;font-size:14px;line-height:1.5;-webkit-line-clamp:3} .ProductWorkspace_price__1l1vY{font-size:15px;font-weight:700;line-height:1.4} .ProductWorkspace_cardInfo__seUuB small{font-size:12px;line-height:1.5;color:var(--makke-text-secondary);overflow-wrap:anywhere} .ProductWorkspace_browser__sVPOb>section[aria-label="등록된 상품"]>div:last-child:not(.ProductWorkspace_empty__3vGpo)>button:last-child{align-items:center;justify-content:center} @container(max-width:560px){.ProductWorkspace_browser__sVPOb>section[aria-label="등록된 상품"]>div:last-child:not(.ProductWorkspace_empty__3vGpo){grid-template-columns:minmax(0,1fr)}} @media(max-width:720px){.ProductWorkspace_browser__sVPOb .ProductWorkspace_photo___1JQi{width:96px;height:96px;flex-basis:96px}.ProductWorkspace_browser__sVPOb>section[aria-label="등록된 상품"]>div:last-child:not(.ProductWorkspace_empty__3vGpo)>button{min-height:124px;padding:12px}} /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/thumbnail/ThumbnailCreation.module.css ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .ThumbnailCreation_workspace__qpPzE{padding:0!important;gap:0!important;background:var(--makke-bg);color:var(--makke-text-primary);overflow-y:auto!important} .ThumbnailCreation_header__ZH_kM{display:flex;align-items:center;gap:12px;padding:22px 28px;border-bottom:1px solid var(--makke-border);flex-shrink:0} .ThumbnailCreation_header__ZH_kM>button,.ThumbnailCreation_lightbox__ktlbC button{display:grid;place-items:center;background:var(--makke-surface);color:var(--makke-text-primary);border:1px solid var(--makke-border);border-radius:10px;min-width:36px;min-height:36px;cursor:pointer} .ThumbnailCreation_header__ZH_kM>div{min-width:0;flex:1 1}.ThumbnailCreation_header__ZH_kM p{margin:0 0 5px;color:var(--makke-text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ThumbnailCreation_header__ZH_kM h1{margin:0;font-size:22px;letter-spacing:-.04em}.ThumbnailCreation_header__ZH_kM>small{font-size:12px;color:var(--makke-text-secondary);white-space:nowrap} .ThumbnailCreation_main__RzRxp{width:100%;max-width:820px;margin:0 auto;padding:24px 28px 40px;min-width:0;box-sizing:border-box} .ThumbnailCreation_card__Z0r3D{padding:24px;border:1px solid var(--makke-border);border-radius:20px;background:var(--makke-bg-elevated)} .ThumbnailCreation_context__z4yNn{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--makke-text-secondary);margin-bottom:22px} .ThumbnailCreation_card__Z0r3D fieldset{border:0;margin:0;padding:0;min-width:0}.ThumbnailCreation_assetSection__XvQ2J+ .ThumbnailCreation_assetSection__XvQ2J{margin-top:22px}.ThumbnailCreation_assetSection__XvQ2J header h2,.ThumbnailCreation_results__dkfs2 h2{font-size:15px;margin:0;font-weight:650}.ThumbnailCreation_assetSection__XvQ2J h2 small{margin-left:6px;color:var(--makke-text-muted);font-size:11px;font-weight:400}.ThumbnailCreation_assetSection__XvQ2J header p{font-size:12px;color:var(--makke-text-secondary);margin:5px 0 12px} .ThumbnailCreation_assets__Iw7tx{display:flex;gap:10px;flex-wrap:wrap}.ThumbnailCreation_asset__nmtJ0{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100px;height:100px;border-radius:12px;border:1px dashed var(--makke-border-strong);background:var(--makke-surface);color:var(--makke-text-secondary);font-size:11px;cursor:pointer;padding:7px;overflow:hidden;flex-shrink:0}.ThumbnailCreation_asset__nmtJ0 img{width:100%;height:100%;object-fit:contain}.ThumbnailCreation_asset__nmtJ0:hover{border-color:var(--makke-accent)}.ThumbnailCreation_chosen__Lu60O{border:2px solid var(--makke-accent)}.ThumbnailCreation_plus__ceMgf{font-size:26px;line-height:1}.ThumbnailCreation_check__4yj7F{position:absolute;top:4px;right:4px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--makke-bg-elevated);color:var(--makke-accent);font-size:12px}.ThumbnailCreation_caption__6S6fT{position:absolute;bottom:0;left:0;right:0;text-align:center;background:var(--makke-bg-elevated);color:var(--makke-text-secondary);padding:4px;font-size:10px}.ThumbnailCreation_reference__FAdfY{position:relative}.ThumbnailCreation_remove__Qv_V1{position:absolute;top:3px;right:3px;border:1px solid var(--makke-border);background:var(--makke-bg-elevated);color:var(--makke-text-primary);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;cursor:pointer} .ThumbnailCreation_note__wVUa_{display:block;font-size:10px;color:var(--makke-text-muted);margin-top:8px}.ThumbnailCreation_roles__bMtJX{margin-top:8px;font-size:11px;color:var(--makke-text-secondary)}.ThumbnailCreation_roles__bMtJX summary{cursor:pointer}.ThumbnailCreation_roles__bMtJX>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.ThumbnailCreation_roles__bMtJX label{display:flex;align-items:center;gap:4px}.ThumbnailCreation_roles__bMtJX input{accent-color:var(--makke-accent)} .ThumbnailCreation_actions__Q1u1O{border-top:1px solid var(--makke-border);margin-top:22px;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ThumbnailCreation_actions__Q1u1O p{font-size:12px;color:var(--makke-text-secondary);margin:0}.ThumbnailCreation_actions__Q1u1O>button{min-height:44px;min-width:220px}.ThumbnailCreation_error__wyi6z{font-size:12px;color:var(--makke-text-primary);border:1px solid var(--makke-border-strong);padding:12px;border-radius:10px} .ThumbnailCreation_results__dkfs2{margin-top:28px}.ThumbnailCreation_results__dkfs2 header p{font-size:12px;color:var(--makke-text-secondary)}.ThumbnailCreation_resultGrid__R_cC6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:14px}.ThumbnailCreation_resultGrid__R_cC6 article{padding:8px;border:2px solid var(--makke-border);border-radius:14px;min-width:0}.ThumbnailCreation_resultGrid__R_cC6 article.ThumbnailCreation_selectedResult__IWyz4{border-color:var(--makke-accent)}.ThumbnailCreation_resultGrid__R_cC6 button{display:block;border:0;padding:0;width:100%;background:var(--makke-surface);cursor:zoom-in;border-radius:8px;overflow:hidden}.ThumbnailCreation_resultGrid__R_cC6 img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.ThumbnailCreation_resultGrid__R_cC6 b{display:block;font-size:12px;padding:10px 2px 2px}.ThumbnailCreation_resultPlaceholder__PTnXL{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--makke-text-secondary);background:var(--makke-surface)} .ThumbnailCreation_debug__PEi0y{margin-top:24px}.ThumbnailCreation_debug__PEi0y textarea{width:100%;min-height:240px}.ThumbnailCreation_lightbox__ktlbC{position:fixed;inset:0;z-index:9999;background:var(--makke-overlay);display:grid;grid-template-rows:auto minmax(0,1fr);padding:20px;color:var(--makke-text-primary)}.ThumbnailCreation_lightbox__ktlbC header{display:flex;align-items:center;justify-content:space-between;background:var(--makke-bg-elevated);padding:10px;border-radius:12px}.ThumbnailCreation_lightbox__ktlbC>div{display:flex;align-items:center;justify-content:center;gap:12px;min-height:0}.ThumbnailCreation_lightbox__ktlbC img{max-width:calc(100% - 96px);max-height:100%;object-fit:contain}.ThumbnailCreation_lightbox__ktlbC button{font-size:24px} @media(max-width:720px){.ThumbnailCreation_header__ZH_kM{padding:16px 12px;gap:8px;flex-wrap:wrap}.ThumbnailCreation_header__ZH_kM h1{font-size:19px}.ThumbnailCreation_header__ZH_kM>small{padding-left:44px;font-size:11px}.ThumbnailCreation_main__RzRxp{padding:14px 10px 28px}.ThumbnailCreation_card__Z0r3D{padding:16px 12px;border-radius:16px}.ThumbnailCreation_context__z4yNn{margin-bottom:18px;gap:8px}.ThumbnailCreation_assets__Iw7tx{gap:8px}.ThumbnailCreation_asset__nmtJ0{width:72px;height:80px;font-size:10px;padding:4px}.ThumbnailCreation_note__wVUa_{line-height:1.5}.ThumbnailCreation_actions__Q1u1O>button{width:100%;min-width:0}.ThumbnailCreation_resultGrid__R_cC6{grid-template-columns:1fr}.ThumbnailCreation_lightbox__ktlbC{padding:10px}} @media(max-width:720px){.ThumbnailCreation_header__ZH_kM{display:grid;grid-template-columns:36px minmax(0,1fr)}.ThumbnailCreation_header__ZH_kM h1{white-space:nowrap}.ThumbnailCreation_header__ZH_kM>small{grid-column:2;padding-left:0}} /* Layout follows the actual production width after the existing Sidebar. */ .ThumbnailCreation_workspace__qpPzE{container-type:inline-size;container-name:thumbnail-production} .ThumbnailCreation_main__RzRxp{max-width:none;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start} .ThumbnailCreation_card__Z0r3D,.ThumbnailCreation_results__dkfs2{min-width:0}.ThumbnailCreation_results__dkfs2{margin:0;padding:24px;border:1px solid var(--makke-border);border-radius:20px;background:var(--makke-bg-elevated)} .ThumbnailCreation_empty__2PP_A{margin:16px 0 0;padding:18px 0;font-size:13px;line-height:1.6;color:var(--makke-text-secondary)} .ThumbnailCreation_selectedPreview__hNQZH{display:block;width:100%;aspect-ratio:1;position:relative;margin:16px 0 0;padding:12px;background:var(--makke-surface);border:1px solid var(--makke-border);border-radius:12px;cursor:zoom-in;overflow:hidden}.ThumbnailCreation_selectedPreview__hNQZH img{display:block;width:100%;height:100%;object-fit:contain}.ThumbnailCreation_selectedPreview__hNQZH span{position:absolute;bottom:10px;right:10px;border-radius:8px;padding:6px 10px;background:var(--makke-bg-elevated);color:var(--makke-text-primary);font-size:12px} .ThumbnailCreation_resultGrid__R_cC6{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ThumbnailCreation_resultGrid__R_cC6 button{cursor:pointer}.ThumbnailCreation_debug__PEi0y{grid-column:1/-1}.ThumbnailCreation_review__Q05dp{padding:12px;display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.ThumbnailCreation_review__Q05dp button{background:var(--makke-surface);color:var(--makke-text-primary);border:1px solid var(--makke-border);border-radius:8px;padding:8px} @container thumbnail-production (min-width:960px){.ThumbnailCreation_main__RzRxp{grid-template-columns:minmax(0,39fr) minmax(0,61fr)}.ThumbnailCreation_results__dkfs2{min-height:300px}.ThumbnailCreation_actions__Q1u1O>button{min-width:0;width:100%}} @container thumbnail-production (max-width:480px){.ThumbnailCreation_main__RzRxp{gap:18px}.ThumbnailCreation_results__dkfs2{padding:16px 12px;border-radius:16px}.ThumbnailCreation_resultGrid__R_cC6{grid-template-columns:repeat(2,minmax(0,1fr))}.ThumbnailCreation_resultGrid__R_cC6 b{font-size:11px}.ThumbnailCreation_resultPlaceholder__PTnXL{font-size:10px}} .ThumbnailCreation_selectedPreview__hNQZH{max-height:480px} @container thumbnail-production (min-width:960px){.ThumbnailCreation_selectedPreview__hNQZH{height:clamp(240px,43dvh,480px);aspect-ratio:auto}.ThumbnailCreation_resultGrid__R_cC6 button{height:112px}.ThumbnailCreation_resultGrid__R_cC6 img{height:100%;aspect-ratio:auto}} .ThumbnailCreation_waiting__DW7bl{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:13px 15px;border:1px solid var(--makke-border);border-radius:12px;background:var(--makke-surface);color:var(--makke-text-primary)}.ThumbnailCreation_waitingSpinner__1IO2Z{width:20px;height:20px;flex:none;border:2px solid var(--makke-border-strong);border-top-color:var(--makke-accent);border-radius:50%;animation:ThumbnailCreation_thumbnail-wait-spin__g_yF1 .9s linear infinite}.ThumbnailCreation_waiting__DW7bl b{font-size:12px;font-weight:650}.ThumbnailCreation_waiting__DW7bl p{margin:4px 0 2px;color:var(--makke-text-secondary);font-size:11px}.ThumbnailCreation_waiting__DW7bl small{color:var(--makke-text-muted);font-size:10px}.ThumbnailCreation_resultError__Uw2iA{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px;padding:12px 14px;border:1px solid var(--makke-border-strong);border-radius:12px;background:var(--makke-surface);font-size:12px}.ThumbnailCreation_resultError__Uw2iA button{border:1px solid var(--makke-border);border-radius:8px;padding:7px 11px;background:var(--makke-bg-elevated);color:var(--makke-text-primary);cursor:pointer}.ThumbnailCreation_resultError__Uw2iA button:disabled{opacity:.5;cursor:not-allowed}@keyframes ThumbnailCreation_thumbnail-wait-spin__g_yF1{to{transform:rotate(360deg)}} /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/detail-page/PurchasedTemplates.module.css ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .PurchasedTemplates_textSvg__qBQnP { position:absolute; inset:0; z-index:6; overflow:visible; } .PurchasedTemplates_textEdit__dnNMV { position:absolute; z-index:7; box-sizing:border-box; margin:0; padding:0; border:0; outline:2px solid #ee3d8f; border-radius:1px; background:transparent; white-space:pre-wrap; overflow:visible; cursor:text; caret-color:#ee3d8f; } .PurchasedTemplates_imageSelectionOutline__cezzC { position:absolute; z-index:5; border:2px solid #4f46e5; pointer-events:none; box-sizing:border-box; } .PurchasedTemplates_layerSelectionOutline__FKbAk { position:absolute; z-index:5; border:2px solid #4f46e5; pointer-events:none; box-sizing:border-box; } .PurchasedTemplates_imageResizeHandle__mKDe9 { position:absolute; right:-8px; bottom:-8px; width:16px; height:16px; padding:0; border:2px solid #fff; border-radius:4px; background:#4f46e5; box-shadow:0 1px 4px #0005; cursor:nwse-resize; touch-action:none; pointer-events:auto; } .PurchasedTemplates_picker__TmMAW { padding:20px; border:1px solid #444; border-radius:14px; background:#171717; color:#f5f5f5; } .PurchasedTemplates_picker__TmMAW header,.PurchasedTemplates_actions__Lqx7q { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:14px; } .PurchasedTemplates_picker__TmMAW input,.PurchasedTemplates_picker__TmMAW select { padding:10px; border:1px solid #555; border-radius:6px; background:#222; color:#eee; } .PurchasedTemplates_grid__jriH0 { display:grid; grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); grid-gap:14px; gap:14px; max-height:65vh; overflow:auto; } .PurchasedTemplates_tile__Jk2lC { display:flex; flex-direction:column; gap:6px; padding:10px; border:1px solid #444; background:#222; color:#eee; border-radius:8px; cursor:pointer; text-align:left; } .PurchasedTemplates_tile__Jk2lC img { width:100%; height:180px; object-fit:contain; background:#333; } .PurchasedTemplates_tile__Jk2lC small { font-size:11px; color:#bbb; } .PurchasedTemplates_tile__Jk2lC:disabled { cursor:not-allowed; opacity:.65; } .PurchasedTemplates_insert__KXw66 { display:flex; justify-content:center; padding:12px; width:100%; } .PurchasedTemplates_frame__FFl_A { position:relative; width:100%; overflow:hidden; content-visibility:auto; } .PurchasedTemplates_canvas__HVZ0d { position:absolute; left:0; top:0; transform-origin:0 0; isolation:isolate; background:#fff; } .PurchasedTemplates_testNotice__tJJa1 { padding:16px; border:1px solid #555; border-radius:12px; margin-bottom:16px; } .PurchasedTemplates_testNotice__tJJa1 p { color:#bbb; font-size:13px; } .PurchasedTemplates_proof__4EjNb { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-gap:14px; gap:14px; margin:16px auto; max-width:900px; } .PurchasedTemplates_proof__4EjNb img { width:100%; height:auto; } /* Display width only; PurchasedCanvas scales the unchanged canonical geometry. */ .PurchasedTemplates_editor__KTvky .v2-long-canvas { min-width:0; width:100%; max-width:none; margin-inline:auto; } .PurchasedTemplates_editor__KTvky .v2-block-navigator { max-height:70vh; overflow:auto; } .PurchasedTemplates_editor__KTvky .v2-draft-toolbar>label { display:none; } @media(max-width:1100px) { .PurchasedTemplates_editor__KTvky .v2-draft-properties { position:static; order:2; width:100%; } .PurchasedTemplates_editor__KTvky .v2-draft-layout { grid-template-columns:minmax(0,1fr); } } @media(max-width:600px) { .PurchasedTemplates_proof__4EjNb { grid-template-columns:1fr; } .PurchasedTemplates_grid__jriH0 { grid-template-columns:repeat(2,minmax(0,1fr)); } } .PurchasedTemplates_editor__KTvky .purchased-zoom { display:flex; align-items:center; gap:6px; flex:1 1 100%; } .PurchasedTemplates_editor__KTvky .purchased-zoom button { width:auto!important; flex:0 0 auto; min-height:32px; padding:4px 10px; } .PurchasedTemplates_editor__KTvky .purchased-zoom output { width:auto!important; min-width:48px; text-align:center; font-feature-settings:"tnum"; font-variant-numeric:tabular-nums; } @media(max-width:600px) { .PurchasedTemplates_editor__KTvky .purchased-zoom { display:none; } } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/detail-page/BrandTemplateRuntimePreview.module.css ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .BrandTemplateRuntimePreview_panel__7kMEz{padding:20px;margin:16px 0;border:1px solid var(--makke-border-strong);border-radius:14px;background:var(--makke-bg-elevated);color:var(--makke-text-primary);min-width:0}.BrandTemplateRuntimePreview_toolbar__Xl9K6{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.BrandTemplateRuntimePreview_grid__123To{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);grid-gap:20px;gap:20px;align-items:start}.BrandTemplateRuntimePreview_fields__02ZEg{display:flex;flex-direction:column;gap:14px;min-width:0}.BrandTemplateRuntimePreview_fields__02ZEg label{display:flex;flex-direction:column;gap:5px;font-size:12px}.BrandTemplateRuntimePreview_fields__02ZEg textarea,.BrandTemplateRuntimePreview_fields__02ZEg select{width:100%;min-width:0;max-width:100%;padding:8px;background:var(--makke-surface);color:var(--makke-text-primary);border:1px solid var(--makke-border-strong);border-radius:6px}.BrandTemplateRuntimePreview_fields__02ZEg textarea{min-height:70px}.BrandTemplateRuntimePreview_panel__7kMEz p{font-size:13px;line-height:1.6}.BrandTemplateRuntimePreview_panel__7kMEz button[aria-pressed=true]{border-color:var(--makke-accent)}.BrandTemplateRuntimePreview_warning__HwYC3{font-size:12px;color:var(--makke-text-secondary)}@media(max-width:800px){.BrandTemplateRuntimePreview_panel__7kMEz{padding:12px}.BrandTemplateRuntimePreview_grid__123To{grid-template-columns:minmax(0,1fr)}} /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/detail-page/ProductionCanvas.module.css ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .ProductionCanvas_workspace__HsD2J { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 320px; grid-template-rows:auto auto minmax(0,1fr); grid-gap:0 16px; gap:0 16px; min-width:0; width:100%; height:100vh; min-height:620px; padding:16px 20px 18px; color:var(--makke-text-primary); overflow:hidden; } .ProductionCanvas_header__J4L0S { grid-column:1/-1; width:100%; margin:0 auto 8px; } .ProductionCanvas_heading__d8u4e { display:flex; align-items:center; justify-content:space-between; gap:16px; } .ProductionCanvas_headingActions__lUR9_ { display:flex; align-items:center; gap:8px; } .ProductionCanvas_heading__d8u4e h1 { margin:0; font-size:22px; } .ProductionCanvas_toolbar__aEpm6 { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding-top:12px; font-size:12px; } .ProductionCanvas_toolbar__aEpm6 label { display:flex; gap:6px; align-items:center; white-space:nowrap; } .ProductionCanvas_toolbar__aEpm6 input { width:30px; height:28px; padding:2px; } .ProductionCanvas_status__C3XH3 { color:var(--makke-text-muted); font-size:12px; } .ProductionCanvas_workspaceToolbar__5lBeQ { grid-column:1/-1; position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:40px; margin-bottom:8px; } .ProductionCanvas_collapsedControls__KnIpU { display:flex; align-items:center; min-height:40px; margin-bottom:6px; } .ProductionCanvas_collapsedControls__KnIpU button { padding:7px 11px; border:1px solid var(--makke-border); border-radius:9px; background:var(--makke-surface); color:var(--makke-text-primary); cursor:pointer; } .ProductionCanvas_focusControls__hS4pR { position:relative; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:38px; padding:2px 4px 6px; } .ProductionCanvas_focusZoom__O8_I9 { padding:1px; box-shadow:none; } .ProductionCanvas_focusZoom__O8_I9 button { min-width:30px; min-height:28px; padding:2px 7px; } .ProductionCanvas_zoomControls__Ycgz2 { display:flex; align-items:center; gap:4px; padding:4px; border:1px solid var(--makke-border); border-radius:9px; background:var(--makke-surface); box-shadow:0 2px 8px #0000000c; } .ProductionCanvas_zoomControls__Ycgz2 button { min-width:34px; min-height:32px; padding:4px 9px; border:0; border-radius:6px; color:var(--makke-text-primary); background:transparent; cursor:pointer; } .ProductionCanvas_zoomControls__Ycgz2 button:hover:not(:disabled) { background:var(--makke-bg); } .ProductionCanvas_zoomControls__Ycgz2 button:disabled { opacity:.4; cursor:default; } .ProductionCanvas_zoomControls__Ycgz2 output { min-width:50px; text-align:center; font-size:12px; font-feature-settings:"tnum"; font-variant-numeric:tabular-nums; } .ProductionCanvas_zoomDock__Rwb_j { grid-column:1; grid-row:3; z-index:12; align-self:end; justify-self:end; display:flex; align-items:center; gap:5px; max-width:calc(100% - 24px); margin:0 14px 14px 0; padding:6px 8px; border:1px solid var(--makke-border); border-radius:11px; background:color-mix(in srgb,var(--makke-surface) 95%,transparent); box-shadow:0 5px 20px #00000018; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); } .ProductionCanvas_zoomDock__Rwb_j button { min-width:32px; height:30px; padding:4px 8px; border:0; border-radius:7px; background:transparent; color:var(--makke-text-primary); font-size:12px; cursor:pointer; } .ProductionCanvas_zoomDock__Rwb_j button:hover:not(:disabled) { background:var(--makke-bg); } .ProductionCanvas_zoomDock__Rwb_j button:disabled { opacity:.4; cursor:default; } .ProductionCanvas_zoomDock__Rwb_j input[type=range] { width:clamp(96px,13vw,190px); accent-color:var(--makke-accent); cursor:pointer; } .ProductionCanvas_zoomDock__Rwb_j output { min-width:42px; color:var(--makke-text-primary); font-size:12px; text-align:center; font-feature-settings:"tnum"; font-variant-numeric:tabular-nums; } .ProductionCanvas_zoomDivider__Eim0F { width:1px; height:20px; margin:0 2px; background:var(--makke-border); } .ProductionCanvas_activeStatus__ZZPnI { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--makke-text-muted); font-size:11px; } .ProductionCanvas_activeStatus__ZZPnI b { color:var(--makke-text-primary); font-size:12px; } .ProductionCanvas_activeStatus__ZZPnI span { padding:3px 7px; border:1px solid var(--makke-border); border-radius:999px; background:var(--makke-surface); } .ProductionCanvas_canvasViewport__W7aTB { position:relative; grid-column:1; grid-row:3; width:100%; height:auto; min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; border:1px solid var(--makke-border); border-radius:14px; background-color:var(--makke-bg); background-image:radial-gradient(var(--makke-border) .65px,transparent .65px); background-size:16px 16px; } .ProductionCanvas_assistant__EmRJ0 { grid-column:2; grid-row:3; display:flex; min-width:0; min-height:0; flex-direction:column; overflow:hidden; border:1px solid var(--makke-border); border-radius:14px; background:var(--makke-surface); } .ProductionCanvas_assistant__EmRJ0[data-open=false] { display:none; } .ProductionCanvas_assistant__EmRJ0>header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-bottom:1px solid var(--makke-border); } .ProductionCanvas_assistant__EmRJ0>header small { color:var(--makke-text-muted); font-size:9px; letter-spacing:.08em; } .ProductionCanvas_assistant__EmRJ0>header h2 { margin:2px 0 0; font-size:18px; } .ProductionCanvas_assistant__EmRJ0>header button { width:30px; height:30px; border:0; border-radius:8px; background:transparent; font-size:22px; cursor:pointer; } .ProductionCanvas_assistantBody__CaDmw { min-height:0; overflow:auto; padding:16px; } .ProductionCanvas_assistantBody__CaDmw h3 { margin:0 0 14px; font-size:14px; } .ProductionCanvas_assistantBody__CaDmw p { color:var(--makke-text-secondary); font-size:13px; line-height:1.55; } .ProductionCanvas_assistantGuidance__gsTj4 { display:grid; grid-gap:8px; gap:8px; } .ProductionCanvas_assistantGuidance__gsTj4 p { margin:0; } .ProductionCanvas_assistantBody__CaDmw .v2-editor-panel { display:grid; grid-gap:12px; gap:12px; margin:0; } .ProductionCanvas_assistantBody__CaDmw .v2-editor-panel>label { display:grid; grid-gap:6px; gap:6px; min-width:0; font-size:12px; } .ProductionCanvas_assistantBody__CaDmw .v2-editor-panel>div { display:flex; align-items:center; gap:8px; } .ProductionCanvas_assistantBody__CaDmw .v2-editor-panel button { width:auto; max-width:100%; } .ProductionCanvas_assistantBody__CaDmw .v2-editor-panel textarea,.ProductionCanvas_assistantBody__CaDmw .v2-editor-panel select,.ProductionCanvas_assistantBody__CaDmw .v2-editor-panel input { width:100%; min-width:0; } .ProductionCanvas_assistantBody__CaDmw .v2-assistant-image-preview { display:block; width:100%; max-height:220px; object-fit:contain; border:1px solid var(--makke-border); border-radius:10px; background:#f5f6fa; } .ProductionCanvas_layerList__52uHF { margin-top:16px; border-top:1px solid var(--makke-border); padding-top:12px; } .ProductionCanvas_layerList__52uHF summary { margin-bottom:8px; color:var(--makke-text-primary); font-size:12px; font-weight:650; cursor:pointer; } .ProductionCanvas_layerList__52uHF>div { display:grid; grid-gap:4px; gap:4px; } .ProductionCanvas_layerList__52uHF button { display:flex; align-items:center; gap:8px; min-width:0; padding:7px 8px; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--makke-text-primary); text-align:left; cursor:pointer; } .ProductionCanvas_layerList__52uHF button:hover { background:var(--makke-bg); } .ProductionCanvas_layerList__52uHF button[aria-pressed=true] { border-color:var(--makke-accent); background:color-mix(in srgb,var(--makke-accent) 10%,var(--makke-surface)); } .ProductionCanvas_layerList__52uHF button span { flex:0 0 42px; color:var(--makke-text-muted); font-size:10px; } .ProductionCanvas_layerList__52uHF button b { overflow:hidden; font-size:11px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; } .ProductionCanvas_assistantOpen__UYvJ5 { position:absolute; z-index:7; top:12px; right:12px; padding:7px 10px; border:1px solid var(--makke-border); border-radius:9px; background:var(--makke-surface); box-shadow:0 2px 8px #00000014; cursor:pointer; } .ProductionCanvas_selectedTextToolbar__tMaEs { position:absolute; z-index:14; top:12px; left:50%; max-width:calc(100% - 24px); transform:translateX(-50%); } .ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:5px; padding:6px 8px; border:1px solid var(--makke-border); border-radius:11px; background:color-mix(in srgb,var(--makke-surface) 96%,transparent); box-shadow:0 4px 18px #00000020; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); } .ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar label { display:flex; align-items:center; gap:5px; color:var(--makke-text-secondary); font-size:11px; } .ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar button,.ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar select { min-height:30px; padding:4px 8px; border:1px solid var(--makke-border); border-radius:7px; background:var(--makke-surface); color:var(--makke-text-primary); font-size:11px; } .ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar input[type=color] { width:28px; height:26px; padding:1px; border:0; background:transparent; } .ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar [aria-label="글자 크기"] { display:flex; align-items:center; gap:4px; } .ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar [aria-label="글자 크기"] span { min-width:38px; text-align:center; font-size:11px; } .ProductionCanvas_workspace__HsD2J[data-assistant-open=false] { grid-template-columns:minmax(0,1fr); } .ProductionCanvas_workspace__HsD2J[data-assistant-open=false] .ProductionCanvas_canvasViewport__W7aTB { grid-column:1/-1; } .ProductionCanvas_focusMode__9Fkc3 { grid-template-columns:minmax(0,1fr) 320px; grid-template-rows:auto minmax(0,1fr); min-height:100vh; height:100vh; padding:8px; } .ProductionCanvas_focusMode__9Fkc3 .ProductionCanvas_zoomDock__Rwb_j { grid-row:2; margin:0 12px 12px 0; } .ProductionCanvas_focusMode__9Fkc3[data-assistant-open=false] { grid-template-columns:minmax(0,1fr); } .ProductionCanvas_focusMode__9Fkc3[data-assistant-open=true] .ProductionCanvas_workspaceToolbar__5lBeQ { grid-column:1/-1; } .ProductionCanvas_focusMode__9Fkc3[data-assistant-open=true] .ProductionCanvas_canvasViewport__W7aTB { grid-column:1; grid-row:2; } .ProductionCanvas_focusMode__9Fkc3[data-assistant-open=true] .ProductionCanvas_assistant__EmRJ0 { grid-column:2; grid-row:2; } .ProductionCanvas_focusMode__9Fkc3[data-assistant-open=false] .ProductionCanvas_canvasViewport__W7aTB { grid-column:1; grid-row:2; } .ProductionCanvas_focusMode__9Fkc3[data-assistant-open=false] .ProductionCanvas_assistantOpen__UYvJ5 { top:12px; right:12px; } .ProductionCanvas_focusMode__9Fkc3 .ProductionCanvas_canvasViewport__W7aTB { height:auto; min-height:0; } .ProductionCanvas_canvasStack__b_4Pb { display:flex; flex-direction:column; align-items:stretch; gap:0; width:max(100%,var(--canvas-display-width,860px)); min-width:var(--canvas-display-width,0); min-height:100%; margin:0 auto; padding:0; box-sizing:border-box; } .ProductionCanvas_section__GmgYZ { min-width:0; width:100%; position:relative; } .ProductionCanvas_section__GmgYZ [data-purchased-preview] { margin-inline:auto; } .ProductionCanvas_section__GmgYZ [data-inline-controls="true"] { position:absolute; z-index:8; top:8px; left:8px; max-width:calc(100% - 16px); box-sizing:border-box; padding:4px !important; border:1px solid var(--makke-border); border-radius:9px; background:var(--makke-surface); box-shadow:0 3px 12px #00000020; } .ProductionCanvas_section__GmgYZ button { min-height:40px; min-width:40px; } .ProductionCanvas_section__GmgYZ[data-active=true] { outline:2px solid var(--makke-accent); outline-offset:3px; border-radius:2px; } .ProductionCanvas_tools__FxG88 { width:100%; box-sizing:border-box; padding:12px; background:var(--makke-surface); border:1px solid var(--makke-border); border-radius:8px; margin:12px auto 4px; } .ProductionCanvas_tools__FxG88 .v2-editor-panel { display:flex; flex-wrap:wrap; gap:8px; min-width:0; } .ProductionCanvas_tools__FxG88 .v2-editor-panel>label { flex:1 1 100%; display:grid; grid-gap:6px; gap:6px; } .ProductionCanvas_tools__FxG88 textarea { width:100%; min-height:80px; } .ProductionCanvas_tools__FxG88 textarea,.ProductionCanvas_tools__FxG88 select { background:var(--makke-bg); color:var(--makke-text-primary); border:1px solid var(--makke-border); border-radius:6px; padding:8px; } .ProductionCanvas_tools__FxG88 button { max-width:100%; white-space:normal; } .ProductionCanvas_tools__FxG88 small { flex-basis:100%; color:var(--makke-text-muted); } .ProductionCanvas_pending__6hB3J { width:100%; max-width:860px; margin:0 auto; } .ProductionCanvas_pending__6hB3J:empty { display:none; } .ProductionCanvas_missing__nhRmp { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; box-sizing:border-box; padding:8px 12px; border:1px dashed var(--makke-border); border-radius:8px; color:var(--makke-text-muted); background:var(--makke-surface); font-size:12px; } .ProductionCanvas_createPrompt__GiXFm { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:14px; padding:10px; } .ProductionCanvas_legacy__CRK45 { position:relative; background:#fff; } .ProductionCanvas_workspace__HsD2J[data-preview=true] { display:block; width:100%; height:auto; min-height:0; padding:0; overflow:visible; } .ProductionCanvas_workspace__HsD2J[data-preview=true] .ProductionCanvas_previewViewport__W4WGJ { width:100%; height:auto; min-height:0; overflow:visible; border:0; border-radius:0; background:transparent; } .ProductionCanvas_previewStack__UXsWI { width:min(860px,100%); min-width:0; gap:0; padding:0; margin:0 auto; } .ProductionCanvas_previewSection__POO09 { width:100%; } @media(max-width:700px) { .ProductionCanvas_workspace__HsD2J,.ProductionCanvas_workspace__HsD2J.ProductionCanvas_focusMode__9Fkc3 { display:flex; flex-direction:column; gap:0; height:auto; min-height:0; padding:16px 12px; overflow:visible; } .ProductionCanvas_heading__d8u4e h1 { font-size:19px; } .ProductionCanvas_headingActions__lUR9_ { gap:5px; flex-wrap:wrap; justify-content:flex-end; } .ProductionCanvas_headingActions__lUR9_ button:nth-last-child(-n+2),.ProductionCanvas_collapsedControls__KnIpU,.ProductionCanvas_focusControls__hS4pR { display:none; } .ProductionCanvas_workspaceToolbar__5lBeQ { grid-column:auto; } .ProductionCanvas_toolbar__aEpm6 { gap:8px; } .ProductionCanvas_workspaceToolbar__5lBeQ { align-items:flex-start; } .ProductionCanvas_zoomControls__Ycgz2,.ProductionCanvas_zoomDock__Rwb_j { display:none; } .ProductionCanvas_activeStatus__ZZPnI { font-size:10px; } .ProductionCanvas_canvasViewport__W7aTB { grid-column:auto; grid-row:auto; height:70vh; min-height:300px; } .ProductionCanvas_assistant__EmRJ0,.ProductionCanvas_focusMode__9Fkc3 .ProductionCanvas_assistant__EmRJ0 { display:flex; width:100%; min-height:220px; max-height:55vh; margin-top:12px; } .ProductionCanvas_assistant__EmRJ0[data-open=false] { display:none; } .ProductionCanvas_assistantOpen__UYvJ5 { position:absolute; top:10px; right:10px; } .ProductionCanvas_assistantBody__CaDmw { padding:14px; } .ProductionCanvas_selectedTextToolbar__tMaEs { top:8px; max-width:calc(100% - 16px); } .ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar { gap:4px; padding:5px; } .ProductionCanvas_selectedTextToolbar__tMaEs .v2-text-context-toolbar select { max-width:130px; } .ProductionCanvas_focusMode__9Fkc3[data-assistant-open=true] .ProductionCanvas_workspaceToolbar__5lBeQ,.ProductionCanvas_focusMode__9Fkc3[data-assistant-open=true] .ProductionCanvas_canvasViewport__W7aTB,.ProductionCanvas_focusMode__9Fkc3[data-assistant-open=true] .ProductionCanvas_assistant__EmRJ0 { grid-column:auto; grid-row:auto; } .ProductionCanvas_workspace__HsD2J[data-preview=true] { display:block; padding:0; } .ProductionCanvas_canvasStack__b_4Pb { gap:0; min-width:100%; padding:0; } .ProductionCanvas_previewViewport__W4WGJ { height:auto; min-height:0; } .ProductionCanvas_tools__FxG88 { padding:10px; } } .ProductionCanvas_tools__FxG88 section[aria-label="현재 장 AI 이미지"] { display:grid; grid-gap:10px; gap:10px; min-width:0; width:100%; margin-top:14px; padding-top:14px; border-top:1px solid var(--makke-border); } .ProductionCanvas_tools__FxG88 section[aria-label="현재 장 AI 이미지"] label { display:grid; grid-gap:6px; gap:6px; min-width:0; } .ProductionCanvas_tools__FxG88 section[aria-label="현재 장 AI 이미지"] select { width:100%; min-width:0; max-width:100%; } /* User flow presentation. Native compositions and editor contracts are unchanged. */ .ProductionCanvas_workspace__HsD2J[data-simple-ui=true]{height:100%;min-height:0;flex:1 1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:0;grid-gap:0;gap:0;overflow:hidden} .ProductionCanvas_workspace__HsD2J[data-simple-ui=true] .ProductionCanvas_canvasViewport__W7aTB{grid-area:1/1;border:0;border-radius:0;height:100%;min-height:0;background:#eef0f2;background-image:none} .ProductionCanvas_workspace__HsD2J[data-simple-ui=true] .ProductionCanvas_canvasStack__b_4Pb{gap:0;min-width:100%;padding:24px 24px 64px;align-items:center} .ProductionCanvas_workspace__HsD2J[data-simple-ui=true] .ProductionCanvas_section__GmgYZ{margin:0;flex-shrink:0;width:var(--canvas-display-width)} .ProductionCanvas_workspace__HsD2J[data-simple-ui=true] .ProductionCanvas_zoomDock__Rwb_j{grid-area:1/1;display:flex;margin:12px;align-self:end} @media(max-width:700px){.ProductionCanvas_workspace__HsD2J[data-simple-ui=true] .ProductionCanvas_zoomDock__Rwb_j input{display:none}.ProductionCanvas_workspace__HsD2J[data-simple-ui=true] .ProductionCanvas_canvasStack__b_4Pb{padding:16px 16px 64px}} /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/detail-page/PurchasedColorReview.module.css ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .PurchasedColorReview_panel__dUGvI{margin:20px 0;padding:20px;border:1px solid var(--makke-border-strong);border-radius:14px;background:var(--makke-bg-elevated);color:var(--makke-text-primary);min-width:0}.PurchasedColorReview_panel__dUGvI h3{margin:0 0 8px}.PurchasedColorReview_panel__dUGvI p,.PurchasedColorReview_panel__dUGvI small{font-size:12px;line-height:1.6}.PurchasedColorReview_toolbar__zxsrt{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;align-items:center}.PurchasedColorReview_panel__dUGvI select,.PurchasedColorReview_panel__dUGvI textarea{background:var(--makke-surface);color:var(--makke-text-primary);border:1px solid var(--makke-border-strong);border-radius:6px;padding:8px;max-width:100%}.PurchasedColorReview_panel__dUGvI button:disabled{opacity:.4;cursor:default}.PurchasedColorReview_panel__dUGvI button[aria-pressed=true]{border-color:var(--makke-accent)}.PurchasedColorReview_grid__aVb_T{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,1fr);grid-gap:20px;gap:20px;align-items:start}.PurchasedColorReview_preview__Dw9uh{min-width:0}.PurchasedColorReview_layers__ufdfV{max-height:900px;overflow:auto;min-width:0}.PurchasedColorReview_layer__C0Eow{border:1px solid var(--makke-border);padding:12px;margin-bottom:10px;border-radius:8px;overflow-wrap:anywhere}.PurchasedColorReview_layer__C0Eow code{font-size:11px}.PurchasedColorReview_layer__C0Eow p{margin:6px 0}.PurchasedColorReview_checks__v3WFa{display:flex;flex-direction:column;gap:10px;margin-top:14px;font-size:12px}.PurchasedColorReview_checks__v3WFa label{display:flex;gap:8px;align-items:center}.PurchasedColorReview_checks__v3WFa input{width:16px;height:16px}.PurchasedColorReview_checks__v3WFa textarea{width:100%;min-height:72px}.PurchasedColorReview_export__LE0z1{width:100%;height:150px;font-family:monospace;font-size:11px}.PurchasedColorReview_panel__dUGvI [role=alert]{color:var(--makke-error-text)}.PurchasedColorReview_original__N2Ujf{width:100%;display:block;margin-bottom:12px}@media(max-width:800px){.PurchasedColorReview_panel__dUGvI{padding:12px}.PurchasedColorReview_grid__aVb_T{grid-template-columns:minmax(0,1fr)}.PurchasedColorReview_layers__ufdfV{max-height:550px}.PurchasedColorReview_toolbar__zxsrt{align-items:stretch;flex-direction:column}} .PurchasedColorReview_mount__7aF1J{min-width:0} /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/detail-page/PurchasedColorPreview.module.css ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .PurchasedColorPreview_entry__8muUt{margin:20px 0}.PurchasedColorPreview_entry__8muUt button{padding:10px 14px;min-height:44px;border:1px solid var(--makke-border-strong);border-radius:8px;background:var(--makke-surface);color:var(--makke-text-primary);cursor:pointer}.PurchasedColorPreview_panel__BWR7N{margin:16px 0;padding:20px;border:1px solid var(--makke-border-strong);border-radius:14px;background:var(--makke-bg-elevated);color:var(--makke-text-primary);min-width:0}.PurchasedColorPreview_panel__BWR7N p,.PurchasedColorPreview_panel__BWR7N li{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.PurchasedColorPreview_controls__gRSJY{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.PurchasedColorPreview_controls__gRSJY label{display:flex;align-items:center;gap:8px;max-width:100%;font-size:12px;min-width:0}.PurchasedColorPreview_controls__gRSJY select{max-width:100%;min-width:0;width:auto;background:var(--makke-surface);color:var(--makke-text-primary);border-color:var(--makke-border-strong);padding:10px}.PurchasedColorPreview_controls__gRSJY input[type=checkbox]{width:16px;height:16px;flex:none}.PurchasedColorPreview_controls__gRSJY button[aria-pressed=true]{border-color:var(--makke-accent)}.PurchasedColorPreview_controls__gRSJY button:disabled{opacity:.4;cursor:default}.PurchasedColorPreview_panel__BWR7N [role=alert]{color:var(--makke-error-text)}@media(max-width:720px){.PurchasedColorPreview_panel__BWR7N{padding:12px}.PurchasedColorPreview_controls__gRSJY{flex-direction:column;align-items:stretch}.PurchasedColorPreview_controls__gRSJY label{flex-wrap:wrap}.PurchasedColorPreview_controls__gRSJY select{width:100%}} /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/detail-page/HeroGoldenBlock.module.css ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* Product artwork only. No MAKKE UI tokens, global selectors or canonical canvas rules. */ .HeroGoldenBlock_card__8wyUb { container-type: inline-size; } .HeroGoldenBlock_canvas__rIlVJ { position: relative; isolation: isolate; width: var(--hero-width); max-width: 100%; height: var(--hero-height); overflow: hidden; margin-inline: auto; color: #261c17; font-family: "Malgun Gothic", "Apple SD Gothic Neo", sans-serif; } .HeroGoldenBlock_photo__3dq19 { position: absolute; overflow: hidden; } .HeroGoldenBlock_photo__3dq19 img { display: block; width: 100%; height: 100%; object-fit: contain; } .HeroGoldenBlock_copy__uczws { position: absolute; z-index: 1; max-width: var(--hero-headline-max-width); } .HeroGoldenBlock_canvas__rIlVJ .HeroGoldenBlock_copy__uczws h4 { margin: 0; white-space: pre-line; font-weight: 800; line-height: 1.16; letter-spacing: -.065em; word-break: keep-all; overflow-wrap: break-word; } .HeroGoldenBlock_canvas__rIlVJ .HeroGoldenBlock_copy__uczws p { margin: 16px 0 0; white-space: pre-line; font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -.035em; word-break: keep-all; color: inherit; } /* A: bold editorial copy and the largest intact product image. */ .HeroGoldenBlock_sensory__tTk3_ { background: #201b18; color: #fff4df; } .HeroGoldenBlock_sensory__tTk3_ .HeroGoldenBlock_copy__uczws { top: 36px; left: 44px; right: 44px; } .HeroGoldenBlock_sensory__tTk3_ .HeroGoldenBlock_copy__uczws h4 { font-size: 60px; line-height: 1.12; } .HeroGoldenBlock_sensory__tTk3_ .HeroGoldenBlock_copy__uczws p { color: #d7cbbb; } .HeroGoldenBlock_sensory__tTk3_ .HeroGoldenBlock_photo__3dq19 { left: 44px; bottom: var(--hero-safe-padding); width: 544px; height: 502px; } /* B: quiet vertical editorial, serif headline, intact product and package. */ .HeroGoldenBlock_premium__ozFQy { background: #f3eee5; color: #34251c; } .HeroGoldenBlock_premium__ozFQy .HeroGoldenBlock_copy__uczws { top: 52px; left: 44px; right: 44px; text-align: center; } .HeroGoldenBlock_premium__ozFQy .HeroGoldenBlock_copy__uczws h4 { font-family: "Batang", "Songti SC", Georgia, serif; font-size: 54px; font-weight: 600; line-height: 1.25; letter-spacing: -.075em; } .HeroGoldenBlock_premium__ozFQy .HeroGoldenBlock_copy__uczws p { margin-top: 20px; color: #756353; } .HeroGoldenBlock_premium__ozFQy .HeroGoldenBlock_photo__3dq19 { left: 215px; bottom: 58px; width: 430px; height: 397px; } /* C: asymmetrical commerce split, an explicit identity line and entire original. */ .HeroGoldenBlock_clean__Ayyv_ { background: #fff; color: #24201c; } .HeroGoldenBlock_clean__Ayyv_ .HeroGoldenBlock_copy__uczws { top: 48px; left: 44px; right: 44px; } .HeroGoldenBlock_clean__Ayyv_ .HeroGoldenBlock_copy__uczws h4 { font-size: 60px; line-height: 1.12; } .HeroGoldenBlock_clean__Ayyv_ .HeroGoldenBlock_copy__uczws p { margin-top: 22px; color: #675c52; } .HeroGoldenBlock_clean__Ayyv_ .HeroGoldenBlock_photo__3dq19 { width: 500px; height: 461px; right: 44px; bottom: var(--hero-safe-padding); } .HeroGoldenBlock_missing__0LawE { display: grid; place-content: center; height: 100%; padding: 28px; color: #574b40; background: #eee9e3; } /* Review controls stay in the existing neutral workspace system. */ .HeroGoldenBlock_current__68_7Z { margin: 0 0 18px; } .HeroGoldenBlock_current__68_7Z summary { padding: 12px 0; cursor: pointer; color: var(--makke-text-secondary); font-size: 13px; } .HeroGoldenBlock_currentScroll__FDxFb { max-width: 100%; overflow-x: auto; } .HeroGoldenBlock_currentCanvas__xlkx4 { position: relative; overflow: hidden; color: #17181c; } .HeroGoldenBlock_currentText__07Ekd,.HeroGoldenBlock_currentImage__h3hDK { position: absolute; } .HeroGoldenBlock_currentText__07Ekd { font-weight: 800; } .HeroGoldenBlock_currentImage__h3hDK { object-fit: cover; } .HeroGoldenBlock_actions__lBAn_ { display: flex; flex-wrap: wrap; gap: 8px; } .HeroGoldenBlock_edit__IrhAJ { margin-top: 16px; display: grid; grid-gap: 12px; gap: 12px; } .HeroGoldenBlock_edit__IrhAJ label { display: grid; grid-gap: 6px; gap: 6px; font-size: 12px; color: var(--makke-text-secondary); } .HeroGoldenBlock_edit__IrhAJ textarea { width: 100%; resize: vertical; font: inherit; line-height: 1.6; padding: 12px; } .HeroGoldenBlock_edit__IrhAJ small { color: var(--makke-text-secondary); line-height: 1.5; } /* Reflow copy and image instead of shrinking an 860px bitmap. */ @container (max-width: 859px) { .HeroGoldenBlock_canvas__rIlVJ { width: 100%; height: max(var(--hero-mobile-min-height), calc(var(--hero-mobile-copy-height) + (100cqw - 2 * var(--hero-mobile-padding)) * .922 + var(--hero-mobile-bottom))); } .HeroGoldenBlock_canvas__rIlVJ .HeroGoldenBlock_copy__uczws { top: 28px; left: var(--hero-mobile-padding); right: var(--hero-mobile-padding); width: auto; } .HeroGoldenBlock_canvas__rIlVJ .HeroGoldenBlock_copy__uczws h4 { font-size: clamp(30px, 7.4cqw, 54px); line-height: 1.2; } .HeroGoldenBlock_canvas__rIlVJ .HeroGoldenBlock_copy__uczws p { font-size: clamp(15px, 3.5cqw, 20px); margin-top: 20px; line-height: 1.5; } .HeroGoldenBlock_canvas__rIlVJ .HeroGoldenBlock_photo__3dq19 { top: auto; left: var(--hero-mobile-padding); right: var(--hero-mobile-padding); bottom: var(--hero-mobile-bottom); width: auto; height: auto; aspect-ratio: 1000 / 922; } .HeroGoldenBlock_actions__lBAn_ { width: 100%; } .HeroGoldenBlock_actions__lBAn_ button { flex: 1 1; } } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/common/InitialLoading.module.css ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .InitialLoading_screen__YPjtn{min-height:100vh;min-height:100dvh;width:100%;display:grid;place-items:center;padding:24px;background:var(--makke-bg);color:var(--makke-text-primary)} .InitialLoading_content__7He2R{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;max-width:100%} .InitialLoading_wordmark__t7OnX.InitialLoading_wordmark__t7OnX{font-size:25px;line-height:36px;font-weight:650;letter-spacing:-1px;color:var(--makke-text-primary);white-space:nowrap} .InitialLoading_wordmark__t7OnX.InitialLoading_wordmark__t7OnX:before{content:none}.InitialLoading_wordmark__t7OnX.InitialLoading_wordmark__t7OnX em{font-style:normal;font-weight:450;color:var(--makke-text-secondary)} .InitialLoading_content__7He2R p{margin:0;font-size:12px;line-height:1.5;color:var(--makke-text-muted)} .InitialLoading_dots__rJ73L{display:flex;gap:6px;align-items:center;height:6px}.InitialLoading_dots__rJ73L span{width:4px;height:4px;border-radius:50%;background:var(--makke-accent);opacity:.5} @media(prefers-reduced-motion:no-preference){.InitialLoading_dots__rJ73L span{animation:InitialLoading_loadingFade__CH_eV 1.5s ease-in-out infinite}.InitialLoading_dots__rJ73L span:nth-child(2){animation-delay:.2s}.InitialLoading_dots__rJ73L span:nth-child(3){animation-delay:.4s}} @keyframes InitialLoading_loadingFade__CH_eV{0%,100%{opacity:.3}50%{opacity:.85}} /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/experiments/ExperimentWorkspace.module.css ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .ExperimentWorkspace_workspace__0cd_b.ExperimentWorkspace_workspace__0cd_b{background:#0d0e0f!important;color:#dededc!important;min-height:100vh;font-size:12px;color-scheme:dark}.ExperimentWorkspace_workspace__0cd_b *{box-sizing:border-box}.ExperimentWorkspace_header__kiTgC{height:65px;border-bottom:1px solid #292a2b;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ExperimentWorkspace_breadcrumb__uYVEG,.ExperimentWorkspace_headerActions__lPQ74{display:flex;align-items:center;gap:12px}.ExperimentWorkspace_breadcrumb__uYVEG h1{font-size:15px;margin:0;font-weight:650}.ExperimentWorkspace_breadcrumb__uYVEG>span{color:#92938f}.ExperimentWorkspace_demo__dxfBe{font-size:10px;border:1px solid #373936;padding:4px 7px;border-radius:4px}.ExperimentWorkspace_headerActions__lPQ74{color:#a8aaa5;font-size:11px}.ExperimentWorkspace_avatar__EYIwp{width:25px;height:25px;display:grid;place-items:center;border:1px solid #42453e;border-radius:50%}.ExperimentWorkspace_body__EA1_C{display:grid;grid-template-columns:minmax(0,1fr) 248px;min-height:calc(100vh - 65px)}.ExperimentWorkspace_main__TkIZ6{min-width:0;padding:18px 18px 12px}.ExperimentWorkspace_status__j36Js{display:flex;align-items:center;gap:9px;border:1px solid #364333;background:#151b15;padding:11px 12px;font-size:9px;letter-spacing:.6px;color:#a2c798}.ExperimentWorkspace_dot__dNc_N{width:5px;height:5px;background:#a2c798;border-radius:50%}.ExperimentWorkspace_statusCopy__G8UZn{flex:1 1;letter-spacing:0;font-size:11px;color:#c1ccb9}.ExperimentWorkspace_stats__awkJa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px;margin-top:10px}.ExperimentWorkspace_stats__awkJa article{padding:12px 10px;border:1px solid #282a28;display:flex;flex-direction:column;gap:6px}.ExperimentWorkspace_stats__awkJa article>span{font-size:10px;color:#a5a7a0}.ExperimentWorkspace_stats__awkJa strong{font:600 19px ui-monospace,monospace}.ExperimentWorkspace_stats__awkJa small{font-size:9px;color:#7f827b}.ExperimentWorkspace_toolbar__eyTiH{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #292b28;margin-top:17px;padding:8px}.ExperimentWorkspace_toolbar__eyTiH>div{display:flex;gap:5px}.ExperimentWorkspace_toolbar__eyTiH button{font:inherit;border:0;background:transparent;padding:7px 9px;color:#858981;border-radius:3px}.ExperimentWorkspace_toolbar__eyTiH button[aria-selected=true]{background:#272a25;color:#ecefe8}.ExperimentWorkspace_toolbar__eyTiH>span{display:flex;gap:6px;align-items:center;font:9px ui-monospace,monospace;color:#9ca195}.ExperimentWorkspace_canvasScroll___Z577{overflow:auto;border:1px solid #252724;border-top:0;min-height:475px;background:#101110}.ExperimentWorkspace_tree__TdWF9{min-width:650px;min-height:470px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:46px;gap:46px;padding:36px 25px;align-items:center}.ExperimentWorkspace_column__aLIOO{display:flex;flex-direction:column;gap:36px;align-items:center;position:relative}.ExperimentWorkspace_branch__nwkbe:before{content:"";position:absolute;left:-24px;top:50%;width:24px;border-top:1px dashed #8a9082}.ExperimentWorkspace_branch__nwkbe:after{content:"";position:absolute;left:-24px;top:20%;height:60%;border-left:1px dashed #8a9082}.ExperimentWorkspace_card__bXWs9{position:relative;width:168px;max-width:100%;padding:0;border:1px solid #393b35;border-radius:3px;background:#161815;color:#d8ddd1;text-align:left;cursor:pointer}.ExperimentWorkspace_card__bXWs9:hover{border-color:#939e86}.ExperimentWorkspace_selected__PeKzM{border-color:#b0c494;box-shadow:0 0 0 1px #b0c494}.ExperimentWorkspace_cardLabel__1An2h{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;padding:6px 7px;text-transform:uppercase}.ExperimentWorkspace_cardLabel__1An2h>span{color:#8c9681;font-size:8px}.ExperimentWorkspace_card__bXWs9 img{display:block;width:100%;height:81px;object-fit:cover;object-position:top;background:#e7e3d7}.ExperimentWorkspace_cardFooter__PHDIl{display:flex;justify-content:space-between;align-items:center;padding:7px;font-size:9px}.ExperimentWorkspace_cardFooter__PHDIl>span{color:#848b7c;font-size:8px}.ExperimentWorkspace_finalNote__heCMB{font-size:10px;color:#858e7c;text-align:center;line-height:1.7;margin:0}.ExperimentWorkspace_canvasFooter__XUQXg{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;font-size:9px;color:#888d83}.ExperimentWorkspace_canvasFooter__XUQXg>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.ExperimentWorkspace_canvasFooter__XUQXg button,.ExperimentWorkspace_selection__gcpHe button{background:#191c17;border:1px solid #34392e;color:#c2cabb;border-radius:3px;padding:5px;display:flex;align-items:center;gap:6px}.ExperimentWorkspace_canvasFooter__XUQXg button:disabled{opacity:.4}.ExperimentWorkspace_selection__gcpHe{border-top:1px solid #282c25;display:flex;align-items:center;gap:10px;padding:14px 0}.ExperimentWorkspace_selection__gcpHe>span{color:#888f81;font-size:10px}.ExperimentWorkspace_selection__gcpHe button{margin-left:auto;font:inherit;font-size:10px;padding:6px 9px}.ExperimentWorkspace_settings__OEt68{border-left:1px solid #2b2e27;background:#111310;padding:19px 15px;display:flex;flex-direction:column;gap:18px}.ExperimentWorkspace_settings__OEt68 h2{font-size:12px;margin:0 0 3px}.ExperimentWorkspace_settings__OEt68 h2 span{display:block;color:#858d7d;font-size:10px;margin-top:5px;font-weight:400}.ExperimentWorkspace_field__9G43A{display:block;position:relative;margin:0;padding:0;border:0;font-size:10px;color:#c3c9bc}.ExperimentWorkspace_field__9G43A legend{margin-bottom:7px}.ExperimentWorkspace_field__9G43A output{float:right;color:#a5b697;font:10px ui-monospace,monospace}.ExperimentWorkspace_field__9G43A input[type=range]{display:block;width:100%;height:12px;margin:9px 0 0;accent-color:#cfdbbd;cursor:pointer}.ExperimentWorkspace_segment__nQ_Ar{display:flex;border:1px solid #343a2e;border-radius:2px;margin-top:6px;overflow:hidden}.ExperimentWorkspace_segment__nQ_Ar button{flex:1 1;font:inherit;font-size:10px;color:#8f9885;background:#161a13;border:0;padding:7px 3px;cursor:pointer}.ExperimentWorkspace_segment__nQ_Ar button[aria-pressed=true]{background:#d6ddcc;color:#242b1c}.ExperimentWorkspace_field__9G43A input[type=number],.ExperimentWorkspace_field__9G43A select{display:block;width:100%;margin-top:8px;border:1px solid #363c2f;background:#191d15;color:#d3dbca;border-radius:3px;padding:7px;font:inherit}.ExperimentWorkspace_summary__hrOR_{border-top:1px solid #343b2d;padding-top:16px;display:flex;flex-direction:column;gap:8px}.ExperimentWorkspace_summary__hrOR_>span{font-size:9px;color:#909c83}.ExperimentWorkspace_summary__hrOR_ strong{font-size:14px}.ExperimentWorkspace_summary__hrOR_ small{font-size:10px;color:#8b9780;line-height:1.6}.ExperimentWorkspace_start__lIgQy{padding:11px;background:#252d1f;border:1px solid #3c4732;color:#859477;border-radius:3px;font-size:11px;cursor:not-allowed}.ExperimentWorkspace_notice__tF7WP{font-size:10px;line-height:1.7;margin:0;color:#85917a}.ExperimentWorkspace_workspace__0cd_b button:focus-visible,.ExperimentWorkspace_workspace__0cd_b input:focus-visible,.ExperimentWorkspace_workspace__0cd_b select:focus-visible{outline:2px solid #bccf9c;outline-offset:3px}@media(max-width:1100px){.ExperimentWorkspace_body__EA1_C{grid-template-columns:minmax(0,1fr) 218px}.ExperimentWorkspace_main__TkIZ6{padding:12px}.ExperimentWorkspace_header__kiTgC{padding:0 14px}.ExperimentWorkspace_statusCopy__G8UZn{font-size:10px}.ExperimentWorkspace_stats__awkJa strong{font-size:16px}.ExperimentWorkspace_stats__awkJa small{line-height:1.5}}@media(max-width:900px){.ExperimentWorkspace_body__EA1_C{grid-template-columns:1fr}.ExperimentWorkspace_settings__OEt68{border-left:0;border-top:1px solid #34392e;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.ExperimentWorkspace_settings__OEt68 h2,.ExperimentWorkspace_summary__hrOR_,.ExperimentWorkspace_start__lIgQy,.ExperimentWorkspace_notice__tF7WP{grid-column:1/-1}.ExperimentWorkspace_headerActions__lPQ74>span:not(.ExperimentWorkspace_avatar__EYIwp){display:none}.ExperimentWorkspace_stats__awkJa{grid-template-columns:1fr 1fr}.ExperimentWorkspace_status__j36Js{flex-wrap:wrap}.ExperimentWorkspace_statusCopy__G8UZn{min-width:70%}.ExperimentWorkspace_canvasScroll___Z577{min-height:420px}.ExperimentWorkspace_toolbar__eyTiH{flex-wrap:wrap}.ExperimentWorkspace_demo__dxfBe{display:none}.ExperimentWorkspace_canvasFooter__XUQXg{align-items:flex-start}.ExperimentWorkspace_canvasFooter__XUQXg>span{line-height:1.6;max-width:65%}.ExperimentWorkspace_breadcrumb__uYVEG{gap:8px}.ExperimentWorkspace_breadcrumb__uYVEG h1{font-size:13px}.ExperimentWorkspace_header__kiTgC{padding:0 12px}.ExperimentWorkspace_tree__TdWF9{min-height:410px}} .ExperimentWorkspace_tree__TdWF9{grid-template-columns:repeat(3,168px);gap:64px;justify-content:center}.ExperimentWorkspace_branch__nwkbe:before{left:-64px;width:64px}.ExperimentWorkspace_branch__nwkbe:after{left:-32px;top:65px;height:calc(100% - 130px)}.ExperimentWorkspace_branch__nwkbe .ExperimentWorkspace_card__bXWs9:before{content:"";position:absolute;left:-32px;top:50%;width:32px;border-top:1px dashed #8a9082}.ExperimentWorkspace_branch__nwkbe .ExperimentWorkspace_card__bXWs9:only-of-type:before{left:-64px;width:64px} .ExperimentWorkspace_bracket__NwPhh{display:flex;gap:44px;width:max-content;min-width:100%;padding:16px 22px 28px;align-items:stretch}.ExperimentWorkspace_round__gNZmY{width:150px;flex:0 0 150px;display:flex;flex-direction:column}.ExperimentWorkspace_round__gNZmY h3{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#101110;border-bottom:1px solid #34392e;margin:0 0 16px;padding:10px 0;font-size:12px;font-weight:600;color:#d5dfc9}.ExperimentWorkspace_roundMatches__475ES{display:flex;flex-direction:column;justify-content:space-around;flex:1 1;gap:22px}.ExperimentWorkspace_match__dEK32{position:relative;display:flex;flex-direction:column;gap:5px;padding:10px 0}.ExperimentWorkspace_match__dEK32:after{content:"";position:absolute;right:-23px;top:30%;bottom:30%;width:22px;border:1px dashed #707b63;border-left:0}.ExperimentWorkspace_round__gNZmY:last-child .ExperimentWorkspace_match__dEK32:after{display:none}.ExperimentWorkspace_matchLabel__TRwTl{font:8px ui-monospace,monospace;color:#7e8b70}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_card__bXWs9{width:150px}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_card__bXWs9 img{height:60px}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_cardLabel__1An2h{padding:4px 6px;font-size:8px}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_cardFooter__PHDIl{padding:5px 6px;font-size:8px}.ExperimentWorkspace_emptySlot__ODWfx{height:103px;width:150px;display:grid;place-items:center;border:1px dashed #373f2e;border-radius:3px;background:#141710;color:#78836c;font-size:10px}.ExperimentWorkspace_canvasScroll___Z577{max-height:590px;overflow:auto;min-height:460px}.ExperimentWorkspace_round__gNZmY:not(:first-child) .ExperimentWorkspace_match__dEK32:before{content:"";position:absolute;left:-22px;top:50%;width:22px;border-top:1px dashed #707b63}@media(max-width:900px){.ExperimentWorkspace_canvasScroll___Z577{max-height:520px;min-height:350px}.ExperimentWorkspace_bracket__NwPhh{gap:36px;padding:12px}.ExperimentWorkspace_round__gNZmY{width:150px}} .ExperimentWorkspace_compareGrid__QxLfQ{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:18px 0}.ExperimentWorkspace_designCard__A1aUE{padding:16px;background:#151815;border:1px solid #343b2d;border-radius:6px;min-width:0}.ExperimentWorkspace_designCard__A1aUE h2{font-size:16px;margin:0 0 8px}.ExperimentWorkspace_compareActions__nO3VB{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.ExperimentWorkspace_workspace__0cd_b button{cursor:pointer}.ExperimentWorkspace_compareActions__nO3VB button,.ExperimentWorkspace_designCard__A1aUE button,.ExperimentWorkspace_headerActions__lPQ74 button,.ExperimentWorkspace_settings__OEt68>button{padding:9px 12px;border:1px solid #434d39;border-radius:4px;background:#20271c;color:#d6ddcc}.ExperimentWorkspace_workspace__0cd_b button:disabled{opacity:.4;cursor:not-allowed}.ExperimentWorkspace_emptyCompare__Zyyl3{padding:80px 24px;border:1px dashed #343b2d;text-align:center;color:#a5b697}.ExperimentWorkspace_referenceGrid__GB0J6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.ExperimentWorkspace_referenceGrid__GB0J6 button{background:#161a13;color:#b8c3aa;border:1px solid #343b2d;padding:6px;min-width:0}.ExperimentWorkspace_referenceGrid__GB0J6 button[aria-pressed=true]{border-color:#bccf9c}.ExperimentWorkspace_referenceGrid__GB0J6 img{width:100%;height:120px;object-fit:contain}.ExperimentWorkspace_referenceGrid__GB0J6 span{display:block;font-size:10px;margin-top:6px}.ExperimentWorkspace_field__9G43A input:not([type=range]),.ExperimentWorkspace_summary__hrOR_ input{width:100%;background:#191d15;color:#d3dbca;border:1px solid #363c2f;padding:10px;border-radius:4px}@media(max-width:700px){.ExperimentWorkspace_compareGrid__QxLfQ{grid-template-columns:1fr}.ExperimentWorkspace_header__kiTgC{height:auto;min-height:65px;flex-wrap:wrap;padding:12px}.ExperimentWorkspace_headerActions__lPQ74{flex-wrap:wrap}.ExperimentWorkspace_settings__OEt68{display:flex}} /* Comparison outcomes: keep selected designs legible and rejected designs subdued. */ .ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_winner__1YPBt{border-color:#b0c494;background:#20251c;box-shadow:0 0 0 1px #64754e}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_winner__1YPBt img{filter:none;opacity:1}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_loser__6ZZeZ{opacity:.28;filter:grayscale(.65);border-color:#30332d;box-shadow:none}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_loser__6ZZeZ:hover{opacity:.5} .ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_card__bXWs9 img{object-position:center;object-fit:cover} .ExperimentWorkspace_bracket__NwPhh{padding-top:36px;min-height:560px;gap:64px}.ExperimentWorkspace_roundMatches__475ES{justify-content:center}.ExperimentWorkspace_match__dEK32{gap:28px}.ExperimentWorkspace_match__dEK32:after{right:-33px;width:32px}.ExperimentWorkspace_round__gNZmY:not(:first-child) .ExperimentWorkspace_match__dEK32:before{left:-32px;width:32px}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_card__bXWs9 img{height:88px}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_emptySlot__ODWfx{visibility:hidden} /* Paired matches and staggered advancement, using the existing comparison records. */ .ExperimentWorkspace_bracket__NwPhh{gap:74px;padding:44px 24px;min-height:720px;align-items:stretch}.ExperimentWorkspace_round__gNZmY{width:330px;flex-basis:330px}.ExperimentWorkspace_roundMatches__475ES{gap:70px;justify-content:space-around}.ExperimentWorkspace_match__dEK32{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;padding:12px 0;border:1px solid #292e25;border-radius:4px;background:#121510}.ExperimentWorkspace_contender__jg3V1{width:150px;flex:0 0 150px}.ExperimentWorkspace_versus__QGJ92{position:absolute;left:50%;transform:translateX(-50%);font:9px ui-monospace,monospace;color:#858d7d}.ExperimentWorkspace_match__dEK32:after{right:-38px;width:37px;top:50%;bottom:auto;height:1px;border:0;border-top:1px dashed #707b63}.ExperimentWorkspace_round__gNZmY:not(:first-child) .ExperimentWorkspace_match__dEK32:before{left:-38px;width:37px}.ExperimentWorkspace_round__gNZmY:not(:first-child){width:180px;flex-basis:180px}.ExperimentWorkspace_round__gNZmY:not(:first-child) .ExperimentWorkspace_match__dEK32{justify-content:center}.ExperimentWorkspace_pendingMatch__Q_LCH{height:126px;border:1px dashed #343b2d;border-radius:4px;display:grid;place-items:center;color:#727c68;font-size:10px}.ExperimentWorkspace_canvasScroll___Z577{max-height:none;min-height:720px;overflow-x:auto}.ExperimentWorkspace_bracket__NwPhh .ExperimentWorkspace_card__bXWs9 img{height:100px} .ExperimentWorkspace_round__gNZmY:first-child .ExperimentWorkspace_roundMatches__475ES{position:relative}.ExperimentWorkspace_round__gNZmY:first-child .ExperimentWorkspace_roundMatches__475ES:after{content:"";position:absolute;right:-38px;top:25%;bottom:25%;border-right:1px dashed #707b63} .ExperimentWorkspace_tournamentTree__y64l5{position:relative;margin:28px 24px;min-width:840px}.ExperimentWorkspace_treeConnections__Dm7hx{position:absolute;inset:0;pointer-events:none}.ExperimentWorkspace_treeNode__TrivP{position:absolute;width:150px;height:132px}.ExperimentWorkspace_treeNode__TrivP .ExperimentWorkspace_card__bXWs9{width:150px;height:132px;overflow:hidden}.ExperimentWorkspace_treeNode__TrivP .ExperimentWorkspace_card__bXWs9 img{height:88px;object-position:center}.ExperimentWorkspace_treeNode__TrivP .ExperimentWorkspace_winner__1YPBt{border-color:#b0c494;box-shadow:0 0 0 1px #64754e}.ExperimentWorkspace_treeNode__TrivP .ExperimentWorkspace_loser__6ZZeZ{opacity:.28;filter:grayscale(.65)}.ExperimentWorkspace_treePlaceholder__sRxVF{width:150px;height:132px;border:1px dashed #343b2d;background:#121510;border-radius:3px;display:grid;place-items:center;color:#727c68;font-size:10px} .ExperimentWorkspace_treeNode__TrivP,.ExperimentWorkspace_treeNode__TrivP .ExperimentWorkspace_card__bXWs9,.ExperimentWorkspace_treePlaceholder__sRxVF{width:174px;height:152px}.ExperimentWorkspace_treeNode__TrivP .ExperimentWorkspace_card__bXWs9 img{height:108px}.ExperimentWorkspace_dialogBackdrop__uyzwu{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:24px}.ExperimentWorkspace_startDialog__3MIQo{position:relative;width:620px;max-width:100%;max-height:90vh;overflow:auto;background:#141713;border:1px solid #3c4336;border-radius:12px;padding:32px;color:#e6e9df;box-shadow:0 24px 80px #0008}.ExperimentWorkspace_startDialog__3MIQo h2{font-size:22px;margin:0 0 10px}.ExperimentWorkspace_startDialog__3MIQo p{color:#a4ad9b;line-height:1.7;font-size:13px}.ExperimentWorkspace_dialogClose__JUvyK{position:absolute;right:16px;top:12px;background:none;border:0;color:#a7af9e;font-size:26px}.ExperimentWorkspace_startTabs__SQ4C6{display:flex;gap:6px;margin:24px 0 18px}.ExperimentWorkspace_startTabs__SQ4C6 button{flex:1 1;padding:11px;border:1px solid #353d2e;border-radius:5px;background:#1b2016;color:#929d88}.ExperimentWorkspace_startTabs__SQ4C6 button[aria-selected=true]{background:#d6ddcc;color:#242b1c}.ExperimentWorkspace_uploadArea__mnsV4{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;border:1px dashed #657454;border-radius:8px;cursor:pointer;text-align:center;background:#191e15}.ExperimentWorkspace_uploadArea__mnsV4 span{color:#939e87;font-size:11px}.ExperimentWorkspace_uploadArea__mnsV4 input{max-width:100%;font-size:12px}.ExperimentWorkspace_uploadPreviews__CL8xW{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px}.ExperimentWorkspace_uploadPreviews__CL8xW figure{margin:0;min-width:0}.ExperimentWorkspace_uploadPreviews__CL8xW img{width:100%;height:140px;object-fit:contain;background:#0c0f09;border-radius:4px}.ExperimentWorkspace_uploadPreviews__CL8xW figcaption{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8b198;margin-top:5px}.ExperimentWorkspace_dialogActions__EA2hl{display:flex;justify-content:flex-end;gap:10px;margin:24px 0 14px}.ExperimentWorkspace_dialogActions__EA2hl button,.ExperimentWorkspace_addPhotos__jUw42{padding:11px 15px;border:1px solid #4c5840;border-radius:5px;background:#252d1f;color:#d6ddcc}.ExperimentWorkspace_dialogActions__EA2hl button:last-child{background:#d6ddcc;color:#242b1c}.ExperimentWorkspace_startDialog__3MIQo small{color:#87937b;font-size:10px}@media(max-width:600px){.ExperimentWorkspace_dialogBackdrop__uyzwu{padding:12px}.ExperimentWorkspace_startDialog__3MIQo{padding:28px 18px}.ExperimentWorkspace_uploadPreviews__CL8xW{grid-template-columns:repeat(2,minmax(0,1fr))}.ExperimentWorkspace_startDialog__3MIQo h2{font-size:19px}} .ExperimentWorkspace_uploadArea__mnsV4{position:relative}.ExperimentWorkspace_uploadArea__mnsV4 input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.ExperimentWorkspace_uploadArea__mnsV4:focus-within{outline:2px solid #bccf9c;outline-offset:3px} .ExperimentWorkspace_sectionPicker__2c3Lz{margin-bottom:22px}.ExperimentWorkspace_sectionPicker__2c3Lz>label{display:block;color:#c8d0bc;font-size:12px}.ExperimentWorkspace_sectionPicker__2c3Lz select{display:block;width:100%;margin-top:9px;background:#1b2016;color:#d6ddcc;border:1px solid #434d39;border-radius:5px;padding:10px}.ExperimentWorkspace_cutSelection__C8BEz{display:flex;align-items:center;justify-content:space-between;margin:15px 0;color:#a8b498;font-size:11px}.ExperimentWorkspace_cutSelection__C8BEz button{background:none;color:#bacaa6;border:0;padding:5px}.ExperimentWorkspace_cutGrid__unvcc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;max-height:340px;overflow:auto;margin-bottom:15px}.ExperimentWorkspace_cutCard__wr4J_,.ExperimentWorkspace_checkedCut__0dNt6{position:relative;display:block;padding:6px;border:1px solid #343d2c;border-radius:5px;background:#191e15;cursor:pointer;min-width:0}.ExperimentWorkspace_checkedCut__0dNt6{border-color:#bccf9c;box-shadow:inset 0 0 0 1px #bccf9c}.ExperimentWorkspace_cutGrid__unvcc input{position:absolute;top:10px;right:10px;z-index:1;accent-color:#b6c89a;width:16px;height:16px}.ExperimentWorkspace_cutGrid__unvcc img{display:block;width:100%;height:140px;object-fit:cover;object-position:top;background:#0d100a}.ExperimentWorkspace_cutGrid__unvcc span{display:block;margin-top:6px;color:#c3ceb6;font-size:11px}@media(max-width:600px){.ExperimentWorkspace_cutGrid__unvcc{grid-template-columns:repeat(2,minmax(0,1fr))}} /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/dashboard/Dashboard.module.css ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .Dashboard_home__IyLrF.Dashboard_home__IyLrF{height:100dvh;min-height:0;max-width:none;padding:0;display:flex;flex-direction:column;overflow:hidden;color:var(--makke-text-primary);background:var(--makke-bg)} .Dashboard_chatShell__yVGZH{display:flex;flex-direction:column;flex:1 1;min-height:0;min-width:0;width:100%;max-width:1028px;margin:0 auto;overflow:hidden} .Dashboard_conversation__YrBAR{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:40px 44px 0} .Dashboard_thread__yZFdx{width:100%;max-width:940px;margin:0 auto} .Dashboard_message__R1WDE{display:flex;align-items:flex-start;gap:12px;margin:0 0 30px;font-size:15px;line-height:1.6;overflow-wrap:anywhere;min-width:0} .Dashboard_avatarSlot__IOzTg{flex:0 0 36px;width:36px} .Dashboard_avatar__i8FcE{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--makke-surface-active);border:1px solid var(--makke-border-strong);font-size:17px;font-weight:750;color:var(--makke-text-primary)} .Dashboard_messageBody__xTmyB{min-width:0;max-width:660px;display:flex;flex-direction:column;align-items:flex-start} .Dashboard_speaker__6rPgN{display:block;font-size:12px;font-weight:650;letter-spacing:.02em;color:var(--makke-text-secondary);margin:7px 0 10px 2px} .Dashboard_bubble__rjJ2P{max-width:100%;width:-moz-fit-content;width:fit-content;padding:16px 18px;border:1px solid var(--makke-border);border-radius:4px 19px 19px 19px;background:var(--makke-surface);color:var(--makke-text-primary)} .Dashboard_bubble__rjJ2P p{white-space:pre-line;margin:0;line-height:1.6} .Dashboard_actions__mHTqa{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-width:100%} .Dashboard_home__IyLrF .Dashboard_actions__mHTqa button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--makke-border-strong);border-radius:999px;background:var(--makke-bg-elevated);padding:10px 15px;font-size:12px;font-weight:500;line-height:1.45;color:var(--makke-text-primary);cursor:pointer;max-width:100%;text-align:left;transition:background .15s,border-color .15s} .Dashboard_home__IyLrF .Dashboard_actions__mHTqa button:hover{background:var(--makke-surface-hover);border-color:var(--makke-border-hover)} .Dashboard_home__IyLrF .Dashboard_actions__mHTqa .Dashboard_primaryAction__MUYB_{background:var(--makke-accent-soft);border-color:var(--makke-accent);color:var(--makke-text-primary)} .Dashboard_home__IyLrF .Dashboard_actions__mHTqa .Dashboard_primaryAction__MUYB_:hover{background:var(--makke-accent);border-color:var(--makke-accent)} .Dashboard_user__qKgst{justify-content:flex-end;margin-top:36px} .Dashboard_user__qKgst .Dashboard_messageBody__xTmyB{max-width:min(660px,70%);align-items:flex-end} .Dashboard_user__qKgst .Dashboard_bubble__rjJ2P{background:var(--makke-accent-soft);border-color:rgba(199,46,122,.3);border-radius:19px 4px 19px 19px;text-align:left} .Dashboard_composer__o_Njz{flex-shrink:0;border-top:1px solid var(--makke-border);margin:0 auto;padding:18px 44px max(24px,env(safe-area-inset-bottom));width:100%;max-width:1028px;background:var(--makke-bg)} .Dashboard_inputRow__6CT0C{display:flex;align-items:center;gap:12px;min-height:68px;border:1px solid var(--makke-border-strong);border-radius:22px;background:var(--makke-surface);padding:12px 14px 12px 20px;transition:border-color .15s,box-shadow .15s} .Dashboard_inputRow__6CT0C:focus-within{border-color:var(--makke-accent);box-shadow:0 0 0 3px var(--makke-accent-soft)} .Dashboard_home__IyLrF.Dashboard_home__IyLrF .Dashboard_composer__o_Njz .Dashboard_inputRow__6CT0C textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;flex:1 1;min-width:0;min-height:30px;max-height:130px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0;font-size:15px;line-height:1.5;color:var(--makke-text-primary);outline:0} .Dashboard_inputRow__6CT0C button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:50%;background:var(--makke-accent);color:#fff;cursor:pointer;transition:background .15s} .Dashboard_inputRow__6CT0C button:hover:not(:disabled){background:var(--makke-accent-hover)} .Dashboard_inputRow__6CT0C button:disabled{opacity:.4;cursor:default} @media(max-width:720px){.Dashboard_conversation__YrBAR{padding:24px 14px 0}.Dashboard_message__R1WDE{gap:8px;font-size:14px;margin-bottom:30px}.Dashboard_avatarSlot__IOzTg{flex-basis:32px;width:32px}.Dashboard_avatar__i8FcE{width:32px;height:32px;font-size:15px}.Dashboard_messageBody__xTmyB{max-width:calc(100% - 40px)}.Dashboard_speaker__6rPgN{margin-top:5px}.Dashboard_bubble__rjJ2P{padding:14px;border-radius:4px 17px 17px 17px}.Dashboard_home__IyLrF .Dashboard_actions__mHTqa button{font-size:11px;padding:9px 12px}.Dashboard_user__qKgst .Dashboard_messageBody__xTmyB{max-width:85%}.Dashboard_composer__o_Njz{padding:12px 12px max(16px,env(safe-area-inset-bottom))}.Dashboard_inputRow__6CT0C{min-height:60px;padding:10px 10px 10px 14px;gap:8px;border-radius:19px}.Dashboard_home__IyLrF.Dashboard_home__IyLrF .Dashboard_composer__o_Njz .Dashboard_inputRow__6CT0C textarea{font-size:14px}.Dashboard_inputRow__6CT0C button{width:36px;height:36px}} @media(prefers-reduced-motion:reduce){.Dashboard_home__IyLrF .Dashboard_actions__mHTqa button,.Dashboard_inputRow__6CT0C,.Dashboard_inputRow__6CT0C button{transition:none}} .Dashboard_agentHome__1phzR.Dashboard_agentHome__1phzR{padding:32px clamp(20px,4vw,56px) 24px} .Dashboard_homeHeader__o8qwA{width:100%;max-width:1028px;margin:0 auto;flex-shrink:0} .Dashboard_homeHeader__o8qwA h1{font-size:24px;margin:0 0 16px} .Dashboard_agentSlot__ENsn9{flex:1 1;min-height:0;width:100%;max-width:1028px;margin:0 auto} @media(max-width:700px){.Dashboard_agentHome__1phzR.Dashboard_agentHome__1phzR{padding:24px 14px 14px}.Dashboard_homeHeader__o8qwA h1{font-size:20px}.Dashboard_homeHeader__o8qwA{margin-top:0}} /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/catalog/BrandWorkspace.module.css ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .BrandWorkspace_page__bWy8I.BrandWorkspace_page__bWy8I{min-width:0;padding:40px clamp(16px,3vw,48px);max-width:none}.BrandWorkspace_page__bWy8I .page-head{gap:16px;flex-wrap:wrap}.BrandWorkspace_workspace__J5XJI{margin-top:36px;max-width:1200px;min-width:0}.BrandWorkspace_sectionTitle__mIy4e{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.BrandWorkspace_sectionTitle__mIy4e h2,.BrandWorkspace_sectionTitle__mIy4e h3{margin:0;font-size:16px}.BrandWorkspace_sectionTitle__mIy4e>span{font-size:12px;color:var(--makke-text-muted)}.BrandWorkspace_tiles__HlpHk{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.BrandWorkspace_tile__kfflu{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 14px;border:1px solid var(--makke-border);border-radius:16px;background:var(--makke-surface);color:var(--makke-text-primary);cursor:pointer}.BrandWorkspace_tile__kfflu:hover{background:var(--makke-surface-hover)}.BrandWorkspace_tile__kfflu[aria-pressed=true]{border-color:var(--makke-accent);box-shadow:inset 0 0 0 1px var(--makke-accent);background:var(--makke-accent-soft)}.BrandWorkspace_tile__kfflu strong{font-size:14px;overflow-wrap:anywhere}.BrandWorkspace_tile__kfflu small{font-size:12px;color:var(--makke-text-secondary)}.BrandWorkspace_logo__60Th2{height:72px;width:100%;display:grid;place-items:center;margin-bottom:8px}.BrandWorkspace_logo__60Th2 img{max-height:72px;max-width:100%;object-fit:contain;background:#f5f5f3;border-radius:8px;padding:6px}.BrandWorkspace_addTile__wGAFO{justify-content:center;min-height:178px;border-style:dashed;color:var(--makke-text-secondary)}.BrandWorkspace_panel__mFmS8{margin-top:28px;border:1px solid var(--makke-border);border-radius:20px;padding:30px;background:var(--makke-bg-elevated);min-width:0}.BrandWorkspace_brandHeader__dax7K{display:flex;align-items:center;gap:22px;padding-bottom:28px;min-width:0}.BrandWorkspace_headerLogo__w7RwH{width:88px;height:88px;flex:none;display:grid;place-items:center;background:#f5f5f3;border-radius:14px;padding:10px}.BrandWorkspace_headerLogo__w7RwH img{max-width:100%;max-height:100%;object-fit:contain}.BrandWorkspace_identity__XjCBZ{flex:1 1;min-width:0}.BrandWorkspace_identity__XjCBZ>span{font-size:10px;letter-spacing:.12em;color:var(--makke-text-muted)}.BrandWorkspace_identity__XjCBZ h2{font-size:26px;margin:7px 0;overflow-wrap:anywhere}.BrandWorkspace_identity__XjCBZ p{font-size:13px;color:var(--makke-text-secondary);margin:0 0 10px;overflow-wrap:anywhere}.BrandWorkspace_productLink__dLNVi{display:inline-flex;gap:6px;align-items:center;background:none;border:0;padding:0;color:var(--makke-accent);font-size:13px;cursor:pointer;text-align:left}.BrandWorkspace_delete__1XU8w{border:0;background:none;color:var(--makke-text-muted);padding:8px;cursor:pointer;align-self:flex-start}.BrandWorkspace_kit__Gnd_i{border-top:1px solid var(--makke-border);padding:26px 0}.BrandWorkspace_action__NnZKH{border:1px solid var(--makke-border-strong);border-radius:9px;padding:9px 14px;background:var(--makke-surface);color:var(--makke-text-primary);font-size:12px;cursor:pointer;white-space:nowrap}.BrandWorkspace_action__NnZKH:hover:not(:disabled){border-color:var(--makke-accent)}.BrandWorkspace_action__NnZKH:disabled{opacity:.4;cursor:default}.BrandWorkspace_swatches__YiGRs{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px}.BrandWorkspace_swatches__YiGRs>div{display:flex;align-items:center;gap:10px}.BrandWorkspace_swatches__YiGRs>div>span{width:34px;height:34px;border-radius:50%;border:1px solid rgba(128,128,128,.3)}.BrandWorkspace_swatches__YiGRs small,.BrandWorkspace_swatches__YiGRs b{display:block;font-size:11px}.BrandWorkspace_swatches__YiGRs small{color:var(--makke-text-muted);margin-bottom:4px}.BrandWorkspace_font__balRg{font-size:16px;margin:0 0 10px}.BrandWorkspace_tones__FJo8s{font-size:13px;color:var(--makke-text-secondary);margin:0}.BrandWorkspace_muted__be3o2{font-size:12px;color:var(--makke-text-muted)}.BrandWorkspace_production__dcBXM{border-top:1px solid var(--makke-border);padding-top:25px}.BrandWorkspace_production__dcBXM h3{font-size:16px;margin:0 0 8px}.BrandWorkspace_productionRow__qd2hW{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0}.BrandWorkspace_productionRow__qd2hW+.BrandWorkspace_productionRow__qd2hW{border-top:1px solid var(--makke-border)}.BrandWorkspace_productionRow__qd2hW h4{font-size:14px;margin:0 0 9px}.BrandWorkspace_productionRow__qd2hW p{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--makke-text-secondary);margin:0}.BrandWorkspace_logoEditor__l1_nx{padding:18px;border:1px solid var(--makke-border);border-radius:12px;display:grid;grid-gap:16px;gap:16px;min-width:0;font-size:13px}.BrandWorkspace_logoEditor__l1_nx label{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.BrandWorkspace_logoEditor__l1_nx input[type=file]{width:100%;min-width:0}.BrandWorkspace_logoEditor__l1_nx img{max-width:180px;max-height:120px;object-fit:contain}.BrandWorkspace_logoEditor__l1_nx>div{display:flex;gap:8px}.BrandWorkspace_rights__iaZTF input{width:auto}.BrandWorkspace_kit__Gnd_i .simple-brand-kit{min-width:0}.BrandWorkspace_kit__Gnd_i .simple-brand-kit input{min-width:0;max-width:100%}.BrandWorkspace_kit__Gnd_i .brand-kit-save{justify-content:flex-end}.BrandWorkspace_kit__Gnd_i .simple-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:650px){.BrandWorkspace_page__bWy8I.BrandWorkspace_page__bWy8I{padding:24px 14px}.BrandWorkspace_workspace__J5XJI{margin-top:28px}.BrandWorkspace_tiles__HlpHk{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.BrandWorkspace_tile__kfflu{padding:16px 10px}.BrandWorkspace_tile__kfflu strong{font-size:12px}.BrandWorkspace_tile__kfflu small{font-size:10px}.BrandWorkspace_logo__60Th2,.BrandWorkspace_logo__60Th2 img{max-height:58px}.BrandWorkspace_addTile__wGAFO{min-height:160px}.BrandWorkspace_panel__mFmS8{padding:18px 14px;margin-top:20px}.BrandWorkspace_brandHeader__dax7K{gap:12px;flex-wrap:wrap}.BrandWorkspace_headerLogo__w7RwH{width:60px;height:60px;padding:6px}.BrandWorkspace_identity__XjCBZ h2{font-size:21px}.BrandWorkspace_identity__XjCBZ p{font-size:12px}.BrandWorkspace_delete__1XU8w{margin-left:auto}.BrandWorkspace_swatches__YiGRs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px 8px;gap:16px 8px}.BrandWorkspace_swatches__YiGRs>div{gap:6px}.BrandWorkspace_swatches__YiGRs>div>span{width:24px;height:24px;flex:none}.BrandWorkspace_swatches__YiGRs b{font-size:10px}.BrandWorkspace_kit__Gnd_i .simple-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.BrandWorkspace_kit__Gnd_i .font-upload{max-width:100%;white-space:normal}.BrandWorkspace_productionRow__qd2hW{gap:10px}.BrandWorkspace_font__balRg,.BrandWorkspace_tones__FJo8s{overflow-wrap:anywhere}} /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/detail-create/consumer.module.css ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .consumer_photoShell__dm2M_{height:100dvh;overflow-y:auto} .consumer_frameShell__SliTv{height:100dvh;overflow:hidden}.consumer_page__fagkW{max-width:1000px;margin:auto;padding:28px;color:var(--makke-text-primary)}.consumer_page__fagkW p{color:var(--makke-text-secondary);line-height:1.6}.consumer_header__Ko2yj{display:flex;align-items:center;gap:24px;margin-bottom:32px}.consumer_header__Ko2yj span{font-size:13px;color:var(--makke-text-secondary)}.consumer_back__2vBWf{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--makke-radius-sm);color:var(--makke-text-primary);text-decoration:none}.consumer_back__2vBWf:hover{background:var(--makke-surface-hover)}.consumer_photos__5YgrO{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}.consumer_photos__5YgrO img{width:100px;height:100px;object-fit:contain;padding:7px;border:1px solid var(--makke-border);border-radius:12px;background:var(--makke-surface)}.consumer_upload__eetdx{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;background:var(--makke-surface);border:1px dashed var(--makke-border-strong);border-radius:12px;cursor:pointer}.consumer_upload__eetdx:hover,.consumer_upload__eetdx:focus-within{border-color:var(--makke-accent);outline:2px solid var(--makke-accent)}.consumer_fileInput__Xzt9A{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.consumer_continueButton__7A1RR{margin-top:20px;min-height:48px;background:var(--makke-accent)!important;color:white!important;border-radius:8px}.consumer_page__fagkW button:disabled{opacity:.45}@media(max-width:600px){.consumer_page__fagkW{padding:16px}.consumer_page__fagkW h1{font-size:24px}.consumer_photos__5YgrO img{width:92px;height:92px}.consumer_continueButton__7A1RR{width:100%}.consumer_header__Ko2yj{gap:12px;flex-wrap:wrap}} .consumer_brief__7M_ra input,.consumer_brief__7M_ra textarea{color:var(--makke-text-primary)!important;background:var(--makke-surface);border:1px solid var(--makke-border);border-radius:var(--makke-radius-sm);font:inherit;line-height:1.6;padding:10px 12px;box-sizing:border-box}.consumer_brief__7M_ra input{margin-left:12px}.consumer_brief__7M_ra textarea{display:block;margin-top:8px}.consumer_brief__7M_ra button{padding:10px 14px;min-height:44px;border:1px solid var(--makke-border);border-radius:var(--makke-radius-sm);background:var(--makke-surface);color:var(--makke-text-primary);margin:4px 6px 4px 0}.consumer_brief__7M_ra button[aria-pressed=true]{border-color:var(--makke-accent);outline:1px solid var(--makke-accent)}.consumer_brief__7M_ra small{color:var(--makke-text-secondary)} /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/catalog/BrandCreateModal.module.css ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .BrandCreateModal_dialog__L0qxH{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--makke-border-strong);border-radius:22px;background:var(--makke-bg-elevated);color:var(--makke-text-primary);overflow:auto}.BrandCreateModal_dialog__L0qxH::-webkit-backdrop{background:var(--makke-overlay)}.BrandCreateModal_dialog__L0qxH::backdrop{background:var(--makke-overlay)}.BrandCreateModal_header__xXaCO{display:flex;justify-content:space-between;align-items:center;padding:22px 28px 0;color:var(--makke-text-secondary);font-size:12px}.BrandCreateModal_header__xXaCO button{background:none;border:0;color:inherit;cursor:pointer}.BrandCreateModal_body__dqIG_{padding:20px 28px 28px}.BrandCreateModal_body__dqIG_ h2{font-size:24px;letter-spacing:-.04em;margin:0 0 28px;outline:none}.BrandCreateModal_methods__izrHM{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.BrandCreateModal_methods__izrHM button,.BrandCreateModal_grid__An2VB button{position:relative;text-align:left;border:1px solid var(--makke-border-strong);border-radius:15px;background:var(--makke-surface);color:var(--makke-text-primary);cursor:pointer}.BrandCreateModal_methods__izrHM button{padding:24px;min-height:196px}.BrandCreateModal_methods__izrHM strong{font-size:19px}.BrandCreateModal_methods__izrHM p{line-height:1.7;color:var(--makke-text-secondary);font-size:14px;min-height:48px}.BrandCreateModal_methods__izrHM span{font-size:13px;color:var(--makke-accent)}.BrandCreateModal_methods__izrHM button:hover,.BrandCreateModal_grid__An2VB button:hover{border-color:var(--makke-accent);background:var(--makke-surface-hover)}.BrandCreateModal_grid__An2VB{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.BrandCreateModal_grid__An2VB button{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:20px 16px;min-height:104px;font-size:14px}.BrandCreateModal_grid__An2VB button[aria-pressed=true]{border-color:var(--makke-accent);background:var(--makke-accent-soft)}.BrandCreateModal_check__8A0rr{position:absolute;right:10px;top:10px;color:var(--makke-accent)}.BrandCreateModal_field__R6WaO{display:flex;flex-direction:column;gap:10px;font-size:13px}.BrandCreateModal_field__R6WaO input{width:100%;min-width:0}.BrandCreateModal_assets__qtCaU{display:grid;grid-gap:20px;gap:20px}.BrandCreateModal_assets__qtCaU img,.BrandCreateModal_review__HRAhe img{max-width:160px;max-height:100px;object-fit:contain}.BrandCreateModal_assets__qtCaU h3,.BrandCreateModal_review__HRAhe h3{margin:0;font-size:16px}.BrandCreateModal_colors__mVZrT{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;font-size:12px}.BrandCreateModal_colors__mVZrT label,.BrandCreateModal_colors__mVZrT div{display:flex;flex-direction:column;gap:8px;min-width:0}.BrandCreateModal_colors__mVZrT input{width:100%;height:42px;padding:4px}.BrandCreateModal_colors__mVZrT span{display:block;height:36px;border:1px solid var(--makke-border);border-radius:6px}.BrandCreateModal_colors__mVZrT small{font-size:10px}.BrandCreateModal_review__HRAhe{display:grid;grid-gap:16px;gap:16px}.BrandCreateModal_review__HRAhe p{margin:0;line-height:1.6;font-size:14px}.BrandCreateModal_muted__Z1L0y{color:var(--makke-text-muted)}.BrandCreateModal_rights__nv1TX{display:flex;gap:8px;font-size:12px}.BrandCreateModal_rights__nv1TX input{width:auto}.BrandCreateModal_footer__DyofC{display:flex;align-items:center;gap:8px;padding:18px 28px;border-top:1px solid var(--makke-border)}.BrandCreateModal_footer__DyofC>span{flex:1 1}.BrandCreateModal_footer__DyofC button{display:flex;align-items:center;gap:4px;padding:10px 14px;border:1px solid var(--makke-border-strong);border-radius:10px;background:var(--makke-surface);color:var(--makke-text-primary);font-size:13px;cursor:pointer}.BrandCreateModal_footer__DyofC .BrandCreateModal_primary__r9bPn{background:var(--makke-accent);border-color:var(--makke-accent);color:white}.BrandCreateModal_footer__DyofC button:disabled{opacity:.4;cursor:default}.BrandCreateModal_error__7UT3k{color:var(--makke-error-text);font-size:13px}.BrandCreateModal_dialog__L0qxH button:focus-visible{outline:2px solid var(--makke-accent);outline-offset:3px}@media(max-width:600px){.BrandCreateModal_dialog__L0qxH{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.BrandCreateModal_header__xXaCO{padding:18px 18px 0}.BrandCreateModal_body__dqIG_{padding:20px 18px}.BrandCreateModal_body__dqIG_ h2{font-size:21px;line-height:1.4;margin-bottom:22px}.BrandCreateModal_methods__izrHM{grid-template-columns:1fr;gap:12px}.BrandCreateModal_methods__izrHM button{padding:20px;min-height:156px}.BrandCreateModal_methods__izrHM p{min-height:0}.BrandCreateModal_grid__An2VB{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.BrandCreateModal_grid__An2VB button{padding:16px 12px;font-size:13px}.BrandCreateModal_footer__DyofC{padding:14px 18px;gap:6px}.BrandCreateModal_footer__DyofC button{padding:10px;font-size:12px}.BrandCreateModal_colors__mVZrT{grid-template-columns:repeat(2,minmax(0,1fr))}} /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/catalog/BrandConcept.module.css ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .BrandConcept_dialog__xg06r{width:min(760px,calc(100vw - 32px));max-width:none;height:min(780px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--makke-border-strong);border-radius:22px;background:var(--makke-bg-elevated);color:var(--makke-text-primary);overflow:hidden} .BrandConcept_dialog__xg06r[open]{display:flex;flex-direction:column}.BrandConcept_dialog__xg06r::-webkit-backdrop{background:var(--makke-overlay)}.BrandConcept_dialog__xg06r::backdrop{background:var(--makke-overlay)} .BrandConcept_header__aZ8L0{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 26px;border-bottom:1px solid var(--makke-border);font-size:12px;color:var(--makke-text-secondary);flex:none}.BrandConcept_header__aZ8L0 span{overflow-wrap:anywhere}.BrandConcept_header__aZ8L0 button{background:none;border:0;color:inherit;cursor:pointer;flex:none;min-width:44px;min-height:44px} .BrandConcept_body__WVjqQ{padding:28px;overflow-y:auto;min-height:0;flex:1 1;overscroll-behavior:contain}.BrandConcept_body__WVjqQ h2{font-size:24px;line-height:1.45;letter-spacing:-.04em;margin:0 0 14px;outline:none}.BrandConcept_hint__lQ__D{font-size:13px;line-height:1.7;color:var(--makke-text-secondary);margin:0 0 26px} .BrandConcept_targets__WGek0{display:grid;grid-gap:24px;gap:24px}.BrandConcept_group__LRH1R{border:0;padding:0;margin:0;min-width:0}.BrandConcept_group__LRH1R legend{font-size:14px;font-weight:600;margin-bottom:12px}.BrandConcept_group__LRH1R legend small{font-weight:400;color:var(--makke-text-muted)}.BrandConcept_options__Cd5Hf{display:flex;flex-wrap:wrap;gap:8px}.BrandConcept_options__Cd5Hf button,.BrandConcept_customValues__A4Hha button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--makke-border-strong);border-radius:12px;background:var(--makke-surface);color:var(--makke-text-primary);font-size:13px;cursor:pointer;overflow-wrap:anywhere;max-width:100%}.BrandConcept_options__Cd5Hf button[aria-pressed=true],.BrandConcept_customValues__A4Hha button{border-color:var(--makke-accent);background:var(--makke-accent-soft)}.BrandConcept_options__Cd5Hf button:hover:not(:disabled){border-color:var(--makke-accent)}.BrandConcept_options__Cd5Hf button:disabled{opacity:.35;cursor:default}.BrandConcept_custom__My6EC{margin-top:12px;font-size:12px;color:var(--makke-text-secondary)}.BrandConcept_custom__My6EC summary{cursor:pointer;min-height:30px}.BrandConcept_custom__My6EC>div{display:flex;gap:8px}.BrandConcept_custom__My6EC input{min-width:0;flex:1 1;width:0;padding:10px;border:1px solid var(--makke-border-strong);border-radius:9px;background:var(--makke-surface);color:var(--makke-text-primary)}.BrandConcept_custom__My6EC button{min-height:44px;padding:8px 14px;background:var(--makke-surface);border:1px solid var(--makke-border-strong);border-radius:9px;color:var(--makke-text-primary)}.BrandConcept_customValues__A4Hha{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.BrandConcept_customValues__A4Hha svg{flex:none} .BrandConcept_summary__WhGFh{display:grid;grid-gap:18px;gap:18px;margin:0 0 20px;min-width:0}.BrandConcept_summary__WhGFh>div{min-width:0}.BrandConcept_summary__WhGFh dt{font-size:12px;font-weight:600;color:var(--makke-text-secondary);margin-bottom:6px}.BrandConcept_summary__WhGFh dd{font-size:13px;line-height:1.7;margin:0;overflow-wrap:anywhere;white-space:normal} .BrandConcept_footer__d4vWk{display:flex;align-items:center;gap:8px;padding:18px 24px;border-top:1px solid var(--makke-border);flex:none}.BrandConcept_footer__d4vWk>span{flex:1 1}.BrandConcept_footer__d4vWk button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:10px 14px;border:1px solid var(--makke-border-strong);border-radius:10px;background:var(--makke-surface);color:var(--makke-text-primary);font-size:13px;cursor:pointer}.BrandConcept_footer__d4vWk .BrandConcept_primary__wavfi{background:var(--makke-accent);border-color:var(--makke-accent);color:white}.BrandConcept_footer__d4vWk button:disabled{opacity:.4;cursor:default}.BrandConcept_error__xeO_3{color:var(--makke-error-text);font-size:13px}.BrandConcept_dialog__xg06r button:focus-visible,.BrandConcept_dialog__xg06r summary:focus-visible,.BrandConcept_dialog__xg06r input:focus-visible{outline:2px solid var(--makke-accent);outline-offset:2px} @media(max-width:720px){.BrandConcept_dialog__xg06r{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.BrandConcept_header__aZ8L0{padding:10px 16px}.BrandConcept_body__WVjqQ{padding:22px 18px}.BrandConcept_body__WVjqQ h2{font-size:21px}.BrandConcept_options__Cd5Hf{gap:8px}.BrandConcept_options__Cd5Hf button{padding:10px 12px}.BrandConcept_footer__d4vWk{padding:12px 14px calc(12px + env(safe-area-inset-bottom));gap:6px;flex-wrap:wrap}.BrandConcept_footer__d4vWk button{padding:10px;font-size:12px}} /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/catalog/BrandKitRecommendation.module.css ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .BrandKitRecommendation_entry__w2nlB{margin:12px 0 22px}.BrandKitRecommendation_entry__w2nlB button,.BrandKitRecommendation_card__s_BGf>button{min-height:42px;border:1px solid var(--makke-border-strong);border-radius:10px;background:var(--makke-surface);color:var(--makke-text-primary);padding:10px 14px;font-size:13px;cursor:pointer}.BrandKitRecommendation_entry__w2nlB button:hover:not(:disabled),.BrandKitRecommendation_card__s_BGf>button:hover{border-color:var(--makke-accent)}.BrandKitRecommendation_entry__w2nlB button:disabled{opacity:.45;cursor:default}.BrandKitRecommendation_entry__w2nlB p{font-size:12px;line-height:1.7;color:var(--makke-text-secondary)}.BrandKitRecommendation_dialog__BauiO{width:min(1120px,calc(100vw - 40px))}.BrandKitRecommendation_cards__1xa7M{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.BrandKitRecommendation_card__s_BGf{min-width:0;border:1px solid var(--makke-border-strong);border-radius:16px;padding:22px 18px;display:flex;flex-direction:column;background:var(--makke-surface)}.BrandKitRecommendation_index__Lodjb{font-size:10px;letter-spacing:.14em;color:var(--makke-text-muted)}.BrandKitRecommendation_card__s_BGf h3{font-size:22px;letter-spacing:-.04em;margin:15px 0 10px}.BrandKitRecommendation_description__shDLx{font-size:13px;line-height:1.7;min-height:66px;color:var(--makke-text-secondary);margin:0 0 20px}.BrandKitRecommendation_palette__pxTj_{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;margin-bottom:24px}.BrandKitRecommendation_palette__pxTj_>div{min-width:0}.BrandKitRecommendation_palette__pxTj_ span{display:block;height:48px;border-radius:7px;border:1px solid #80808033}.BrandKitRecommendation_palette__pxTj_ small,.BrandKitRecommendation_palette__pxTj_ b{display:block;font-size:10px;line-height:1.8;font-weight:400}.BrandKitRecommendation_palette__pxTj_ small{margin-top:6px;color:var(--makke-text-secondary)}.BrandKitRecommendation_palette__pxTj_ b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:10px}.BrandKitRecommendation_details__AhhZD{display:grid;grid-gap:14px;gap:14px;margin:0}.BrandKitRecommendation_details__AhhZD dt{font-size:10px;letter-spacing:.04em;color:var(--makke-text-muted);margin-bottom:4px}.BrandKitRecommendation_details__AhhZD dd{font-size:13px;line-height:1.65;margin:0;overflow-wrap:anywhere}.BrandKitRecommendation_details__AhhZD dd small{display:block;color:var(--makke-text-secondary);font-size:11px}.BrandKitRecommendation_reason__eXaly{font-size:12px;line-height:1.7;color:var(--makke-text-secondary);margin:22px 0 12px}.BrandKitRecommendation_note__YQAaz{font-size:11px;line-height:1.8;color:var(--makke-text-secondary)}.BrandKitRecommendation_card__s_BGf>button{margin-top:auto;width:100%}.BrandKitRecommendation_previewGrid__L4IKk{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:28px;gap:28px}.BrandKitRecommendation_previewGrid__L4IKk>div,.BrandKitRecommendation_previewGrid__L4IKk>aside{min-width:0}.BrandKitRecommendation_preview__f0gX2{padding:32px;border-radius:14px;overflow-wrap:anywhere;line-height:1.65;min-height:480px}.BrandKitRecommendation_previewTop__B_deF{display:flex;align-items:center;gap:9px}.BrandKitRecommendation_previewTop__B_deF span{width:14px;height:14px;border-radius:50%}.BrandKitRecommendation_previewTop__B_deF small{font-size:10px;letter-spacing:.1em}.BrandKitRecommendation_preview__f0gX2 h3{font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-.04em;font-weight:750;margin:42px 0 16px;color:inherit}.BrandKitRecommendation_preview__f0gX2 p{font-size:1em;margin:0 0 24px;color:inherit;font-weight:400}.BrandKitRecommendation_sampleCard__APicj{padding:24px;border:1px solid;border-radius:3px;margin:30px 0}.BrandKitRecommendation_sampleCard__APicj>span{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:650}.BrandKitRecommendation_sampleCard__APicj h4{font-size:1.1em;line-height:1.5;margin:18px 0 10px;color:inherit}.BrandKitRecommendation_sampleCard__APicj p{font-size:.9em;margin:0}.BrandKitRecommendation_sampleButton__wmvHH{display:inline-block;padding:11px 22px;border-radius:4px;font-weight:650;font-size:.875em}.BrandKitRecommendation_hierarchy__1eg01{display:block;margin-top:20px;font-size:10px;opacity:.75}.BrandKitRecommendation_preview__f0gX2[data-layout=soft] .BrandKitRecommendation_sampleCard__APicj{border-radius:20px}.BrandKitRecommendation_preview__f0gX2[data-layout=soft] .BrandKitRecommendation_sampleButton__wmvHH{border-radius:30px}.BrandKitRecommendation_preview__f0gX2[data-layout=calm]{padding-top:42px;padding-bottom:42px}.BrandKitRecommendation_preview__f0gX2[data-layout=calm] h3{margin-top:52px}.BrandKitRecommendation_review__PU95D{margin-top:20px;border-top:1px solid var(--makke-border);padding-top:16px;font-size:12px;line-height:1.75;overflow-wrap:anywhere}.BrandKitRecommendation_review__PU95D p,.BrandKitRecommendation_review__PU95D li{color:var(--makke-text-secondary)}.BrandKitRecommendation_review__PU95D ul{padding-left:18px}.BrandKitRecommendation_review__PU95D label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}.BrandKitRecommendation_review__PU95D input{width:16px;height:16px;flex:none;margin-top:4px;accent-color:var(--makke-accent)} @media(max-width:900px){.BrandKitRecommendation_cards__1xa7M{grid-template-columns:1fr}.BrandKitRecommendation_description__shDLx{min-height:0}.BrandKitRecommendation_card__s_BGf>button{margin-top:16px}.BrandKitRecommendation_previewGrid__L4IKk{grid-template-columns:1fr}.BrandKitRecommendation_palette__pxTj_ span{height:60px}} @media(max-width:720px){.BrandKitRecommendation_dialog__BauiO{width:100vw}.BrandKitRecommendation_preview__f0gX2{padding:24px 20px;min-height:0}.BrandKitRecommendation_preview__f0gX2 h3{font-size:30px}.BrandKitRecommendation_sampleCard__APicj{padding:20px}.BrandKitRecommendation_cards__1xa7M{gap:18px}.BrandKitRecommendation_card__s_BGf{padding:22px}.BrandKitRecommendation_palette__pxTj_ b{font-size:11px}} /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/catalog/BrandWorkspaceLayout.module.css ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .BrandWorkspaceLayout_tileLogo__NSFOS.BrandWorkspaceLayout_tileLogo__NSFOS{height:120px;max-height:none;margin-bottom:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)} .BrandWorkspaceLayout_tileLogo__NSFOS.BrandWorkspaceLayout_tileLogo__NSFOS img{width:100%;height:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain} .BrandWorkspaceLayout_panel__8UIgX>header>div:first-child{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)} .BrandWorkspaceLayout_panel__8UIgX>header>div:first-child img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain} .BrandWorkspaceLayout_panel__8UIgX>section[aria-label="브랜드 컨셉"]{padding:6px 0} .BrandWorkspaceLayout_panel__8UIgX h3{font-size:16px;margin:0 0 9px} @media(max-width:650px){.BrandWorkspaceLayout_tileLogo__NSFOS.BrandWorkspaceLayout_tileLogo__NSFOS{height:100px}} .BrandWorkspaceLayout_logoFallback__8QUHb{display:grid;place-items:center;width:100%;height:100%;border-radius:8px;background:var(--makke-bg-elevated);color:var(--makke-text-primary)} .BrandWorkspaceLayout_panel__8UIgX>header>div:first-child:has(.BrandWorkspaceLayout_logoFallback__8QUHb){background:var(--makke-bg-elevated)} /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/auth/LoginExperience.module.css ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .LoginExperience_experience__24T_x { position: relative; isolation: isolate; min-height: 100svh; height: 100svh; overflow: clip; background: #080809; color: #f7f6f8; color-scheme: var(--makke-color-scheme); } .LoginExperience_edition__zWQD6 { position: absolute; inset: 29px 38px auto; display: flex; align-items: center; justify-content: space-between; z-index: 5; gap: 20px; } .LoginExperience_headerBrand__3mmAt { display: flex; align-items: center; gap: 7px; font-size: 25px; font-weight: 800; letter-spacing: -.065em; text-shadow: 0 2px 15px #0006; } .LoginExperience_brandStar__nDwzg { font-size: 27px; font-weight: 400; } .LoginExperience_collectionLabel__JLbdj { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; border: 1px solid #ffffff1b; background: #131315bd; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-radius: 40px; padding: 12px 17px; font-size: 9px; letter-spacing: .12em; white-space: nowrap; } .LoginExperience_collectionLabel__JLbdj > span { width: 5px; height: 5px; background: #dfd6f5; border-radius: 50%; } .LoginExperience_collectionLabel__JLbdj i { font-size: 8px; color: #b1aab8; font-style: normal; border-left: 1px solid #ffffff24; padding-left: 10px; } .LoginExperience_openLogin___iBef { display: flex; align-items: center; justify-content: center; gap: 21px; border: 1px solid #c72e7a; background: #c72e7a; color: #fff; font-size: 12px; font-weight: 650; border-radius: 30px; min-height: 41px; padding: 10px 19px; cursor: pointer; transition: background .2s, transform .2s; } .LoginExperience_openLogin___iBef:hover { background: #b9276e; border-color: #b9276e; transform: translateY(-2px); } .LoginExperience_openLogin___iBef > span { font-size: 16px; } .LoginExperience_portfolio__GzH2k { position: absolute; inset: 0; overflow: hidden; pointer-events: none; animation: LoginExperience_appear___GLTv .6s ease both; } .LoginExperience_wallPosition__m_7BJ { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); --tile: clamp(220px, 21.3vw, 390px); --gap: clamp(17px, 1.8vw, 32px); perspective: 1600px; } .LoginExperience_wall__x8PhG { display: flex; gap: var(--gap); transform-style: preserve-3d; transform: translate3d(var(--pointer-x, 0px),var(--pointer-y, 0px),0) rotateX(6deg); transition: transform 1.5s cubic-bezier(.2,.7,.2,1); } .LoginExperience_wallColumn__f9gxU { width: var(--tile); flex: 0 0 var(--tile); transform: translateY(var(--arc)) rotateY(var(--yaw)); transform-style: preserve-3d; } .LoginExperience_columnDrift__fIIbM { display: flex; flex-direction: column; gap: var(--gap); transform-style: preserve-3d; animation: LoginExperience_wallDrift__ROmWb 30s ease-in-out infinite alternate; animation-delay: var(--delay); } .LoginExperience_wallTile__GuKPV { position: relative; width: var(--tile); height: var(--tile); margin: 0; border-radius: 7px; overflow: hidden; background: #232226; transform: rotateX(var(--pitch)); box-shadow: 0 0 0 1px #ffffff0b; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .LoginExperience_photoArtwork__zr2Y1 { display: block; width: 100%; height: 100%; object-fit: cover; } .LoginExperience_brandArtwork___F1ph { display: block; width: 100%; height: 100%; object-fit: contain; padding: 16px; background: #e6e0d2; } .LoginExperience_brandTile__k2yQ6 { background: #e6e0d2; } .LoginExperience_audioTile__8FVkm { background: #063cb9; } .LoginExperience_beautyTile__uGB4H { background: #be6430; } .LoginExperience_detailTile__qUA2m { background: #595747; } .LoginExperience_typeTile__YDELw { background: #c7b4e7; } .LoginExperience_abTile__z4OaY { background: #252126; } .LoginExperience_typeArtwork__gf4Q8 { height: 100%; background: #c7b4e7; color: #19131f; padding: 8%; display: flex; flex-direction: column; justify-content: space-between; } .LoginExperience_typeArtwork__gf4Q8 small { font-size: clamp(6px, .5vw, 9px); letter-spacing: .13em; } .LoginExperience_typeArtwork__gf4Q8 b { font-family: Arial, sans-serif; font-size: clamp(65px, 6.3vw, 117px); font-weight: 800; line-height: .83; letter-spacing: -.08em; } .LoginExperience_typeArtwork__gf4Q8 em { font-family: Georgia, serif; font-weight: 400; } .LoginExperience_typeArtwork__gf4Q8 > span { display: flex; justify-content: space-between; font-size: clamp(6px,.5vw,9px); letter-spacing: .07em; } .LoginExperience_typeArtwork__gf4Q8 i { font-size: 16px; font-style: normal; } .LoginExperience_detailArtwork__LKHGu { height: 100%; padding: 7% 8% 0; background: #777864; overflow: hidden; } .LoginExperience_detailTitle___Ap_6 { display: flex; justify-content: space-between; color: #e6e4d4; font-size: clamp(5px,.45vw,8px); letter-spacing: .13em; margin-bottom: 8%; } .LoginExperience_detailPages__FcnGN { display: flex; align-items: flex-start; gap: 8%; } .LoginExperience_detailPages__FcnGN img { width: 46%; height: auto; box-shadow: 0 10px 25px #0005; } .LoginExperience_detailPages__FcnGN img:last-child { margin-top: -31%; } .LoginExperience_abArtwork__YpoPK { height: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 7%; gap: 7%; padding: 12% 7%; background: #272428; } .LoginExperience_abArtwork__YpoPK > div { min-width: 0; overflow: hidden; background: #b34a25; color: #f8eee3; display: flex; flex-direction: column; justify-content: space-between; } .LoginExperience_abArtwork__YpoPK small { font-size: clamp(5px,.5vw,8px); letter-spacing: .06em; padding: 9px 7px; } .LoginExperience_abArtwork__YpoPK b { font-size: clamp(13px,1.2vw,20px); font-family: Georgia, serif; font-weight: 400; padding: 7px; line-height: 1.1; } .LoginExperience_abArtwork__YpoPK img { width: 100%; height: auto; display: block; } .LoginExperience_abArtwork__YpoPK > div:last-child { background: #eee4d8; color: #482f25; } .LoginExperience_abArtwork__YpoPK > div:last-child img { width: 83%; align-self: center; } .LoginExperience_abArtwork__YpoPK > div:last-child span { font-size: 6px; padding: 7px; } .LoginExperience_vignette__jP_qO { position: absolute; inset: 0; background: linear-gradient(180deg,#0008,transparent 23%,transparent 49%,#08080935 69%,#080809e8 100%),radial-gradient(ellipse at 50% 43%,transparent 25%,#0002 66%,#0009 100%); } .LoginExperience_heroCopy__In_t0 { position: absolute; z-index: 3; bottom: 54px; left: 0; width: 100%; text-align: center; pointer-events: none; } .LoginExperience_heroCopy__In_t0 > p { font-size: 12px; letter-spacing: .03em; font-weight: 400; color: #ddd9e2; margin: 0 0 16px; text-shadow: 0 2px 8px #000; } .LoginExperience_heroCopy__In_t0 h1 { font-family: Impact, 'Arial Narrow', Arial, sans-serif; font-weight: 900; font-size: clamp(110px, 16.8vw, 308px); line-height: .85; letter-spacing: -.035em; margin: 0; color: #f7f7f5; } .LoginExperience_loginDialog__wBZiA { padding: 0; width: min(404px,calc(100vw - 30px)); max-width: none; max-height: calc(100svh - 32px); border: 0; border-radius: 15px; background: var(--makke-login-surface); color: var(--makke-login-text); overflow: auto; overscroll-behavior: contain; margin: auto; box-shadow: 0 28px 100px #0008; } .LoginExperience_loginDialog__wBZiA::-webkit-backdrop { background: var(--makke-overlay); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); } .LoginExperience_loginDialog__wBZiA::backdrop { background: var(--makke-overlay); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); } .LoginExperience_closeLogin__k5JDX { position: absolute; z-index: 6; right: 10px; top: 8px; width: 32px; height: 32px; display: grid; place-items: center; font-size: 24px; line-height: 1; background: transparent; border: 0; color: var(--makke-text-secondary); cursor: pointer; border-radius: 50%; } .LoginExperience_closeLogin__k5JDX:hover { color: var(--makke-text-primary); background: var(--makke-surface-hover); } @keyframes LoginExperience_wallDrift__ROmWb { from { transform: translateY(0); } to { transform: translateY(-25px); } } @keyframes LoginExperience_appear___GLTv { from { opacity: 0; } to { opacity: 1; } } .LoginExperience_experience__24T_x .login-panel { z-index: 4; position: relative; width: min(100%, 404px); min-height: 0; padding: 0; overflow: visible; background: var(--makke-login-panel); border: 1px solid #ffffff14; border-radius: 15px; box-shadow: 0 22px 100px #0007, 0 0 65px 18px #070708b3; } .LoginExperience_experience__24T_x .login-form { width: 100%; padding: 29px 31px 22px; } .LoginExperience_experience__24T_x .login-mobile-brand { display: flex; justify-content: center; margin-bottom: 25px; gap: 8px; } .LoginExperience_experience__24T_x .login-mobile-brand > span { width: 27px; height: 27px; border: 0; border-radius: 0; background: none; color: #ece9f5; } .LoginExperience_experience__24T_x .login-mobile-brand .brand-wordmark { color: var(--makke-text-primary); font-size: 22px; letter-spacing: -.05em; } .LoginExperience_experience__24T_x .brand-wordmark i { color: inherit; } .LoginExperience_experience__24T_x .login-eyebrow { color: #94909f; text-align: center; font-size: 7px; letter-spacing: .17em; margin: 0 0 11px; } .LoginExperience_experience__24T_x .login-form h2 { color: var(--makke-login-text); text-align: center; font-size: 25px; line-height: 1.3; font-weight: 600; letter-spacing: -.055em; } .LoginExperience_experience__24T_x .login-description { text-align: center; color: var(--makke-login-secondary); font-size: 11px; line-height: 1.6; margin: 9px 0 25px; } .LoginExperience_experience__24T_x .login-form > label { margin-top: 14px; } .LoginExperience_experience__24T_x .login-form > label > span { color: var(--makke-login-label); font-size: 10px; font-weight: 500; margin-bottom: 7px; } .LoginExperience_experience__24T_x .login-input { height: 45px; border: 1px solid var(--makke-login-border); background: var(--makke-login-input); border-radius: 6px; color: var(--makke-login-muted); transition: border-color .18s, box-shadow .18s; } .LoginExperience_experience__24T_x .login-input:focus-within { border-color: var(--makke-accent); box-shadow: 0 0 0 2px var(--makke-accent-soft); } .LoginExperience_experience__24T_x .login-input input { width: 100%; min-width: 0; color: var(--makke-login-text); box-shadow: none; font-size: 12px; } .LoginExperience_experience__24T_x .login-input input::placeholder { color: var(--makke-login-muted); } .LoginExperience_experience__24T_x .login-input button { min-width: 26px; min-height: 36px; color: var(--makke-login-secondary); } .LoginExperience_experience__24T_x .login-options { margin: 9px 0 15px; } .LoginExperience_experience__24T_x .login-options label { color: var(--makke-login-secondary); font-size: 10px; } .LoginExperience_experience__24T_x .login-options input { accent-color: var(--makke-accent); } .LoginExperience_experience__24T_x .login-options button, .LoginExperience_experience__24T_x .signup-link button, .LoginExperience_experience__24T_x .signup-terms a { color: var(--makke-text-primary); } .LoginExperience_experience__24T_x .login-options button { min-height: 30px; font-size: 10px; } .LoginExperience_experience__24T_x .login-submit { height: 44px; border-radius: 6px; background: var(--makke-accent); color: #fff; font-weight: 750; font-size: 12px; transition: background .18s; } .LoginExperience_experience__24T_x .login-submit:hover { background: var(--makke-accent-hover); box-shadow: none; } .LoginExperience_experience__24T_x button:focus-visible, .LoginExperience_experience__24T_x a:focus-visible, .LoginExperience_experience__24T_x input[type=checkbox]:focus-visible { outline: 2px solid var(--makke-accent); outline-offset: 4px; } .LoginExperience_experience__24T_x button:disabled { cursor: not-allowed; } .LoginExperience_experience__24T_x .social-divider { margin: 18px 0 13px; color: var(--makke-login-muted); font-size: 9px; } .LoginExperience_experience__24T_x .social-divider::before { background: var(--makke-border); } .LoginExperience_experience__24T_x .social-divider span { background: var(--makke-login-surface); } .LoginExperience_experience__24T_x .social-auth-buttons { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; } .LoginExperience_experience__24T_x .social-auth-buttons button { position: relative; height: 69px; border-radius: 6px; border-color: var(--makke-login-border); background: var(--makke-login-input); color: var(--makke-text-primary); display: flex; flex-direction: column; justify-content: flex-start; gap: 3px; padding: 10px 2px 0; font-size: 10px; transition: background .18s, border-color .18s; } .LoginExperience_experience__24T_x .social-auth-buttons button:hover { background: var(--makke-surface-hover); border-color: var(--makke-border-hover); } .LoginExperience_experience__24T_x .social-auth-buttons button:disabled { opacity: .68; background: #ffffff02; } .LoginExperience_experience__24T_x .social-auth-buttons button > span { height: 18px; width: 18px; font-size: 13px; } .LoginExperience_experience__24T_x .social-auth-buttons button > .providerName { width: auto; height: auto; font-size: 10px; font-weight: 500; } .LoginExperience_experience__24T_x .social-auth-buttons small { position: static; padding: 0; font-size: 6px; font-weight: 400; color: var(--makke-text-muted); background: none; line-height: 1; } .LoginExperience_experience__24T_x .social-auth-buttons .kakao-auth { background: #e9d975; border-color: #e9d975; color: #25200b; } .LoginExperience_experience__24T_x .social-auth-buttons .kakao-auth:hover { background: #f4e591; border-color: #f4e591; } .LoginExperience_experience__24T_x .social-auth-buttons .kakao-auth small { color: #615a35; } .LoginExperience_experience__24T_x .signup-link { margin: 18px 0 0; color: var(--makke-text-secondary); font-size: 10px; } .LoginExperience_experience__24T_x .signup-link + .signup-link { margin-top: 9px; font-size: 9px; } .LoginExperience_experience__24T_x .login-demo-note { color: var(--makke-text-muted); font-size: 8px; line-height: 1.6; margin: 17px 0 0; } .LoginExperience_experience__24T_x .login-demo-note[role=status] { color: var(--makke-success); background: var(--makke-surface); padding: 10px; margin-bottom: 15px; font-size: 12px; } .LoginExperience_experience__24T_x .login-error { color: var(--makke-error-text); background: #bc614a20; border: 1px solid #efaa9133; border-radius: 6px; margin: 0 0 14px; padding: 11px; font-size: 12px; line-height: 1.5; } .LoginExperience_experience__24T_x .auth-back { color: var(--makke-text-secondary); } .LoginExperience_experience__24T_x .signup-terms { color: var(--makke-text-secondary); } .LoginExperience_experience__24T_x input:-webkit-autofill { -webkit-text-fill-color: var(--makke-text-primary); box-shadow: 0 0 0 1000px var(--makke-input-bg) inset; } .LoginExperience_experience__24T_x .login-panel { width: 100%; box-shadow: none; border: 0; } .LoginExperience_experience__24T_x .social-auth-buttons button > .LoginExperience_providerName__b1Wim { width: auto; height: auto; font-size: 10px; font-weight: 500; } .LoginExperience_openLogin___iBef:focus-visible, .LoginExperience_closeLogin__k5JDX:focus-visible { outline: 2px solid var(--makke-accent); outline-offset: 4px; } @media (max-width: 800px) { .LoginExperience_edition__zWQD6 { inset: 22px 24px auto; } .LoginExperience_collectionLabel__JLbdj { font-size: 7px; padding: 10px 13px; } .LoginExperience_headerBrand__3mmAt { font-size: 21px; } .LoginExperience_openLogin___iBef { font-size: 11px; min-height: 38px; padding: 8px 15px; gap: 12px; } .LoginExperience_wallPosition__m_7BJ { --tile: clamp(185px, 26vw, 240px); --gap: 16px; perspective: 1300px; } .LoginExperience_typeArtwork__gf4Q8 b { font-size: 65px; } } @media (max-width: 600px) { .LoginExperience_edition__zWQD6 { inset: 21px 21px auto; } .LoginExperience_collectionLabel__JLbdj { display: none; } .LoginExperience_wallPosition__m_7BJ { top: 45%; --tile: 195px; --gap: 16px; } .LoginExperience_wallColumn__f9gxU:first-child, .LoginExperience_wallColumn__f9gxU:last-child { display: none; } .LoginExperience_wall__x8PhG { transform: rotateX(4deg); transition: none; } .LoginExperience_columnDrift__fIIbM { animation: none; } .LoginExperience_heroCopy__In_t0 { bottom: 47px; } .LoginExperience_heroCopy__In_t0 > p { font-size: 10px; margin-bottom: 13px; } .LoginExperience_heroCopy__In_t0 h1 { font-size: 17.8vw; letter-spacing: -.04em; } .LoginExperience_vignette__jP_qO { background: linear-gradient(180deg,#08080995,transparent 24%,transparent 53%,#080809ef 100%),linear-gradient(90deg,#0004,transparent 22%,transparent 78%,#0004); } .LoginExperience_experience__24T_x .login-form { padding: 29px 23px 24px; } .LoginExperience_experience__24T_x .login-form h2 { font-size: 24px; } } @media (prefers-reduced-motion: reduce) { .LoginExperience_columnDrift__fIIbM, .LoginExperience_portfolio__GzH2k { animation: none; } .LoginExperience_wall__x8PhG { transform: rotateX(6deg); transition: none; } .LoginExperience_experience__24T_x * { transition: none; } } /* LastPass injects a shadow host despite data-lpignore, with inline display !important. Hide only that injected icon in login mode; preserve inputs and native autofill. */ .LoginExperience_hideLoginAutofillIcons__sNolc .login-input [data-lastpass-icon-root] { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./components/layout/DetailProductionShell.module.css ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .DetailProductionShell_shell__8k6t8 { display: grid !important; grid-template-columns: 248px minmax(0, 1fr) !important; min-height: 100vh; } .DetailProductionShell_shell__8k6t8 .studio-sidebar { position: -webkit-sticky; position: sticky; inset: 0 auto auto 0; width: 248px !important; height: 100vh; min-width: 0; padding: 22px 16px; overflow: hidden auto; } .DetailProductionShell_shell__8k6t8 .production-main { width: auto; max-width: none !important; min-width: 0; margin: 0 !important; padding: 0 !important; } .DetailProductionShell_shell__8k6t8 .studio-sidebar-toggle { align-self: flex-end; width: 30px; height: 28px; margin: 0 2px 4px; border: 1px solid var(--ui-border, #e5e7ed); border-radius: 8px; background: #fff; color: var(--ui-muted, #747986); cursor: pointer; } .DetailProductionShell_shell__8k6t8 .studio-sidebar.is-collapsed { width: 60px !important; padding: 8px 6px; } .DetailProductionShell_shell__8k6t8 .studio-sidebar.is-collapsed .logo { display: none; } .DetailProductionShell_shell__8k6t8 .studio-sidebar.is-collapsed nav { margin-top: 6px; } .DetailProductionShell_shell__8k6t8 .studio-sidebar.is-collapsed nav button { justify-content: center; padding: 9px 4px; } .DetailProductionShell_shell__8k6t8 .studio-sidebar.is-collapsed nav button span, .DetailProductionShell_shell__8k6t8 .studio-sidebar.is-collapsed nav button small { display: none; } .DetailProductionShell_shell__8k6t8.DetailProductionShell_sidebarCollapsed__Q3imx { grid-template-columns: 60px minmax(0, 1fr) !important; } .DetailProductionShell_shell__8k6t8.DetailProductionShell_focus__KbE33 { grid-template-columns: minmax(0, 1fr) !important; } .DetailProductionShell_shell__8k6t8.DetailProductionShell_focus__KbE33 .studio-sidebar { display: none !important; } @media (max-width: 720px) { .DetailProductionShell_shell__8k6t8, .DetailProductionShell_shell__8k6t8.DetailProductionShell_sidebarCollapsed__Q3imx { grid-template-columns: 68px minmax(0, 1fr) !important; } .DetailProductionShell_shell__8k6t8 .studio-sidebar { position: -webkit-sticky; position: sticky; width: 68px !important; padding: 13px 8px; } .DetailProductionShell_shell__8k6t8 .studio-sidebar .studio-wordmark, .DetailProductionShell_shell__8k6t8 .studio-sidebar-toggle { display: none; } .DetailProductionShell_shell__8k6t8 .studio-sidebar nav button { justify-content: center; padding: 9px 4px; } .DetailProductionShell_shell__8k6t8 .studio-sidebar nav button span, .DetailProductionShell_shell__8k6t8 .studio-sidebar nav button small { display: none; } .DetailProductionShell_shell__8k6t8.DetailProductionShell_focus__KbE33 { grid-template-columns: minmax(0, 1fr) !important; } .DetailProductionShell_shell__8k6t8.DetailProductionShell_focus__KbE33 .studio-sidebar { display: none !important; } }