.creative-studio{color:#172038;background:#f5f6fa;min-height:100vh;padding-bottom:48px;font-family:Arial,sans-serif}.cs-header{background:#fff;border-bottom:1px solid #dde1eb;justify-content:space-between;align-items:center;gap:16px;padding:22px 4%;display:flex}.cs-brand{color:#172038;font-size:22px;font-weight:700;text-decoration:none}.cs-brand b{color:#6758dc}.cs-brand span{letter-spacing:1px;margin-top:5px;font-size:14px;font-weight:400;display:block}.cs-header>div{align-items:center;gap:22px;display:flex}.cs-header a{color:#172038}.cs-header select,.cs-preview-toolbar select{background:#fff;border:1px solid #c4cbdb;border-radius:8px;padding:9px;font-size:14px}.cs-heading{max-width:1420px;margin:30px auto 24px;padding:0 28px}.cs-heading>span{color:#6654c5;font-size:14px;font-weight:600}.cs-heading h1{letter-spacing:-1px;margin:8px 0;font-size:clamp(26px,3vw,38px);line-height:1.2}.cs-heading p{color:#566079;margin:0;font-size:16px;line-height:1.6}.cs-workspace{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:24px;max-width:1420px;margin:auto;padding:0 28px;display:grid}.cs-preview{min-width:0}.cs-preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cs-preview-toolbar label{align-items:center;gap:10px;font-size:14px;display:flex}.creative-studio button,.creative-studio label.cs-upload{cursor:pointer;font-size:14px}.creative-studio button:disabled{opacity:.45;cursor:not-allowed}.creative-studio button:focus-visible,.creative-studio a:focus-visible,.creative-studio select:focus-visible,.creative-studio input:focus-visible,.creative-studio textarea:focus-visible{outline-offset:3px;outline:3px solid #9d85f8}.cs-download,.cs-upload{color:#fff;background:#6752d8;border:0;border-radius:9px;padding:12px 16px;font-weight:600}.cs-upload{text-align:center;display:inline-block;position:relative}.cs-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.cs-canvas-wrap{background:#e7e9f0;border:1px solid #d7dce6;border-radius:14px;justify-content:center;align-items:center;min-height:240px;padding:22px;display:flex;position:relative;overflow:hidden}.cs-canvas-wrap canvas{object-fit:contain;touch-action:none;cursor:grab;width:auto;max-width:100%;height:auto;max-height:70vh;display:block;box-shadow:0 6px 24px #17203815}.cs-canvas-wrap canvas.erasing{cursor:crosshair}.cs-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.cs-empty>*{pointer-events:auto}.cs-empty>span{color:#877abb;font-size:40px}.cs-empty p{color:#536078;font-size:16px}.cs-note,.cs-privacy{color:#5e687b;margin:14px 0 0;font-size:14px;line-height:1.6}.cs-privacy{font-size:13px}.cs-controls{background:#fff;border:1px solid #dce0eb;border-radius:14px;padding:18px}.cs-purpose,.cs-layer{gap:7px;margin-bottom:16px;display:flex}.cs-purpose button,.cs-layer button{color:#526077;background:#f1f3f8;border:1px solid #0000;border-radius:8px;flex:1;padding:10px}.cs-purpose button[aria-pressed=true],.cs-layer button[aria-pressed=true]{color:#5840b9;background:#eee9ff;border-color:#c4b5fa}.cs-upload-main{display:block}.cs-hint{color:#627087;margin:12px 0;font-size:13px;line-height:1.6}.cs-tabs{grid-template-columns:repeat(2,1fr);gap:6px;margin:18px 0;display:grid}.cs-tabs button{color:#4c5770;background:#fff;border:1px solid #dfe3ec;border-radius:7px;padding:10px 4px;font-weight:600}.cs-tabs button[aria-pressed=true]{color:#fff;background:#172038;border-color:#172038}.cs-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cs-swatches button{background:#fff;border:2px solid #0000;border-radius:7px;min-width:0;padding:3px}.cs-swatches button[aria-pressed=true]{border-color:#6752d8}.cs-swatches span{border:1px solid #dce0e6;border-radius:5px;height:44px;display:block}.cs-swatches small{color:#596378;overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.3;display:block}.cs-secondary{color:#45506c;background:#eef0f8;margin-top:18px;display:block}.cs-supports{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cs-supports button{text-align:center;color:#45506c;background:#f7f7fb;border:2px solid #0000;border-radius:10px;padding:8px}.cs-supports button[aria-pressed=true]{border-color:#6752d8}.cs-support-thumb{aspect-ratio:1;background-image:url(/studio/twiggy-reference.jpg);background-repeat:no-repeat;background-size:cover;margin-bottom:8px;display:block}.cs-cell-0{background-position:0 0}.cs-cell-1{background-position:100% 0}.cs-cell-2{background-position:0 100%}.cs-cell-3{background-position:100% 100%}.cs-clear{color:#45506c;background:#fff;border:1px solid #cbd2e1;border-radius:8px;width:100%;margin:10px 0;padding:10px;display:block}.cs-range{color:#45506c;margin:20px 0;font-size:14px;display:block}.cs-range output{float:right}.cs-range input{accent-color:#6752d8;width:100%;margin-top:12px;display:block}.cs-field{color:#45506c;margin-top:16px;font-size:14px;display:block}.cs-field textarea,.cs-field select,.cs-prompt textarea{color:#172038;resize:vertical;background:#fff;border:1px solid #cbd2e1;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:16px;display:block}.cs-field input[type=color]{border:1px solid #cbd2e1;width:80px;height:40px;margin-top:8px;display:block}.cs-prompt>span{color:#785229;background:#fff0d8;border-radius:6px;padding:7px 9px;font-size:13px;font-weight:600;display:block}.cs-prompt p{color:#5e687b;font-size:14px;line-height:1.6}.cs-status{color:#7354b4;min-height:20px;margin:12px 0 0;font-size:14px;line-height:1.5}.creative-home{background:#f5f1ff;border:1px solid #d8cef6;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;max-width:1160px;margin:32px auto 65px;padding:28px 32px;display:flex}.creative-home h2{margin:7px 0;font-size:26px}.creative-home p{color:#5b6077;max-width:730px;font-size:16px;line-height:1.6}.creative-home>div>span{color:#6752d8;font-size:14px;font-weight:600}.creative-home a{white-space:nowrap}@media (width<=950px){.cs-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:0 16px}.cs-controls{padding:14px}.cs-canvas-wrap{padding:12px}}@media (width<=720px){.cs-header{flex-wrap:wrap;padding:16px}.cs-header>div{gap:12px;font-size:14px}.cs-heading{margin-top:22px;padding:0 16px}.cs-workspace{grid-template-columns:1fr}.cs-canvas-wrap canvas{max-height:55vh}.cs-canvas-wrap{min-height:240px}.cs-controls{padding:16px}.cs-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}.cs-supports{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-supports button{font-size:12px}.creative-home{margin:24px 16px 40px;padding:24px;display:block}.creative-home a{margin-top:10px}.cs-preview-toolbar label{flex-direction:column;align-items:start;gap:4px}}@media (width<=420px){.cs-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-supports{grid-template-columns:1fr 1fr}.cs-header>div>a{display:none}}.cs-tools{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1420px;margin:0 auto 24px;padding:0 28px;display:grid}.cs-tools>button,.cs-tool-coming{text-align:left;color:#172038;background:#fff;border:1px solid #dde1eb;border-radius:18px;min-height:150px;padding:18px;position:relative;overflow:hidden}.cs-tools b{max-width:65%;font-size:20px;line-height:1.25;display:block}.cs-tools small{color:#627087;max-width:65%;margin-top:14px;font-size:14px;line-height:1.4;display:block}.cs-tools .cs-support-thumb{width:95px;position:absolute;bottom:0;right:5px}.cs-tool-swatch{border:1px solid #dce0eb;border-radius:14px;width:85px;height:100px;position:absolute;bottom:14px;right:-10px;transform:rotate(12deg)}.cs-checker{background-color:#fff;background-image:conic-gradient(#e4e7ed 25%,transparent 0 50%,#e4e7ed 0 75%,transparent 0);background-size:20px 20px}.cs-gradient{background:linear-gradient(140deg,#ffd951,#fc76ad,#6652d8)}.cs-tool-symbol{color:#6752d8;font-size:58px;position:absolute;bottom:20px;right:15px}.cs-tool-coming{background:#ece8fc;grid-column:1/-1;align-items:center;gap:20px;min-height:0;display:flex}.cs-tool-coming b{max-width:none;font-size:18px}.cs-tool-coming p{color:#5d5478;margin:0;font-size:14px;line-height:1.5}.cs-remove{color:#fff;background:#6752d8;border:0;border-radius:9px;width:100%;padding:14px;font-weight:600}.cs-canvas-wrap.cs-checker canvas{background:0 0}.creative-studio .cs-hint,.creative-studio .cs-privacy{font-size:14px}.cs-tools button:hover{border-color:#6752d8}@media (width<=720px){.cs-tools{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.cs-tools b{font-size:18px}.cs-tools>button{min-height:145px;padding:16px}.cs-tool-coming{display:block}.cs-tool-coming p{margin-top:8px}}.creative-studio .cs-upload input{opacity:1;width:100%;height:auto;min-height:44px;color:inherit;pointer-events:auto;cursor:pointer;margin-top:10px;font-size:16px;display:block;position:static;inset:auto}.creative-studio input[type=file]::file-selector-button{color:#5840b9;cursor:pointer;background:#fff;border:0;border-radius:7px;margin-right:10px;padding:10px 12px;font-size:16px}.cs-tool-upload{text-align:left;color:#172038;cursor:pointer;background:#fff;border:1px solid #dde1eb;border-radius:18px;min-height:150px;padding:18px;position:relative;overflow:hidden}.cs-tool-upload input{z-index:1;width:100%;min-height:44px;margin-top:15px;font-size:14px;display:block;position:relative}.cs-tool-upload input::file-selector-button{background:#eee9ff!important}.cs-empty label.cs-upload{pointer-events:auto;max-width:100%}.cs-upload-main{box-sizing:border-box;width:100%}.cs-twiggy-thumb{background-image:url(/studio/twiggy-reference.jpg);background-position:50%;background-size:cover;border-radius:12px}.cs-twiggy-reference{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%;max-width:280px;margin:auto;display:block}.cs-reference{text-align:center;color:#63519b;margin:8px 0 20px;font-size:12px;display:block}.cs-ai-panel h2{margin:14px 0;font-size:20px;line-height:1.3}.cs-ai-panel p{color:#566079;font-size:14px;line-height:1.6}.cs-ai-state{background:#f1edff;border-radius:9px;padding:12px;color:#5840b9!important}.cs-review{color:#6b5329;background:#fff3d8;border-radius:9px;padding:12px;font-size:14px;line-height:1.6}.cs-prompt-presets{flex-direction:column;gap:7px;margin-top:12px;display:flex}.cs-prompt-presets button{text-align:left;color:#564574;background:#faf8ff;border:1px solid #e0d9f8;border-radius:9px;padding:10px;line-height:1.4}.cs-ai-actions{margin-top:18px}.cs-tool-coming{text-align:left!important}.cs-supports{grid-template-columns:1fr}.cs-empty-upload{cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:230px;padding:24px;display:flex;position:relative}.cs-empty-upload b{color:#fff;background:#6850d9;border-radius:12px;padding:16px 24px}.creative-studio .cs-empty-upload input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.cs-empty-upload:focus-within{outline-offset:4px;outline:3px solid #6850d9}.cs-controls{scroll-margin-top:20px}.cs-tools>button:focus-visible{outline-offset:3px;outline:3px solid #6850d9}@media (prefers-reduced-motion:reduce){.creative-studio *{scroll-behavior:auto!important}}.cs-processing canvas{filter:grayscale(.65);cursor:wait}.cs-scan-overlay{pointer-events:none;z-index:2;background:#1f144114;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:absolute;inset:22px;overflow:hidden}.cs-scan-line{will-change:transform;background:#a997ff;height:3px;animation:2.8s ease-in-out infinite alternate cs-photo-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 16px 5px #8064ee88}.cs-scan-line:before{content:"";background:linear-gradient(#0000,#a997ff44);height:65px;position:absolute;bottom:0;left:0;right:0}.cs-scan-label{color:#fff;text-align:center;background:#302253ed;border-radius:20px;padding:10px 16px;font-size:14px;line-height:1.4;position:relative;box-shadow:0 3px 12px #17203822}@keyframes cs-photo-scan{0%{top:0}to{top:100%}}@media (prefers-reduced-motion:reduce){.cs-scan-line{box-shadow:none;animation:none;top:50%}.cs-scan-line:before{display:none}}.cs-quick-adjust{background:#fff;border:1px solid #dce0eb;border-radius:12px;margin-top:12px;padding:12px}.cs-quick-buttons{flex-wrap:wrap;gap:8px;display:flex}.cs-quick-buttons button{color:#45506c;background:#f1f3f8;border:1px solid #cbd2e1;border-radius:8px;flex:1;padding:10px}.cs-quick-buttons button[aria-pressed=true]{color:#fff;background:#6752d8}.cs-quick-adjust .cs-range{margin:12px 0}.cs-quick-adjust .cs-hint{margin-bottom:0}.cs-note,.cs-privacy{margin-top:10px}@media (width<=720px){.cs-tools{gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.cs-tools>button,.cs-tools>label{flex:0 0 155px;min-height:100px;padding:12px}.cs-tools b{font-size:15px}.cs-tools small{margin-top:8px;font-size:12px}.cs-tool-coming p{display:none}.cs-tools .cs-support-thumb{width:65px}.cs-tool-symbol{font-size:38px}.cs-tool-swatch{width:55px;height:65px}.cs-workspace{gap:14px}.cs-preview{flex-direction:column;display:flex}.cs-preview .cs-note,.cs-preview .cs-privacy{font-size:12px;line-height:1.45}.cs-canvas-wrap{padding:10px}.cs-canvas-wrap canvas{max-height:50vh}.cs-heading{margin-bottom:14px}.cs-heading p{font-size:14px}.cs-quick-buttons button{font-size:13px}.cs-upload-status{margin-bottom:8px}}.cs-info{color:#5e687b;margin-top:12px;font-size:13px}.cs-info summary{cursor:pointer;padding:8px 0}.creative-studio .cs-upload input,.cs-tool-upload input,.cs-empty-upload input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;min-height:0;margin:0;display:block;position:absolute;inset:0}.cs-upload:focus-within,.cs-tool-upload:focus-within,.cs-empty-upload:focus-within{outline-offset:3px;outline:3px solid #9d85f8}.cs-empty-upload{position:relative}.cs-tool-upload small{padding-bottom:20px}