.home-studio *{box-sizing:border-box}.home-studio{scroll-behavior:smooth}.home-studio{margin:0;font-family:Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif;color:#17284b;background:#f7faff}.home-studio button,.home-studio textarea,.home-studio select{font:inherit}.home-studio button{cursor:pointer}.home-studio .studio-wrap{width:min(1250px,calc(100% - 48px));margin:auto}.home-studio .studio-hero{padding:95px 0 88px;background:radial-gradient(ellipse at 18% 20%,#b7d5ff90,transparent 48%),radial-gradient(ellipse at 83% 10%,#e1d6ff88,transparent 46%),linear-gradient(150deg,#f6faff,#eff6ff 65%,#f8f5ff);text-align:center}.home-studio .eyebrow{font-size:12px;font-weight:800;letter-spacing:.28em;color:#3775df}.home-studio .studio-hero h1{font-size:clamp(34px,4.3vw,58px);letter-spacing:-.07em;margin:22px 0 16px;line-height:1.35}.home-studio .studio-hero h1 em{font-style:normal;background:linear-gradient(90deg,#407af7,#7270ef);color:transparent;background-clip:text}.home-studio .studio-hero p{font-size:18px;color:#587096}.home-studio .studio-note{display:inline-block;padding:12px 19px;background:#ffffffb5;border:1px solid #dce8fa;border-radius:30px;font-size:12px;color:#607b9e;margin-top:16px}.home-studio .studio-workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:22px;margin-top:-38px;position:relative;margin-bottom:100px}.home-studio .studio-settings,.home-studio .studio-preview{background:#fff;border:1px solid #e0eafa;border-radius:24px;box-shadow:0 18px 50px #356cb410;padding:27px;min-width:0}.home-studio .panel-head{display:flex;align-items:center;gap:11px;margin-bottom:25px}.home-studio .panel-head h2{font-size:21px;letter-spacing:-.04em;margin:0}.home-studio .step{width:35px;height:35px;border-radius:12px;background:#eaf2ff;color:#3775e8;display:grid;place-items:center;font-weight:800;font-size:13px}.home-studio .studio-settings label{display:block;font-size:14px;font-weight:800;margin:23px 0 11px}.home-studio .studio-settings textarea,.home-studio .studio-settings select{width:100%;border:1px solid #d8e4f7;border-radius:13px;padding:15px;color:#203c66;background:#fbfdff;outline:none;line-height:1.7}.home-studio .studio-settings textarea:focus,.home-studio .studio-settings select:focus{border-color:#4484f3;box-shadow:0 0 0 3px #4484f31b}.home-studio .prompt-examples{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.home-studio .prompt-examples span{width:100%;font-size:12px;color:#7286a4}.home-studio .prompt-examples button{border:1px solid #cbdcf6;background:#f7faff;border-radius:24px;padding:8px 11px;color:#3364aa;font-size:12px}.home-studio .prompt-examples button:hover{background:#e9f2ff}.home-studio .generate{width:100%;border:0;border-radius:13px;background:linear-gradient(105deg,#267af0,#6469ec);padding:17px;color:white;font-weight:800;display:flex;justify-content:space-between;align-items:center}.home-studio .generate:disabled{opacity:.6}.home-studio .helper{font-size:12px;color:#7b8fa9;line-height:1.8}.home-studio .status{font-size:12px;color:#426da9;background:#f0f6ff;padding:12px;border-radius:10px;margin-top:15px;line-height:1.6}.home-studio .device-switch{margin-left:auto;display:flex;background:#f1f5fc;padding:4px;border-radius:10px}.home-studio .device-switch button{border:0;background:transparent;padding:8px 14px;border-radius:8px;color:#6c7f9c;font-size:12px}.home-studio .device-switch button.active{background:#fff;color:#226ce1;box-shadow:0 2px 8px #1b4a8c17}.home-studio .browser{border:1px solid #dce6f6;border-radius:16px;overflow:hidden;background:#eaf0fa}.home-studio .browser-top{height:45px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;background:#f7f9fd;border-bottom:1px solid #dce6f6;color:#8a9bb2;font-size:12px}.home-studio .dots{color:#b9c9df;letter-spacing:2px}.home-studio .browser-top button{border:0;background:none;color:#477ce0;font-size:20px}.home-studio .frame-area{height:530px;display:flex;align-items:stretch;justify-content:center;overflow:auto;padding:0}.home-studio .frame-area iframe{border:0;background:white;width:100%;height:100%;transition:width .25s;box-shadow:0 0 18px #203b6510}.home-studio .frame-area.mobile iframe{width:375px;max-width:100%;flex:none}.home-studio .preview-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.home-studio .preview-actions button{border:1px solid #c9dbf7;border-radius:9px;background:#fff;color:#246bdb;padding:11px 15px;font-weight:700;font-size:12px}.home-studio .preview-actions button:disabled{opacity:.5}.home-studio .preview-actions span{color:#8190a5;font-size:11px}.home-studio .studio-bottom{margin-bottom:100px;background:linear-gradient(110deg,#e8f3ff,#f1efff);border-radius:23px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:20px}.home-studio .studio-bottom h2{font-size:27px;margin:15px 0 8px}.home-studio .studio-bottom p{color:#667c9b}.home-studio .studio-bottom a{background:#2878e8;color:white;text-decoration:none;border-radius:30px;padding:16px 23px;font-size:14px;font-weight:800;white-space:nowrap}@media(max-width:950px){.home-studio .studio-workspace{grid-template-columns:1fr}.home-studio .studio-settings{max-width:none}}@media(max-width:600px){.home-studio .studio-wrap{width:calc(100% - 28px)}.home-studio .studio-hero{padding:65px 0 70px}.home-studio .studio-hero p{font-size:15px}.home-studio .studio-settings,.home-studio .studio-preview{padding:18px}.home-studio .studio-workspace{margin-top:-25px}.home-studio .panel-head h2{font-size:18px}.home-studio .frame-area{height:480px}.home-studio .studio-bottom{padding:27px;flex-direction:column;align-items:flex-start}.home-studio .studio-bottom h2{font-size:22px}}.home-studio .studio-preview-content{display:none}.home-studio .studio-preview.has-preview .studio-preview-content{display:block}.home-studio .studio-preview.has-preview .studio-preview-placeholder{display:none}.home-studio .studio-preview-placeholder{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 20px;border:1px dashed #cadcf7;border-radius:19px;background:radial-gradient(circle at 20% 10%,#e1eeff,transparent 55%),radial-gradient(circle at 85% 90%,#ece9ff,transparent 50%),#f9fbff}.home-studio .preview-placeholder-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;font-size:36px;color:#fff;background:linear-gradient(135deg,#3688f6,#7465ef);box-shadow:0 18px 40px #4d75db35;margin-bottom:25px}.home-studio .studio-preview-placeholder h3{font-size:24px;letter-spacing:-.05em;color:#1b345f;margin:0 0 13px}.home-studio .studio-preview-placeholder p{color:#6981a4;line-height:1.85;font-size:15px;margin:0}.home-studio .studio-preview-placeholder strong{color:#326ddd}.home-studio .preview-placeholder-caption{font-size:12px;color:#94a5bd;margin-top:27px}@media(max-width:600px){.home-studio .studio-preview-placeholder{min-height:380px}.home-studio .studio-preview-placeholder h3{font-size:20px}}