@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}.__variable_e8ce0c{--font-inter:"__Inter_e8ce0c","__Inter_Fallback_e8ce0c"}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Manrope_73ee6c;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Manrope_Fallback_73ee6c;src:local("Arial");ascent-override:102.96%;descent-override:28.98%;line-gap-override:0.00%;size-adjust:103.53%}.__className_73ee6c{font-family:__Manrope_73ee6c,__Manrope_Fallback_73ee6c;font-style:normal}.__variable_73ee6c{--font-manrope:"__Manrope_73ee6c","__Manrope_Fallback_73ee6c"}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-gray-50 text-gray-900}}@layer components{.btn,.btn-primary,.card,.input{@apply bg-primary-500 text-white hover:bg-primary-600}}.color-picker,.color-picker .react-colorful__hue,.color-picker .react-colorful__interactive,.color-picker .react-colorful__pointer,.color-picker .react-colorful__saturation{@apply w-6 h-6 border-4 border-white shadow-md}:root{--primary-color:#38b2ac;--bg-color:#f8f9fa;--text-color:#333;--border-color:#eee;--shadow:0 1px 3px rgba(0,0,0,.1)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,Manrope,Noto Sans,-apple-system,sans-serif}.nav{border-bottom:1px solid var(--border-color);background:#fff}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;height:64px;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:8px;text-decoration:none;color:var(--text-color)}.nav-logo-icon{width:32px;height:32px;background:var(--primary-color);border-radius:8px}.nav-logo-text{font-size:20px;font-weight:600}.nav-links{display:flex;gap:48px}.nav-link{text-decoration:none;color:#666}.nav-link.active{color:var(--text-color);font-weight:500}.container{max-width:1000px;margin:32px auto;padding:0 20px}.color-picker-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin-bottom:48px}.picker-panel{position:relative;overflow:hidden;background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow);min-height:400px}.color-values,.picker-panel{display:flex;flex-direction:column}.color-values{gap:16px}.color-value-item{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.color-value-row{margin-bottom:16px}.color-value-row:last-child{margin-bottom:0}.color-value-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.color-value-label{font-size:14px;font-weight:500;color:#666}.copy-button{padding:6px;border:none;background:transparent;cursor:pointer;border-radius:8px}.copy-button:hover{background:#f5f5f5}.copy-icon{width:16px;height:16px;color:#999}.color-value-display{padding:10px 16px;background:#f5f5f5;border-radius:8px;font-family:monospace}.color-preview{height:80px;border-radius:16px;box-shadow:var(--shadow)}.recommended-colors{margin-top:32px}.recommended-colors h3{font-size:16px;font-weight:500;margin-bottom:16px}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.color-item{text-align:center}.color-block{height:48px;border-radius:8px;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s}.color-block:hover{transform:scale(1.05)}.color-name{margin-top:8px;font-size:14px;color:#666}.export-button{margin-top:32px;padding:8px 24px;background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px}.export-button:hover{background:#eee}.color-picker{width:100%;height:280px}.color-picker .react-colorful__saturation{border-radius:8px}.color-picker .react-colorful__hue{height:24px;margin-top:16px;border-radius:8px}.color-picker .react-colorful__pointer{width:24px;height:24px;border:4px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}.image-container{overflow:hidden;border-radius:8px}.image-container,.upload-placeholder{width:100%;height:100%;position:relative;background-color:#f5f5f5}.upload-placeholder{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.upload-placeholder:hover{background-color:#f0f0f0}.upload-icon{width:40px;height:40px;color:#999;margin-bottom:12px}.upload-placeholder p{font-size:14px;color:#666}.image-preview{width:100%;height:auto;max-height:400px;object-fit:contain;object-position:center;border-radius:8px}.image-preview[style*="cursor: crosshair"]{cursor:crosshair!important}.image-controls{position:absolute;top:8px;right:8px;display:flex;gap:8px;z-index:10}.image-control-buttons{position:absolute;top:16px;right:16px;z-index:1000;display:flex;flex-direction:row;gap:10px;pointer-events:auto}.eyedropper-button,.remove-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(0,0,0,.6);color:#fff;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.3)}.eyedropper-button:hover,.remove-button:hover{background-color:rgba(0,0,0,.8);transform:scale(1.1)}.eyedropper-button.active{background-color:#38b2ac;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(56,178,172,.5)}.eyedropper-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;background-color:rgba(0,0,0,.7);color:#fff;padding:8px;border-radius:4px;font-size:14px;margin:0 16px}canvas.hidden{display:none!important;position:absolute;visibility:hidden;width:0;height:0;overflow:hidden}