.card-studio{color:#17213a;width:min(1450px,100% - 40px);margin:18px auto 28px}.card-studio-head{justify-content:space-between;align-items:end;gap:30px;margin:0 4px 16px;display:flex}.card-eyebrow{color:#63887d;letter-spacing:.15em;font-size:11px;font-weight:850}.card-studio-head h1{letter-spacing:-.055em;margin:5px 0 3px;font-size:clamp(25px,2.35vw,38px);line-height:1.15}.card-studio-head p{color:#64726f;margin:0;font-size:13px}.card-studio-step{color:#5c786f;background:#f7faf8;border:1px solid #d5e5e0;border-radius:999px;flex:none;padding:8px 12px;font-size:11px;font-weight:750}.card-studio-workspace{background:#fcfdfb;border:1px solid #d7e4df;border-radius:24px;grid-template-columns:minmax(0,1fr) 405px;height:min(790px,100dvh - 170px);min-height:610px;display:grid;overflow:hidden;box-shadow:0 24px 65px #22363417}.card-preview-panel{background:radial-gradient(circle at 20% 15%,#f8faf5,#0000 36%),#eff6f3;flex-direction:column;min-width:0;min-height:0;padding:20px 26px 14px;display:flex}.card-panel-top{color:#607b73;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:850;display:flex}.card-live-dot{letter-spacing:0;align-items:center;gap:6px;font-weight:650;display:inline-flex}.card-live-dot:before{content:"";background:#59c9a4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #59c9a421}.card-canvas-frame{background:#e6f0eb;border:1px solid #dceae4;border-radius:19px;flex:1;justify-content:center;align-items:center;min-height:0;margin:13px 0 10px;padding:15px;display:flex;position:relative;overflow:hidden}.card-canvas-frame canvas,.card-canvas-frame>img{object-fit:contain;filter:drop-shadow(0 12px 24px #1624272b);flex:none;width:100%;min-width:0;height:100%;min-height:0;display:block}.card-canvas-frame canvas[hidden]{display:none}.card-result-state{color:#243e37;text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:340px;padding:24px;display:flex}.card-result-state strong{font-size:20px;line-height:1.2}.card-result-state small{color:#5f756e;font-size:13px;line-height:1.5}.card-empty-symbol{color:#268567;background:#f8fcfa;border:1px solid #a4d8c4;border-radius:17px;place-items:center;width:56px;height:56px;font-size:27px;display:grid}.card-result-tabs{background:#e8f1ec;border:1px solid #cfe1d7;border-radius:11px;align-self:center;gap:3px;margin-top:12px;padding:4px;display:inline-flex}.card-result-tabs button{color:#526b60;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:750}.card-result-tabs button.selected{color:#164e3b;background:#fff;box-shadow:0 2px 8px #2150391c}.card-variants{justify-content:center;gap:8px;margin:0 0 9px;display:flex}.card-variants button{background:#fff;border:2px solid #0000;border-radius:10px;width:58px;height:58px;padding:2px;position:relative;overflow:hidden}.card-variants button.selected{border-color:#44ab83}.card-variants img{object-fit:cover;border-radius:6px;width:100%;height:100%}.card-variants span{color:#fff;background:#122c22bf;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:800;position:absolute;bottom:3px;right:3px}.card-spinner{border:3px solid #b4dbca;border-top-color:#318f78;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite card-rotate}@keyframes card-rotate{to{transform:rotate(360deg)}}.card-preview-footer{color:#6e857c;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.card-preview-footer>div{gap:8px;display:flex}.card-preview-footer button{white-space:nowrap;background:#fff;border:1px solid #c9dcd4;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:750}.card-preview-footer button:hover:not(:disabled){border-color:#76bba0}.card-controls{background:#fffefa;border-left:1px solid #dae5df;flex-direction:column;min-width:0;min-height:0;display:flex}.card-controls-title{border-bottom:1px solid #e9eee9;padding:19px 21px 12px}.card-controls-title h2{letter-spacing:-.045em;margin:3px 0 0;font-size:22px}.card-controls-scroll{scrollbar-color:#b4c7bd transparent;scrollbar-width:thin;flex:1;min-height:0;padding:5px 21px 12px;overflow-y:auto}.card-field{margin-top:15px}.card-field>label{color:#60776e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:850;display:block}.card-field input:not([type=file]),.card-field textarea,.card-field select{color:#22303b;background:#fff;border:1px solid #d9e1dc;border-radius:10px;outline:none;width:100%;padding:10px 11px;font-size:12px;line-height:1.45}.card-field input:focus,.card-field textarea:focus,.card-field select:focus{border-color:#67b799;box-shadow:0 0 0 3px #67b7991f}.card-field textarea{resize:vertical;min-height:65px}.card-field input+input,.card-field input+textarea,.card-field textarea+input{margin-top:7px}.card-occasion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.card-occasion-grid button,.card-format-row button{background:#fff;border:1px solid #e0e6e1;border-radius:9px;min-height:35px;padding:6px 5px;font-size:11px;font-weight:700}.card-occasion-grid button.selected,.card-format-row button.selected{color:#237257;background:#e8f7ef;border-color:#5db594}.card-theme-grid{flex-wrap:wrap;gap:6px;display:flex}.card-theme-grid button{background:#fff;border:1px solid #e0e6e1;border-radius:999px;align-items:center;gap:5px;min-height:33px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.card-theme-grid button.selected{background:#e8f7ef;border-color:#5db594}.card-theme-grid i{border-radius:50%;width:12px;height:12px}.card-custom-style-field{margin-top:9px}.card-custom-style-field label{color:#60776e;margin-bottom:5px;font-size:11px;font-weight:750;display:block}.card-lettering-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.card-lettering-grid button{color:#243d36;text-align:left;background:#fff;border:1px solid #dbe6df;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;min-height:63px;padding:9px 10px;display:flex}.card-lettering-grid button.selected{background:#e9f8f0;border-color:#59b58e;box-shadow:inset 0 0 0 1px #59b58e}.card-lettering-grid strong{font-size:12px;line-height:1.15}.card-lettering-grid span{color:#657b70;font-size:11px;line-height:1.25}.card-format-row{gap:6px;margin-bottom:6px;display:flex}.card-format-row button{flex:1}.card-reference-label{color:#60776e;letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:11px;font-weight:850;display:block}.card-reference-row{color:#63756b;align-items:center;gap:9px;margin-top:7px;font-size:11px;display:flex}.card-reference-row img{object-fit:cover;border-radius:7px;width:32px;height:32px}.card-reference-row button{background:#f9fcf9;border:1px dashed #bfcfc5;border-radius:8px;padding:5px 9px;font-size:11px}.card-reference-mode{gap:6px;margin-top:8px;display:flex}.card-reference-mode button{color:#425b50;background:#fff;border:1px solid #d9e1dc;border-radius:8px;flex:1;padding:8px 6px;font-size:12px;font-weight:700}.card-reference-mode button.selected{color:#205f48;background:#e7f6ee;border-color:#67b799}.card-reference-hint{color:#63756b;margin-top:6px;font-size:12px;line-height:1.4;display:block}.card-controls-bottom{background:#fffefa;border-top:1px solid #e7eee8;padding:11px 21px 15px}.card-generate-button{color:#153a30;background:#a9efd5;border:0;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 14px;font-size:13px;font-weight:850;display:flex}.card-generate-button:hover:not(:disabled){background:#8de5c4}.card-generate-button strong{white-space:nowrap;align-items:center;font-size:13px;display:inline-flex}.card-controls-bottom>small{color:#70857c;text-align:center;margin-top:6px;font-size:11px;display:block}.card-mode-note{color:#4c6c5f;margin:0 0 8px;font-size:11px;line-height:1.4}.card-error{color:#a63f38;background:#fff1ee;border:1px solid #f5b6b2;border-radius:9px;margin:0 0 7px;padding:8px 10px;font-size:11px;line-height:1.4}@media (max-width:900px){.card-studio-workspace{grid-template-columns:minmax(0,1fr) 350px}.card-preview-panel{padding-inline:16px}}@media (max-width:700px){.card-studio{width:min(100% - 20px,560px);margin-top:14px}.card-studio-head{align-items:start}.card-studio-step{display:none}.card-studio-workspace{flex-direction:column;height:auto;min-height:0;display:flex}.card-preview-panel{height:min(68vh,650px);min-height:470px}.card-controls{border-top:1px solid #dae5df;border-left:0}.card-controls-scroll{max-height:none;overflow:visible}.card-preview-footer{flex-direction:column;align-items:flex-start}}