.selector-page{background:#fff;width:100%;max-width:600px;min-height:100vh;margin:0 auto;padding:28px 38px 32px}.selector-header{text-align:center}.selector-header h1{margin:0;font-size:40px;font-weight:800;line-height:1.35}.selector-question{text-align:center;margin-top:82px}.selector-question h2{margin:0;font-size:30px;font-weight:800;line-height:1.3}.product-slider-wrap{margin-top:28px;position:relative}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 46px;display:grid}.product-card{aspect-ratio:1/1.16;color:#000;background:#8cf164;border-radius:10px;justify-content:center;align-items:center;font-size:30px;font-weight:800;display:flex}.product-card img{object-fit:cover;width:100%;height:100%}.product-card.is-disabled{opacity:.85;cursor:not-allowed}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-button-prev:after,.swiper-button-next:after{font-size:32px;font-weight:900}.page-count{text-align:right;margin:28px 26px 0 0;font-size:30px;font-weight:800}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.canvas-section{position:relative}.mockup-canvas{background:#b9b9b9;border-radius:10px;justify-content:center;align-items:center;width:100%;height:526px;display:flex;position:relative;overflow:hidden}.mockup-canvas.is-guide-visible{outline-offset:-4px;outline:4px solid #007f94}.guide-help-area{z-index:70;position:absolute;top:12px;left:12px}.guide-help-button{color:#111;cursor:pointer;background:#8cf164;border:0;border-radius:50%;width:34px;height:34px;font-size:18px;font-weight:700;box-shadow:0 3px 12px #00000029}.guide-help-button:hover,.guide-help-button.is-active{background:#73e94f}.guide-help-panel{color:#111;-webkit-backdrop-filter:blur(7px);letter-spacing:-.03em;background:#ffffffe6;border-radius:12px;width:248px;padding:12px 12px 10px;font-size:12px;line-height:1.45;position:absolute;top:42px;left:0;box-shadow:0 8px 28px #0000002e}.guide-help-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.guide-help-panel-header strong{font-size:13px;font-weight:600}.guide-help-panel-close{color:#111;cursor:pointer;background:#eee;border:0;border-radius:50%;width:24px;height:24px;font-size:17px;line-height:1}.guide-help-panel p{margin:0 0 9px}.guide-help-panel p:last-child{margin-bottom:0}.guide-word{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-weight:700}.guide-word-blue{color:#007f94}.guide-word-pink{color:#e0177b}.guide-word-green{color:#10a84a}.print-side-mode-badge{z-index:60;color:#111;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#ffffffe0;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:7px 13px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000014}.print-side-switcher{z-index:60;-webkit-backdrop-filter:blur(6px);background:#ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000014}.print-side-switcher span{color:#111;padding:0 5px 0 6px;font-size:11px;font-weight:600}.print-side-switcher button{color:#111;cursor:pointer;background:#eee;border:0;border-radius:999px;min-width:48px;height:28px;padding:0 10px;font-size:12px;font-weight:500}.print-side-switcher button.is-selected{background:#8cf164}.floating-tools{z-index:65;flex-direction:column;gap:16px;display:flex;position:absolute;top:14px;right:10px}.floating-tool{color:#111;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;display:flex}.floating-tool.is-disabled{opacity:.45;cursor:not-allowed}.floating-icon{background-color:#ddd;background-position:50%;background-repeat:no-repeat;background-size:58%;border-radius:50%;width:46px;height:46px;position:relative}.floating-tool:not(:disabled):hover .floating-icon{background-color:#c8ffb7}.floating-tool em{color:#111;font-size:12px;font-style:normal}.shape{background:#616161}.pick-stage{z-index:10;display:block;position:relative}.pick-mask{z-index:1;background:0 0;display:block;position:absolute;inset:0;overflow:hidden}.pick-base-layer{z-index:1;background:#616161;position:absolute;inset:0}.pick-material-layer{z-index:2;object-fit:contain;transform-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pick-user-image-layer{z-index:3;object-fit:contain;object-position:center;transform-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pick-guide-image-layer{z-index:20;object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pick-hole-guide-image-layer{z-index:25;object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shape-cd{background:#616161;border-radius:50%;width:354px;height:354px;display:block;-webkit-mask:radial-gradient(circle,#0000 0 34px,#000 35px);mask:radial-gradient(circle,#0000 0 34px,#000 35px)}.cd-hole{display:none}.shape-label{background:#7d7d7b;border-radius:2px;width:180px;height:432px}.shape-book{background:#7d7d7b;border-radius:8px;width:220px;height:320px}.material-reference-backdrop{z-index:1200;background:#0000006b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.material-reference-modal{background:#fff;border-radius:16px;width:min(520px,100% - 32px);max-height:min(720px,100vh - 48px);padding:18px;overflow-y:auto;box-shadow:0 12px 40px #00000038}.material-reference-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.material-reference-header strong{font-size:16px;font-weight:600}.material-reference-close{color:#111;cursor:pointer;background:#eee;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1}.material-reference-description{color:#333;margin:0 0 14px;font-size:13px;line-height:1.5}.material-reference-grid{grid-template-columns:1fr;gap:12px;display:grid}.material-reference-card{background:#eee;border-radius:12px;padding:12px}.material-reference-image-placeholder{color:#777;background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:140px;margin-bottom:10px;font-size:13px;display:flex}.material-reference-card strong{margin-bottom:5px;font-size:14px;font-weight:600;display:block}.material-reference-card p{color:#333;margin:0;font-size:12px;line-height:1.45}.print-side-backdrop{z-index:1250;background:#0000006b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.print-side-modal{background:#fff;border-radius:16px;width:min(460px,100% - 32px);padding:18px;box-shadow:0 12px 40px #00000038}.print-side-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.print-side-modal-header strong{font-size:16px;font-weight:600}.print-side-modal-close{color:#111;cursor:pointer;background:#eee;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1}.print-side-modal-description{color:#333;margin:0 0 14px;font-size:13px;line-height:1.5}.print-side-option-list{grid-template-columns:1fr;gap:10px;display:grid}.print-side-option-button{color:#111;text-align:left;cursor:pointer;background:#eee;border:0;border-radius:12px;padding:13px}.print-side-option-button.is-selected{background:#8cf164}.print-side-option-button span{font-size:15px;font-weight:600;display:block}.print-side-option-button small{color:#333;margin-top:5px;font-size:12px;line-height:1.45;display:block}.material-reference-close:hover,.print-side-modal-close:hover,.print-side-option-button:hover,.guide-help-panel-close:hover{opacity:.82}.export-capture-root{pointer-events:none;width:0;height:0;position:fixed;top:0;left:-99999px;overflow:hidden}.export-capture-canvas{background:#b9b9b9;justify-content:center;align-items:center;width:600px;height:526px;display:flex;position:relative;overflow:hidden}.export-capture-canvas .pick-stage{display:block;position:relative}.export-watermark{z-index:90;color:#8d8d8d;letter-spacing:.03em;pointer-events:none;font-size:20px;font-weight:700;line-height:1;display:block;position:absolute;bottom:18px;right:22px}.option-panel{width:100%;margin-top:18px}.image-upload-input{display:none}.tool-button-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:18px;display:flex}.tool-button{color:#111;text-align:center;letter-spacing:-.03em;background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;width:72px;min-height:82px;font-size:12px;font-weight:400;line-height:1.2;display:flex}.tool-icon{background-color:#8d8d8d;background-position:50%;background-repeat:no-repeat;background-size:58%;border-radius:50%;width:46px;height:46px;position:relative}.tool-button:not(:disabled):hover .tool-icon{background-color:#c8ffb7}.tool-button.is-disabled{opacity:.45}.tool-button.is-active .tool-icon{background-color:#8cf164}.tool-button.is-active{color:#000;font-weight:500}.tool-button.is-hole-button.is-hole-active .tool-icon{background-color:#48e05f}.tool-button.is-hole-button.is-hole-active{color:#000;font-weight:500}.tool-button.is-hole-button.is-hole-active:not(:disabled):hover .tool-icon{background-color:#ffb8b8}.tool-button.is-hole-button.is-hole-active:not(:disabled):hover{color:#9c0000}.tool-button.is-thickness-button.is-thickness-active .tool-icon{background-color:#48e05f}.tool-button.is-thickness-button.is-thickness-active{color:#000;font-weight:500}.tool-button.is-thickness-button.is-thickness-active:not(:disabled):hover .tool-icon{background-color:#ffb8b8}.tool-button.is-thickness-button.is-thickness-active:not(:disabled):hover{color:#9c0000}.pick-type-modal-backdrop{z-index:1100;background:#0000006b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pick-type-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(520px,100% - 32px);height:min(620px,100vh - 72px);max-height:calc(100vh - 72px);padding:18px;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000038}.pick-type-modal-header{flex:none;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pick-type-modal-header strong{font-size:16px;font-weight:500}.pick-type-modal-close{color:#111;background:#eee;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1}.pick-type-shape-layout{flex:auto;grid-template-rows:1fr auto;gap:14px;min-height:0;display:grid}.pick-type-shape-layout .pick-type-grid{grid-template-rows:repeat(2,minmax(120px,1fr));grid-template-columns:repeat(2,1fr);gap:10px;height:100%;min-height:0;display:grid}.pick-type-shape-layout .pick-type-button{color:#111;text-align:center;background:#eee;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:120px;padding:12px;display:flex}.pick-type-shape-layout .pick-type-button.is-selected{background:#8cf164}.pick-type-shape-layout .pick-type-button span{text-align:center;width:100%;font-size:15px;font-weight:500}.pick-type-shape-layout .pick-type-button small{text-align:center;color:#333;width:100%;margin-top:8px;font-size:12px;font-weight:400}.pick-type-shape-layout .pick-type-info{color:#111;background:#f4f4f4;border-radius:12px;margin:0;padding:12px;font-size:12px;line-height:1.5}.pick-type-info p{margin:0 0 6px}.pick-type-info p:last-child{margin-bottom:0}.pick-type-color-layout{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.pick-color-help{color:#333;flex:none;margin:0 0 10px;font-size:13px;font-weight:400;line-height:1.45}.pick-color-top-actions{flex:none;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px;display:grid}.pick-color-back-button{color:#111;background:#8cf164;border-radius:999px;height:40px;font-size:13px;font-weight:500}.pick-color-secondary-button{color:#111;background:#eee;border-radius:999px;height:40px;font-size:13px;font-weight:400}.pick-color-scroll{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.pick-color-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:8px;display:grid}.pick-color-button{color:#111;text-align:center;background:#eee;border-radius:12px;grid-template-columns:1fr;gap:7px;min-height:88px;padding:10px;font-size:12px;font-weight:400;display:grid}.pick-color-button.is-selected{background:#8cf164}.pick-color-button span:last-child{font-weight:400}.pick-color-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;width:100%;height:54px;display:block}.pick-color-actions{display:none}.pick-color-back-button:hover,.pick-color-secondary-button:hover,.pick-color-button:hover,.pick-type-button:hover,.pick-type-modal-close:hover{opacity:.82}.slider-panel{background:#fff;border-radius:14px;grid-template-columns:1fr;gap:10px;margin:4px 0 18px;padding:14px;display:grid}.slider-panel label{color:#111;grid-template-columns:44px 1fr 42px;align-items:center;gap:10px;font-size:12px;font-weight:400;display:grid}.slider-panel input[type=range]{width:100%}.slider-panel strong{text-align:right;font-size:12px;font-weight:500}.slider-panel input:disabled{opacity:.35}.editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.primary-button{color:#fff;background:#111;border-radius:999px;min-height:48px;font-size:14px;font-weight:500}.primary-button:hover{opacity:.86}.thickness-reference-row{justify-content:flex-end;align-items:center;gap:6px;margin:-4px 0 14px;font-size:12px;font-weight:400;display:flex}.thickness-reference-button{color:#111;background:#eee;border-radius:50%;width:30px;height:30px;font-size:16px;font-weight:500}.thickness-reference-panel{background:#f3f3f3;border-radius:12px;margin-bottom:14px;padding:14px;font-size:13px;line-height:1.5;position:relative}.thickness-reference-close{background:#fff;border-radius:50%;width:26px;height:26px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.thickness-reference-placeholder{color:#777;background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:120px;margin-top:10px;display:flex}.pick-thickness-grid{grid-template-columns:1fr;gap:10px;display:grid}.pick-thickness-button{color:#111;text-align:left;background:#eee;border-radius:10px;min-height:66px;padding:12px}.pick-thickness-button.is-selected{background:#8cf164}.pick-thickness-button span{font-size:15px;font-weight:500;display:block}.pick-thickness-button small{color:#333;margin-top:5px;font-size:12px;font-weight:400;line-height:1.4;display:block}.submit-confirm-backdrop{z-index:1300;background:#0000006b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.submit-confirm-modal{background:#fff;border-radius:16px;width:min(420px,100%);padding:18px;box-shadow:0 12px 40px #00000038}.submit-confirm-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.submit-confirm-header strong{font-size:16px;font-weight:500}.submit-confirm-close{color:#111;background:#eee;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1}.submit-confirm-content{text-align:center;color:#111;padding:12px 4px 16px;font-size:15px;line-height:1.55}.submit-confirm-content p{margin:0 0 14px}.submit-confirm-content strong,.submit-confirm-question{font-weight:500}.submit-confirm-actions{grid-template-columns:1fr;gap:8px;display:grid}.submit-confirm-primary-button{color:#fff;background:#111;border-radius:999px;height:44px;font-weight:500}.submit-confirm-secondary-button{color:#111;background:#eee;border-radius:999px;height:44px;font-weight:400}.submit-guide-backdrop{z-index:1350;background:#0000006b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.submit-guide-modal{background:#fff;border-radius:16px;width:min(480px,100%);max-height:min(760px,100vh - 48px);padding:18px;overflow-y:auto;box-shadow:0 12px 40px #00000038}.submit-guide-hero{background:#e4ffd9;border-radius:14px;margin:-2px 0 14px;padding:14px}.submit-guide-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.submit-guide-header strong{font-size:18px;font-weight:500}.submit-guide-close{color:#111;background:#eee;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1}.submit-guide-description{color:#111;margin:0;font-size:13px;font-weight:400;line-height:1.5}.submit-guide-number-notice{background:#f6f6f6;border:1px solid #ddd;border-radius:12px;margin-bottom:14px;padding:12px}.submit-guide-number-notice strong{margin-bottom:6px;font-size:12px;font-weight:500;display:block}.submit-guide-number-notice span{color:#fff;letter-spacing:.08em;background:#111;border-radius:999px;justify-content:center;align-items:center;min-width:72px;height:32px;padding:0 12px;font-size:15px;font-weight:500;display:inline-flex}.submit-guide-number-notice p{color:#555;margin:8px 0 0;font-size:11px;line-height:1.45}.submit-guide-field-list{grid-template-columns:1fr;gap:10px;margin-bottom:14px;display:grid}.submit-guide-field-list label{grid-template-columns:1fr;gap:5px;display:grid}.submit-guide-field-list span{color:#111;font-size:12px;font-weight:500}.submit-guide-field-list input{width:100%;height:40px;font:inherit;border:1px solid #ddd;border-radius:10px;padding:0 12px;font-size:13px}.submit-guide-field-list input:read-only{color:#555;background:#f3f3f3;font-weight:400}.submit-guide-field-list textarea{width:100%;min-height:74px;font:inherit;resize:vertical;border:1px solid #ddd;border-radius:10px;padding:10px 12px;font-size:13px}.submit-guide-template-box{background:#eee;border-radius:12px;margin-bottom:14px;padding:12px}.submit-guide-template-title{margin-bottom:10px;font-size:13px;font-weight:500;display:block}.submit-guide-preview{background:#fff;border-radius:10px;padding:12px;font-size:12px;line-height:1.55}.submit-guide-preview-heading{margin:0 0 10px}.submit-guide-preview dl{grid-template-columns:1fr;gap:5px;margin:0;display:grid}.submit-guide-preview dl div{grid-template-columns:92px 1fr;gap:8px;display:grid}.submit-guide-preview dt{color:#111;font-weight:500}.submit-guide-preview dd{color:#111;margin:0}.submit-guide-attachment-note{color:#111;background:#fff7d6;border-radius:10px;margin:-2px 0 10px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.45}.submit-guide-actions{grid-template-columns:1fr;gap:8px;display:grid}.submit-guide-save-button{color:#111;background:#eee;border-radius:999px;height:44px;font-weight:400}.submit-guide-copy-button{color:#111;background:#8cf164;border-radius:999px;height:44px;font-weight:500}.submit-guide-mail-button{color:#fff;background:#111;border-radius:999px;height:44px;font-weight:500}.submit-confirm-primary-button:hover,.submit-confirm-secondary-button:hover,.submit-confirm-close:hover,.submit-guide-save-button:hover,.submit-guide-copy-button:hover,.submit-guide-mail-button:hover,.submit-guide-close:hover,.thickness-reference-button:hover,.thickness-reference-close:hover,.pick-thickness-button:hover{opacity:.82}@media (width<=480px){.tool-button-row{gap:5px}.tool-button{width:62px;font-size:11px}.tool-icon{background-size:58%;width:42px;height:42px}.pick-type-modal{width:min(520px,100% - 24px);height:min(620px,100vh - 48px)}.editor-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button{font-size:13px}.submit-guide-preview dl div{grid-template-columns:82px 1fr}}.tool-icon:before,.tool-icon:after,.floating-icon:before,.floating-icon:after{content:none!important;display:none!important}.tool-icon,.floating-icon{background-position:50%!important;background-repeat:no-repeat!important;background-size:58%!important}.delivery-page{color:#111;background:#eee;width:min(600px,100%);min-height:100vh;margin:0 auto;padding:18px 18px 40px}.delivery-card{width:100%;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}.delivery-header{justify-content:space-between;gap:18px;margin-bottom:18px;padding:4px 0 0;display:flex}.delivery-eyebrow{letter-spacing:.08em;color:#555;margin:0 0 6px;font-size:11px}.delivery-header h1{margin:0 0 8px;font-size:26px;font-weight:700;line-height:1.2}.delivery-header p{color:#333;margin:0;font-size:14px;line-height:1.55}.delivery-back-button{cursor:pointer;background:#fff;border:1px solid #d4d4d4;border-radius:999px;height:38px;padding:0 14px}.delivery-guide-box{background:#fff;border:1px solid #ddd;border-radius:16px;margin-bottom:14px;padding:16px}.delivery-guide-box>strong{margin-bottom:8px;font-size:15px;display:block}.delivery-guide-box p{color:#444;margin:5px 0;font-size:14px;line-height:1.55}.delivery-guide-box p strong{font-weight:700}.delivery-legend{background:#fff;border:1px solid #ddd;border-radius:16px;margin-bottom:18px;overflow:hidden}.delivery-legend-toggle{cursor:pointer;background:#fff;border:0;justify-content:space-between;width:100%;padding:15px 16px;font-size:14px;display:flex}.delivery-legend-body{background:#fff;border-top:1px solid #eee;gap:13px;padding:14px 16px;display:grid}.delivery-legend-item{align-items:flex-start;gap:11px;display:flex}.delivery-legend-item strong{font-size:14px}.delivery-legend-item p{color:#555;margin:4px 0 0;font-size:13px;line-height:1.5}.delivery-color-dot{border-radius:50%;flex:none;width:15px;height:15px;margin-top:3px}.delivery-color-dot.is-blocked{background:#e1e1e1}.delivery-color-dot.is-rush{background:#ffd1dc}.delivery-color-dot.is-safe{background:#d7f8c8}.delivery-layout{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.delivery-calendar-box{background:#fff;border:1px solid #ddd;border-radius:20px;padding:18px}.delivery-calendar-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.delivery-calendar-selects{align-items:center;gap:6px;display:flex}.delivery-calendar-selects select{color:#111;cursor:pointer;background:0 0;border:0;height:34px;font-size:18px;font-weight:700}.delivery-calendar-selects select:focus{outline-offset:2px;border-radius:4px;outline:2px solid #111}.delivery-calendar-nav{align-items:center;gap:6px;display:flex}.delivery-calendar-nav button{color:#111;cursor:pointer;background:0 0;border:0;border-radius:50%;width:34px;height:34px;font-size:32px;line-height:1}.delivery-calendar-nav button:disabled{color:#b4b4b4;cursor:not-allowed}.delivery-week-row{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px;display:grid}.delivery-weekday{color:#777;place-items:center;height:20px;font-size:12px;font-weight:600;display:grid}.delivery-weekday.is-sunday{color:#e45142}.delivery-weekday.is-saturday{color:#2f6fcb}.delivery-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.delivery-calendar-day{color:#a7a7a7;cursor:pointer;background:#f4f4f4;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:45px;font-family:inherit;display:inline-flex}.delivery-calendar-day:disabled{cursor:not-allowed}.delivery-calendar-day.is-outside{opacity:.45}.delivery-calendar-day.is-blocked{color:#c2c2c2;background:#f4f4f4;text-decoration:line-through}.delivery-calendar-day.is-sunday{color:#e45142;background:#fff1ee}.delivery-calendar-day.is-saturday{color:#2f6fcb;background:#eef5ff}.delivery-calendar-day.is-holiday{color:#d94a3d;background:#fff0f0;text-decoration:none}.delivery-calendar-day.is-rush{color:#8a1f3a;background:#ffd1dc;text-decoration:none}.delivery-calendar-day.is-safe{color:#245c1f;background:#d7f8c8;text-decoration:none}.delivery-calendar-day.is-selected{border:2px solid #111;font-weight:700;box-shadow:0 0 0 3px #00000014}.delivery-calendar-day.is-safe-start{font-weight:700}.delivery-day-number{font-size:13px;line-height:1}.delivery-day-label{letter-spacing:-.05em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;font-size:9px;font-weight:700;line-height:1;overflow:hidden}.delivery-side-area{gap:16px;display:grid}.delivery-notice,.delivery-method,.delivery-summary,.delivery-memo-label{background:#fff;border:1px solid #ddd;border-radius:18px;padding:17px}.delivery-notice.is-compact{padding:14px 16px}.delivery-notice strong{margin-bottom:6px;display:block}.delivery-notice p{color:#444;margin:6px 0 0;font-size:13px;line-height:1.5}.delivery-notice.is-rush{background:#fff3f6;border-color:#ffbfd0}.delivery-notice.is-safe{background:#f3fff0;border-color:#c7efb6}.delivery-method h2,.delivery-summary h2{margin:0 0 12px;font-size:17px}.delivery-method-list{gap:10px;display:grid}.delivery-method-button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:16px;padding:14px}.delivery-method-button strong{margin-bottom:6px;display:block}.delivery-method-button span{color:#555;font-size:13px;line-height:1.45;display:block}.delivery-method-button.is-selected{background:#f8f8f8;border-color:#111}.delivery-memo-label{gap:10px;font-weight:600;display:grid}.delivery-memo-label textarea{resize:vertical;border:1px solid #dedede;border-radius:14px;min-height:100px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.delivery-summary dl{gap:10px;margin:0;display:grid}.delivery-summary dl div{border-bottom:1px solid #eee;justify-content:space-between;gap:14px;padding-bottom:10px;display:flex}.delivery-summary dt{color:#666}.delivery-summary dd{text-align:right;margin:0;font-weight:600}.delivery-summary p{color:#555;margin:14px 0 0;font-size:13px;line-height:1.5}@media (width<=640px){.delivery-page{padding:14px 14px 34px}.delivery-header{flex-direction:column}.delivery-calendar-box{padding:14px}.delivery-calendar-day{border-radius:12px;height:40px}.delivery-day-number{font-size:12px}.delivery-day-label{font-size:8px}}.delivery-method{padding:15px}.delivery-method h2{margin-bottom:10px;font-size:16px}.delivery-method-list{grid-template-columns:1fr;gap:8px}.delivery-method-button{justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.delivery-method-button strong{white-space:nowrap;margin:0;font-size:14px}.delivery-method-button span{text-align:right;font-size:12px}.delivery-summary.is-compact{padding:15px}.delivery-summary.is-compact h2{margin-bottom:12px;font-size:16px}.delivery-summary-line{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.delivery-summary-line span{color:#666;font-size:13px}.delivery-summary-line strong{text-align:right;font-size:13px}.delivery-summary-memo{border-bottom:1px solid #eee;padding:10px 0}.delivery-summary-memo span{color:#666;margin-bottom:5px;font-size:13px;display:block}.delivery-summary-memo p{color:#333;margin:0;font-size:13px;line-height:1.45}.delivery-summary-notice{color:#777;margin:12px 0 0;font-size:12px;line-height:1.45}.delivery-submit-box{background:#fff;border:1px solid #ddd;border-radius:18px;padding:15px}.delivery-submit-box h2{margin:0 0 10px;font-size:16px}.delivery-submit-box p{color:#555;margin:0 0 12px;font-size:13px;line-height:1.5}.delivery-submit-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:999px;width:100%;height:44px;font-family:inherit;font-size:14px;font-weight:700}.delivery-submit-button:disabled{color:#777;cursor:not-allowed;background:#cfcfcf}.delivery-mail-preview{border-top:1px solid #eee;margin-top:12px;padding-top:10px}.delivery-mail-preview summary{color:#555;cursor:pointer;font-size:13px}.delivery-mail-preview pre{color:#333;white-space:pre-wrap;background:#f6f6f6;border-radius:12px;max-height:260px;margin:10px 0 0;padding:12px;font-family:inherit;font-size:12px;line-height:1.55;overflow:auto}.delivery-submit-actions{grid-template-columns:1fr;gap:8px;display:grid}.delivery-copy-button{color:#111;cursor:pointer;background:#fff;border:1px solid #d8d8d8;border-radius:999px;width:100%;height:42px;font-family:inherit;font-size:14px;font-weight:700}.delivery-copy-button:disabled{color:#999;cursor:not-allowed;background:#f2f2f2}.delivery-attachment-guide{background:#f8f8f8;border:1px solid #e4e4e4;border-radius:14px;margin:12px 0;padding:12px}.delivery-attachment-guide.has-warning{background:#fff8f0;border-color:#ffd1a6}.delivery-attachment-guide>strong{margin-bottom:8px;font-size:13px;display:block}.delivery-attachment-guide ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.delivery-attachment-guide li{background:#fff;border-radius:10px;justify-content:space-between;gap:10px;padding:7px 9px;font-size:12px;display:flex}.delivery-attachment-guide li span{color:#666;white-space:nowrap}.delivery-attachment-guide li em{color:#111;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-style:normal;font-weight:700;overflow:hidden}.delivery-attachment-guide li.is-warning em{color:#c45b00}.delivery-attachment-guide li.is-info em{color:#555}.delivery-attachment-guide p{color:#777;margin:9px 0 0;font-size:12px;line-height:1.45}*{box-sizing:border-box}html{width:100%;min-height:100%}body{color:#050505;background:#fff;width:100%;min-height:100%;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed}#root{width:100%;min-height:100vh}.editor-page{background:#eee;width:100%;max-width:600px;min-height:100vh;margin:0 auto;padding:16px 32px 32px;position:relative}.back-button{color:#333;letter-spacing:-.02em;background:#fff;border:1px solid #d8d8d8;border-radius:999px;justify-content:center;align-items:center;min-height:32px;margin:0 0 10px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000000a}.back-button:hover{color:#111;background:#eee}.editor-title{text-align:center;letter-spacing:.02em;margin:0 0 16px;font-size:20px;font-weight:500;line-height:1.2}.editor-layout{padding:0;position:relative}@media (width<=480px){.editor-page{padding:14px 20px 28px}.editor-title{font-size:18px}.back-button{padding:6px 11px;font-size:12px}}.editor-top-bar{justify-content:space-between;align-items:center;gap:12px;width:min(600px,100%);margin:0 auto 10px;display:flex}.editor-top-bar .back-button{margin:0;position:static}.editor-purchase-top-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:999px;min-height:36px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 4px 14px #00000029}.editor-purchase-top-button:hover{opacity:.86}
