._svgContainer_yqev0_3{background:#fff;display:flex;justify-content:center;align-items:center;flex:1;overflow:hidden;min-height:0;min-width:0;border-radius:var(--spacing-xs)}._polaroidFrame_yqev0_27{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._coloringSvg_yqev0_43{width:100%;height:100%;flex:1;background:#fefefe;display:flex;justify-content:center;align-items:center;overflow:hidden;pointer-events:all;cursor:pointer}._coloringSvg_yqev0_43 svg{width:100%;height:100%;object-fit:contain;pointer-events:all!important;overflow:visible}._coloringSvg_yqev0_43 svg *{pointer-events:all!important}._coloringSvg_yqev0_43 g{pointer-events:all!important}._coloringSvg_yqev0_43 path{cursor:pointer;transition:opacity .1s ease;pointer-events:all!important;stroke-width:1}._coloringSvg_yqev0_43 path:hover{opacity:.8}._coloringSvg_yqev0_43 path[data-colorable=true]{cursor:pointer!important;pointer-events:all!important}._coloringSvg_yqev0_43 path[data-colorable=false]{cursor:not-allowed!important;pointer-events:none!important}._coloringSvg_yqev0_43 path[fill=black],._coloringSvg_yqev0_43 path[fill="#000000"],._coloringSvg_yqev0_43 path[fill="#000"]{pointer-events:none!important;cursor:not-allowed!important}._loading_yqev0_157,._error_yqev0_159,._empty_yqev0_161{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tds-text-secondary);font-size:var(--font-sm);gap:var(--spacing-md)}._loadingIcon_yqev0_183{width:100px;height:100px;animation:_pulse_yqev0_1 1.5s ease-in-out infinite;border-radius:8px;box-shadow:0 4px 12px #0000001a}@keyframes _pulse_yqev0_1{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}._loadingText_yqev0_233{font-size:var(--font-sm);color:var(--tds-text-secondary);animation:_fadeInOut_yqev0_1 1.5s ease-in-out infinite}@keyframes _fadeInOut_yqev0_1{0%,to{opacity:1}50%{opacity:.5}}._error_yqev0_159{color:var(--tds-error)}._error_yqev0_159 small{margin-top:var(--spacing-xs);color:var(--tds-text-tertiary);font-size:var(--font-xs)}@media(orientation:landscape){._svgContainer_yqev0_3{flex:1;min-width:0;min-height:0;height:100%}}@media(min-width:1024px)and (orientation:landscape){._svgContainer_yqev0_3{width:100%;height:100%;min-height:0;min-width:0}._polaroidFrame_yqev0_27,._coloringSvg_yqev0_43{max-width:100%;max-height:100%}}._paletteSection_wz0sw_3{background:var(--tds-card);border-radius:var(--spacing-sm);padding:var(--spacing-sm);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}._colorPalette_wz0sw_25{display:grid;grid-template-columns:repeat(10,1fr);gap:min(4px,1vmin);flex:1;align-content:start;overflow:hidden}._colorBtn_wz0sw_45{aspect-ratio:1;width:100%;border-radius:min(6px,1.5vmin);border:1.5px solid transparent;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 1px 2px #00000014}._colorBtn_wz0sw_45:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026;z-index:1}._colorBtn_wz0sw_45:active{transform:scale(.95)}._colorBtn_wz0sw_45._selected_wz0sw_85{border-color:var(--tds-primary);transform:scale(1.1);box-shadow:0 2px 6px #3182f666;z-index:2}._colorBtn_wz0sw_45[data-color="#FFFFFF"]{border:1.5px solid var(--tds-border)}@media(orientation:landscape){._colorPalette_wz0sw_25{grid-template-columns:repeat(8,1fr)}}@media(max-width:360px),(max-height:500px){._paletteSection_wz0sw_3{padding:4px}._colorPalette_wz0sw_25{gap:2px}}@media(min-width:768px){._paletteSection_wz0sw_3{padding:var(--spacing-md)}._colorPalette_wz0sw_25{gap:8px;grid-template-columns:repeat(8,1fr)}._colorBtn_wz0sw_45{min-width:36px;min-height:36px;border-radius:8px;border-width:2px}._colorBtn_wz0sw_45._selected_wz0sw_85{border-width:3px}}@media(min-width:1024px)and (orientation:landscape){._paletteSection_wz0sw_3{padding:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex-shrink:1;min-height:0}._colorPalette_wz0sw_25{grid-template-columns:repeat(6,1fr);gap:clamp(3px,.8vh,6px);flex:1;align-content:start;overflow:hidden;min-height:0}._colorBtn_wz0sw_45{aspect-ratio:1;min-width:0;min-height:0;width:100%;max-height:calc((100vh - 140px) / 12);border-radius:clamp(4px,.6vh,8px);box-shadow:0 1px 3px #0000001a}._colorBtn_wz0sw_45:hover{transform:scale(1.08)}._colorBtn_wz0sw_45._selected_wz0sw_85{transform:scale(1.08);box-shadow:0 3px 8px #3182f680}}@media(min-width:1440px)and (min-height:900px){._colorPalette_wz0sw_25{grid-template-columns:repeat(5,1fr);gap:clamp(5px,1vh,8px)}._colorBtn_wz0sw_45{max-height:calc((100vh - 160px) / 14);border-radius:clamp(6px,.8vh,10px)}}@media(min-width:1024px)and (orientation:landscape)and (max-height:800px){._paletteSection_wz0sw_3{padding:6px}._colorPalette_wz0sw_25{grid-template-columns:repeat(7,1fr);gap:clamp(2px,.5vh,4px)}._colorBtn_wz0sw_45{max-height:calc((100vh - 120px)*.1);border-radius:clamp(3px,.5vh,6px)}}@media(min-width:1024px)and (orientation:landscape)and (max-height:700px){._colorPalette_wz0sw_25{grid-template-columns:repeat(8,1fr);gap:2px}._colorBtn_wz0sw_45{max-height:calc((100vh - 100px) / 9);border-radius:3px}}._controls_7y4lu_3{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vmin,12px);flex-shrink:0;padding:clamp(8px,2vmin,12px)}._iconBtn_7y4lu_21{width:clamp(40px,9vmin,48px);height:clamp(40px,9vmin,48px);border-radius:11px;border:1.5px solid var(--tds-primary);background:var(--tds-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,background .1s ease,border-color .1s ease;flex-shrink:0}._iconBtn_7y4lu_21:hover{background:#3182f61a;transform:scale(1.05)}._iconBtn_7y4lu_21:active{transform:scale(.95)}._iconBtn_7y4lu_21._disabled_7y4lu_67{border-color:var(--tds-border);cursor:not-allowed}._iconBtn_7y4lu_21._disabled_7y4lu_67:hover{transform:none;background:var(--tds-card)}._iconBtn_7y4lu_21 svg{width:clamp(18px,4.5vmin,22px);height:clamp(18px,4.5vmin,22px)}._completeBtn_7y4lu_97{flex:none;width:30%;padding:14px;font-size:14px;font-weight:600;color:#fff;background:var(--tds-primary);border:none;border-radius:11px;cursor:pointer;transition:transform .1s ease,background .1s ease;font-family:inherit;margin-left:clamp(12px,3vmin,20px)}._completeBtn_7y4lu_97:hover{background:var(--tds-primary-dark)}._completeBtn_7y4lu_97:active{transform:scale(.97)}@media(hover:none){._iconBtn_7y4lu_21:hover{transform:none;background:var(--tds-card)}._completeBtn_7y4lu_97:hover{background:var(--tds-primary)}}@supports (padding: env(safe-area-inset-bottom)){._controls_7y4lu_3{padding-bottom:env(safe-area-inset-bottom)}}@media(min-width:1024px)and (orientation:landscape){._controls_7y4lu_3{padding:clamp(6px,1vh,10px);gap:clamp(6px,1vh,10px);justify-content:center;flex-shrink:0;height:clamp(50px,8vh,70px);min-height:50px;max-height:70px;max-width:100%;box-sizing:border-box;flex-wrap:wrap}._iconBtn_7y4lu_21{width:clamp(36px,5vh,48px);height:clamp(36px,5vh,48px);border-radius:clamp(8px,1vh,12px)}._iconBtn_7y4lu_21 svg{width:clamp(16px,2.2vh,20px);height:clamp(16px,2.2vh,20px)}._completeBtn_7y4lu_97{width:auto;min-width:clamp(80px,10vh,120px);padding:clamp(8px,1.2vh,12px) clamp(16px,2.5vh,24px);font-size:clamp(12px,1.6vh,15px);border-radius:clamp(8px,1vh,12px);margin-left:clamp(8px,1.5vmin,12px)}}@media(min-width:1024px)and (orientation:landscape)and (max-height:800px){._controls_7y4lu_3{padding:5px;gap:5px;height:clamp(44px,6vh,56px);min-height:44px;max-height:56px}._iconBtn_7y4lu_21{width:clamp(32px,4.5vh,40px);height:clamp(32px,4.5vh,40px);border-radius:8px}._iconBtn_7y4lu_21 svg{width:clamp(14px,2vh,18px);height:clamp(14px,2vh,18px)}._completeBtn_7y4lu_97{min-width:clamp(70px,9vh,100px);padding:clamp(6px,1vh,10px) clamp(12px,2vh,20px);font-size:clamp(11px,1.4vh,14px);border-radius:8px}}@media(min-width:1024px)and (orientation:landscape)and (max-height:700px){._controls_7y4lu_3{padding:4px;gap:4px;height:40px;min-height:40px;max-height:40px}._iconBtn_7y4lu_21{width:32px;height:32px;border-radius:6px}._iconBtn_7y4lu_21 svg{width:14px;height:14px}._completeBtn_7y4lu_97{min-width:70px;padding:6px 12px;font-size:11px;border-radius:6px}}._introPage_10k13_1{display:flex;flex-direction:column;height:100%;background:var(--tds-card);cursor:pointer;position:relative;overflow:hidden}._adminBtn_10k13_21{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;box-shadow:0 2px 8px #00000026;transition:all .2s;z-index:10}._adminBtn_10k13_21:hover{background:#fff;color:#333;transform:scale(1.05)}._adminBtn_10k13_21:active{transform:scale(.95)}@supports (padding: env(safe-area-inset-top)){._adminBtn_10k13_21{top:max(16px,env(safe-area-inset-top))}}._loadingContainer_10k13_93{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes _fadeIn_10k13_133{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._fadeIn_10k13_133{animation:_fadeIn_10k13_133 .5s ease-out forwards}._imageContainer_10k13_141{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);min-height:0;gap:var(--spacing-sm)}._galleryImage_10k13_163{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--spacing-sm);box-shadow:0 4px 20px #00000026}._fortuneMessage_10k13_179{font-size:clamp(16px,4vmin,19px);color:var(--tds-text-secondary);line-height:1.5;margin:0;padding:10px 16px;text-align:center;max-width:90%}._startHint_10k13_199{padding:var(--spacing-lg);text-align:center;flex-shrink:0}._hintText_10k13_211{display:inline-block;padding:12px 32px;background:var(--tds-primary);color:#fff;font-size:var(--font-md);font-weight:600;border-radius:24px;animation:_pulse_10k13_1 2s ease-in-out infinite}@keyframes _pulse_10k13_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}._introPage_10k13_1:active ._galleryImage_10k13_163{transform:scale(.98);transition:transform .1s ease}@supports (padding: env(safe-area-inset-bottom)){._startHint_10k13_199{padding-bottom:max(var(--spacing-lg),env(safe-area-inset-bottom))}}._resultPage_bfgno_1{display:flex;flex-direction:column;height:100%;background:var(--tds-card);overflow:hidden;position:relative}._toast_bfgno_19{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:500;z-index:100;animation:_fadeInOut_bfgno_1 2s ease-in-out}@keyframes _fadeInOut_bfgno_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}._previewArea_bfgno_63{flex:1;display:flex;flex-direction:column;padding:var(--spacing-md);min-height:0}._svgPreview_bfgno_79{flex:1;display:flex;align-items:center;justify-content:center;background:var(--tds-background);border-radius:var(--spacing-sm);overflow:hidden;min-height:0}._svgContainer_bfgno_101{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._svgContainer_bfgno_101 svg{max-width:100%;max-height:100%;object-fit:contain}._colorAnalysis_bfgno_131{margin:0 var(--spacing-md);padding:var(--spacing-md);flex-shrink:0}._analysisHeader_bfgno_143{display:flex;align-items:center;gap:8px;margin-bottom:12px}._analysisEmoji_bfgno_157{font-size:24px;line-height:1}._analysisTitle_bfgno_167{font-size:16px;font-weight:700;color:var(--tds-text-primary)}._analysisMessage_bfgno_179{font-size:18px;line-height:1.6;color:var(--tds-text-primary);margin-bottom:12px;word-break:keep-all;text-align:center}._analysisStats_bfgno_197{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--tds-text-secondary)}._analysisStats_bfgno_197 span{background:#fff9;padding:4px 10px;border-radius:12px;white-space:nowrap}._rightSection_bfgno_229{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}._actionButtons_bfgno_243{display:flex;flex-direction:column;gap:clamp(8px,2vmin,12px);padding:var(--spacing-md);flex-shrink:0}._saveBtn_bfgno_259{width:100%;padding:16px;font-size:16px;font-weight:600;color:#fff;background:var(--tds-primary);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:inherit}._saveBtn_bfgno_259:hover{background:var(--tds-primary-dark)}._saveBtn_bfgno_259:active{transform:scale(.98)}._saveBtn_bfgno_259._saved_bfgno_303{background:var(--tds-text-tertiary);cursor:default}._saveBtn_bfgno_259:disabled{opacity:.7;cursor:default}._restartBtn_bfgno_323{width:100%;padding:16px;font-size:16px;font-weight:600;color:var(--tds-primary);background:transparent;border:2px solid var(--tds-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:inherit}._restartBtn_bfgno_323:hover{background:var(--tds-primary);color:#fff}._restartBtn_bfgno_323:active{transform:scale(.98)}@media(orientation:landscape){._resultPage_bfgno_1{flex-direction:row}._previewArea_bfgno_63{flex:1}._rightSection_bfgno_229{width:40%;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md)}._colorAnalysis_bfgno_131{margin:0}._actionButtons_bfgno_243{width:100%;justify-content:center;padding:0}}@supports (padding: env(safe-area-inset-bottom)){._rightSection_bfgno_229{padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}}._diaryModal_bfgno_441{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._diaryModalContent_bfgno_469{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:400px;box-shadow:0 4px 20px #00000026}._diaryModalTitle_bfgno_487{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--tds-text-primary);text-align:center}._diaryModalHint_bfgno_503{margin:0 0 16px;font-size:13px;color:var(--tds-text-secondary);text-align:center}._diaryTextarea_bfgno_517{width:100%;padding:14px;border:2px solid var(--tds-border);border-radius:12px;font-size:15px;font-family:inherit;resize:none;outline:none;transition:border-color .2s;line-height:1.6}._diaryTextarea_bfgno_517:focus{border-color:var(--tds-primary)}._diaryCharCount_bfgno_551{margin-top:8px;font-size:13px;color:var(--tds-text-secondary);text-align:right}._diaryModalButtons_bfgno_565{display:flex;gap:12px;margin-top:20px}._diaryModalCancel_bfgno_577,._diaryModalSave_bfgno_579{flex:1;padding:14px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit}._diaryModalCancel_bfgno_577{background:transparent;border:2px solid var(--tds-border);color:var(--tds-text-secondary)}._diaryModalCancel_bfgno_577:hover{background:var(--tds-background)}._diaryModalSave_bfgno_579{background:var(--tds-primary);border:none;color:#fff}._diaryModalSave_bfgno_579:hover{background:var(--tds-primary-dark)}._overlay_4i83e_1{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._modal_4i83e_15{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}._header_4i83e_26{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}._header_4i83e_26 h2{margin:0;font-size:20px;font-weight:600}._closeBtn_4i83e_40{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}._closeBtn_4i83e_40:hover{color:#333}._tabs_4i83e_54{display:flex;border-bottom:1px solid #eee}._tab_4i83e_54{flex:1;padding:14px;background:none;border:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}._tab_4i83e_54:hover{background:#f5f5f5}._tab_4i83e_54._active_4i83e_75{color:#3182f6;border-bottom:2px solid #3182F6}._message_4i83e_80{margin:16px 20px 0;padding:12px 16px;border-radius:8px;font-size:14px}._message_4i83e_80._success_4i83e_87{background:#e8f5e9;color:#2e7d32}._message_4i83e_80._error_4i83e_92{background:#ffebee;color:#c62828}._uploadSection_4i83e_97{padding:20px;border-bottom:1px solid #eee}._fileInput_4i83e_102{display:none}._uploadBtn_4i83e_106{display:block;width:100%;padding:14px;background:#3182f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:background .2s}._uploadBtn_4i83e_106:hover{background:#1b64da}._imageList_4i83e_125{flex:1;overflow-y:auto;padding:10px 20px;min-height:200px;max-height:400px}._loading_4i83e_133,._empty_4i83e_134{display:flex;align-items:center;justify-content:center;height:150px;color:#999;font-size:14px}._imageItem_4i83e_143{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:background .2s}._imageItem_4i83e_143:hover{background:#f5f5f5}._imagePreview_4i83e_156{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}._imagePreview_4i83e_156 img{width:100%;height:100%;object-fit:cover}._svgIcon_4i83e_174{font-size:12px;font-weight:600;color:#666}._imageInfo_4i83e_180{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}._imageName_4i83e_188{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._imageDate_4i83e_196{font-size:12px;color:#999}._imageActions_4i83e_201{display:flex;gap:8px}._viewBtn_4i83e_206,._deleteBtn_4i83e_207{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}._viewBtn_4i83e_206{background:#f0f0f0;color:#333;border:none}._viewBtn_4i83e_206:hover{background:#e0e0e0}._deleteBtn_4i83e_207{background:none;border:1px solid #ff4444;color:#f44}._deleteBtn_4i83e_207:hover{background:#f44;color:#fff}._helpText_4i83e_238{padding:16px 20px;background:#f8f9fa;border-top:1px solid #eee}._helpText_4i83e_238 p{margin:0;font-size:13px;color:#666;line-height:1.5}._passwordForm_4i83e_252{padding:24px 20px;display:flex;flex-direction:column;gap:16px}._passwordLabel_4i83e_259{margin:0;font-size:14px;color:#666;text-align:center}._passwordInput_4i83e_266{width:100%;padding:14px 16px;border:2px solid #e5e8eb;border-radius:10px;font-size:16px;text-align:center;outline:none;transition:border-color .2s}._passwordInput_4i83e_266:focus{border-color:#3182f6}._passwordInput_4i83e_266._error_4i83e_92{border-color:#f04452;animation:_shake_4i83e_1 .3s ease}@keyframes _shake_4i83e_1{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}._passwordError_4i83e_292{margin:0;font-size:13px;color:#f04452;text-align:center}._passwordBtn_4i83e_299{width:100%;padding:14px;background:#3182f6;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}._passwordBtn_4i83e_299:hover{background:#1b64da}._passwordBtn_4i83e_299:active{transform:scale(.98)}._versionInfo_4i83e_320{margin:8px 0 0;font-size:12px;color:#999;text-align:center}._imageItem_4i83e_143._disabled_4i83e_328{opacity:.5;background:#f8f8f8}._imageItem_4i83e_143._disabled_4i83e_328 ._imagePreview_4i83e_156{filter:grayscale(100%)}._toggleWrapper_4i83e_338{display:flex;align-items:center;gap:6px;cursor:pointer}._toggleInput_4i83e_345{display:none}._toggleSlider_4i83e_349{position:relative;width:36px;height:20px;background:#ccc;border-radius:20px;transition:background .2s}._toggleSlider_4i83e_349:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}._toggleInput_4i83e_345:checked+._toggleSlider_4i83e_349{background:#3182f6}._toggleInput_4i83e_345:checked+._toggleSlider_4i83e_349:before{transform:translate(16px)}._toggleLabel_4i83e_379{font-size:11px;font-weight:500;color:#666;min-width:36px}._toggleInput_4i83e_345:checked~._toggleLabel_4i83e_379{color:#3182f6}:root{--tds-primary: #3182F6;--tds-primary-dark: #1B64DA;--tds-background: #F4F6F8;--tds-card: #FFFFFF;--tds-text-primary: #191F28;--tds-text-secondary: #8B95A1;--tds-text-tertiary: #B0B8C1;--tds-border: #E5E8EB;--tds-success: #00C896;--tds-error: #F04452;--tds-warning: #FF9500;--tds-info: #3182F6;--spacing-xs: min(6px, 1.5vmin);--spacing-sm: min(8px, 2vmin);--spacing-md: min(12px, 3vmin);--spacing-lg: min(16px, 4vmin);--font-xs: clamp(10px, 2.5vmin, 14px);--font-sm: clamp(11px, 3vmin, 16px);--font-md: clamp(12px, 3.5vmin, 18px);--panel-ratio: 40%;--canvas-ratio: 60%}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--tds-background);display:flex;flex-direction:column;align-items:center;color:var(--tds-text-primary);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.main-container{background:var(--tds-card);border-radius:var(--spacing-md);box-shadow:0 1px 3px #00000014;padding:var(--spacing-sm);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.right-panel{display:flex;flex-direction:column;flex-shrink:0;height:var(--panel-ratio);overflow:hidden;gap:var(--spacing-xs)}.loading-state,.error-state,.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tds-text-secondary);font-size:var(--font-sm);text-align:center}.error-state{color:var(--tds-error)}.error-state small,.empty-state small{margin-top:var(--spacing-xs);color:var(--tds-text-tertiary);font-size:var(--font-xs)}.main-container.coloring-page{flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.main-container.coloring-page .paletteSection{width:100%}@media(orientation:landscape){.main-container{flex-direction:row;gap:var(--spacing-sm)}.main-container.coloring-page{flex-direction:row}.main-container.coloring-page .paletteSection{width:auto}}@media(min-width:1024px)and (orientation:landscape){.main-container.coloring-page{display:grid;grid-template-columns:1fr 300px;grid-template-rows:1fr auto;gap:var(--spacing-sm);padding:var(--spacing-md);height:100vh;max-height:100vh;overflow:hidden}.main-container.coloring-page>*:first-child{grid-column:1;grid-row:1 / -1;min-height:0;overflow:hidden}.main-container.coloring-page .paletteSection{grid-column:2;grid-row:1;width:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.main-container.coloring-page .controls{grid-column:2;grid-row:2;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}}@media(min-width:1440px){.main-container.coloring-page{grid-template-columns:1fr 360px}}@media(hover:none){button:hover{transform:none;box-shadow:none}}@supports (padding: env(safe-area-inset-bottom)){.main-container{padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeSlideIn .3s ease-out forwards;width:100%;height:100%}