/* 내 취향 덮어쓰기. 예: 메인 색 바꾸기
:root{--green:#1f5f8b;--lime:#9ccbee}
aside{background:#10283a}
*/

/* Content Studio 2026 — 랜딩과 이어지는 아이보리 · 코랄 작업 공간 */
:root{--ink:#272a25;--muted:#697165;--paper:#faf9f6;--line:#e2e4dc;--green:#e66343;--lime:#ffb39b}
@font-face{font-family:StudioUI;src:local('Pretendard'),local('Pretendard Regular');font-display:swap}
.studio-app{font-family:StudioUI,system-ui,-apple-system,sans-serif;color:var(--ink);word-break:keep-all;line-height:1.65}
body:has(.studio-app){background:var(--paper)}
.studio-app .shell{grid-template-columns:238px minmax(0,1fr)}
.studio-app aside{background:#f4f4ed;color:#30372b;border-right:1px solid var(--line);padding:30px 18px 22px;display:flex;flex-direction:column;box-shadow:none}
.studio-app .brand{font-size:22px;line-height:1.1;letter-spacing:-1px;padding-left:7px;font-weight:800}.studio-brand-light{font-weight:400;margin-left:3px}.studio-symbol{display:inline-block;color:#f86843;transform:rotate(-22deg);font-size:28px;margin-right:6px}.brand-dot{color:#f86843}.studio-app .brand small{font-size:8px;letter-spacing:1px;margin-top:13px;color:#8b9283}
.studio-space{margin:30px 5px 5px;border:1px solid #dde0d3;border-radius:11px;padding:13px 12px;background:#fafbf6}.studio-space>span{font-size:10px;color:#8b9480;display:block}.studio-space>b{font-size:12px;font-weight:600;display:block;margin-top:5px}.studio-space i{font:8px monospace;color:#798868;float:right;border:1px solid #d8e0cd;border-radius:3px;padding:1px 4px;margin-top:3px}
.studio-app .nav{margin-top:12px;gap:4px}.studio-app .nav em{font-size:10px;letter-spacing:.3px;color:#8a947e;margin:17px 12px 8px}.studio-app .nav a{color:#65715a;padding:11px 13px;display:flex;gap:12px;align-items:center;border-radius:8px;font-size:13px;font-weight:500}.studio-app .nav a:hover{background:#eaece3}.studio-app .nav a.active{background:#fff0e8;color:#ad462b;font-weight:700}.nav-icon{width:20px;font-size:18px;line-height:1;color:#8b997c}.active .nav-icon{color:#e26949}.nav-active-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#e66a48}
.studio-app .aside-foot{margin-top:auto;padding-top:30px;font-size:11px;color:#81916f}.studio-ai-note{padding:14px 12px;border:1px solid #dde2d4;border-radius:10px;margin-bottom:19px;background:#f9faf4}.studio-ai-note>span{float:left;font-size:24px;color:#bd8866;margin-right:10px}.studio-ai-note b{display:block;font-size:11px;color:#738063}.studio-ai-note small{font-size:9px;color:#94a183}.studio-app .aside-foot>a{display:flex;justify-content:space-between;padding-inline:12px;color:#79896a}.studio-app main{padding:34px 42px 80px;max-width:1600px;width:100%;margin:auto}.studio-app .top{border-color:#e1e5d8;background:#faf9f6ed;backdrop-filter:blur(12px);padding-top:16px;padding-bottom:16px;margin-top:-34px;min-height:76px}.studio-app .eyebrow{font-size:10px;letter-spacing:1.1px;color:#7a886d}.studio-app .eyebrow i{font-style:normal;margin:0 9px;color:#b3bda6}.studio-app #connection{font-size:10px;color:#94a285}.studio-connection-link{display:inline-flex;align-items:center;gap:7px;font-size:11px!important;text-decoration:none;color:#7f8f6f!important;margin-right:4px}.studio-connection-link i{width:5px;height:5px;background:#a6b88e;border-radius:50%}.studio-app .tb{border:1px solid #dce3d2;background:#fffef9;border-radius:8px;width:34px;height:34px;padding:0;font-size:20px;color:#899a77}
.studio-app h1{font-size:34px;line-height:1.3;letter-spacing:-1.4px;font-weight:750;margin:8px 0 12px}.studio-app h2{font-size:19px;letter-spacing:-.5px;line-height:1.4}.studio-app h3{font-size:16px}.studio-app .section-head{margin:34px 0 25px}.studio-app .section-head>.eyebrow{font-size:9px;letter-spacing:2px;color:#a08c73}.studio-app .section-head>p{font-size:13px;max-width:860px;line-height:1.9;color:#7b8970}.studio-app .subnav{gap:5px;padding:5px;background:#f0f1e9;border-radius:10px;border:1px solid #e3e7d9;width:fit-content;margin-top:22px}.studio-app .subnav a{border:0;background:transparent;color:#879575;padding:8px 15px;font-size:12px;border-radius:6px}.studio-app .subnav a.active{background:white;color:#b35538;box-shadow:0 2px 7px #29391609}
.studio-app .panel,.studio-app .card,.studio-app .stat{border:1px solid #e2e7d9;background:#fffefb;border-radius:13px;padding:24px;box-shadow:0 3px 9px #34442103}.studio-app .panel{margin-bottom:20px}.studio-app button{border-color:#d9e0cf;background:#fffefa;color:#596b48;padding:9px 14px;border-radius:8px;font-size:12px}.studio-app button:hover{border-color:#df9479;background:#fff8f1}.studio-app button.primary{background:#f86843;border-color:#f86843;color:#2f261a;font-weight:700}.studio-app button.primary:hover{background:#f97b5b}.studio-app button:disabled{opacity:.55}.studio-app input,.studio-app select,.studio-app textarea{border:1px solid #dce4d1;background:#fffefa;border-radius:8px;color:#3e4d32;padding:11px 13px;max-width:100%;font-size:13px}.studio-app input:focus,.studio-app textarea:focus,.studio-app select:focus{outline:2px solid #f6b399;outline-offset:2px}.studio-app label{font-size:12px;color:#788b66;margin:14px 0 6px}.studio-app .muted{color:#7e8d6f}.studio-app .small{font-size:12px}.studio-app .hero{background:#f1f2e9;border-color:#e0e5d5;border-radius:13px}.studio-app .empty{border:1px dashed #d4dfc7;border-radius:12px;padding:45px 24px;color:#91a17f;background:#fafcf5;font-size:13px}.studio-app .pill{background:#eff1e7;color:#7d8c6c;font-size:10px;padding:4px 9px}.studio-app .pill.good{background:#eaf1e1;color:#607c40}.studio-app .pill.warn{background:#fff0d9;color:#9b6d27}.studio-app .pill.kill{background:#ffe8e0;color:#b45335}.studio-app .notice{background:#fff4e8;border-color:#eab087;color:#8b7455;border-radius:0 9px 9px 0}.studio-app .error{border-radius:9px;border-color:#efc3b2;background:#fff0e9;color:#a65436;font-size:13px}.studio-app pre{background:#f4f5ee;color:#61734e;font-size:12px;line-height:1.85}.studio-app table{font-size:12px}.studio-app th{background:#f5f7ef;color:#839473;font-size:10px;font-weight:600;letter-spacing:.3px}.studio-app th,.studio-app td{padding:14px 12px;border-color:#e4eadb}.studio-app td{color:#627650}.studio-app tr:hover td{background:#fafbf6}.studio-app .table-wrap{border:1px solid #e0e7d5;border-radius:10px}.studio-app .stats{gap:14px}.studio-app .stat>strong{font-size:31px;letter-spacing:-1px}.studio-app .stat>span{font-size:11px;color:#8c9e78}
.studio-app .cp-form input{padding:14px;font-size:14px}.studio-app .cp-form button{padding:13px 23px;font-weight:700}.studio-app .cp-card{border-color:#e0e6d6;border-radius:12px;background:#fffefb;box-shadow:none}.studio-app .cp-card.picked{border-color:#ee916c;box-shadow:0 0 0 2px #f5c9b9}.studio-app .cp-body{padding:16px}.studio-app .cp-cap{font-size:12px;line-height:1.8;color:#647852}.studio-app .cp-acc{border-color:#e0e7d6;padding:9px 12px;border-radius:9px}.studio-app .cp-acc:hover{background:#fafbf5}.studio-app .cp-create{border-color:#f1b299;box-shadow:0 5px 18px #cd755112}.studio-app .list-button{border-color:#e0e6d6;border-radius:10px;padding:19px;background:#fffefb}.studio-app .list-button.selected{background:#fff3eb;border-color:#eaae91}.studio-app .rl-steps li{color:#8e9f7b;border-color:#dce5cf;font-size:11px}.studio-app .rl-steps li.now{color:#402c1e;background:#ffc5a8;border-color:#ffc5a8}.studio-app .rl-steps li.done{background:#edf3e4;border-color:#d9e5c9;color:#768f58}.studio-app .setup-row{padding:18px 0;border-color:#e0e8d3;grid-template-columns:25px 160px minmax(0,1fr)}.studio-app .setup-row code{background:#f0f4e7}.studio-app details>summary{color:#748961}.studio-app .scores .score{background:#f1f5e9}.studio-app .cp-rg{background:#edf1e4;color:#7c9066}.studio-app a{color:#ae6545}.studio-app a:focus-visible,.studio-app button:focus-visible{outline:3px solid #eeaa85;outline-offset:3px}.studio-app .tools{gap:9px}
@media(min-width:1550px){.studio-app main{padding-inline:60px}}
@media(max-width:1100px){.studio-app .shell{grid-template-columns:210px minmax(0,1fr)}.studio-app main{padding:28px 25px 65px}.studio-app .top{margin-top:-28px}.studio-app .brand{font-size:19px}.studio-app .nav a{font-size:12px;gap:9px}.studio-app h1{font-size:29px}.studio-app .panel{padding:20px}.studio-app .setup-row{grid-template-columns:25px 130px minmax(0,1fr)}}
@media(max-width:650px){body:has(.studio-app){padding-top:62px}.studio-app .shell{display:block}.studio-app .mhead{height:62px;background:#fafaf3;color:#37452c;box-shadow:none;border-bottom:1px solid #dfe6d5}.studio-app .mhead .brand{font-size:19px;display:flex;align-items:center;padding:0}.studio-app .mhead .ham{font-size:21px;border-color:#d8e1cb;color:#74875f;padding:4px 9px;background:#f5f7ed}.studio-app aside{width:min(85vw,300px);padding:20px;box-shadow:-12px 0 45px #2d3a1720}.studio-app .aside-close{display:flex;color:#798e62;font-size:12px;margin-bottom:20px}.studio-app .aside-close button{color:#73885d;border-color:#dce5cf}.studio-app main{padding:17px 17px 60px}.studio-app .top{margin-top:0;padding:0 0 14px;min-height:40px;position:static}.studio-app .top-left>.eyebrow{display:block;font-size:8px;letter-spacing:.5px}.studio-app #connection{display:none}.studio-app .studio-connection-link{font-size:10px!important}.studio-app h1{font-size:28px!important}.studio-app .section-head{margin:25px 0 20px}.studio-app .section-head>p{font-size:13px!important;line-height:1.85!important}.studio-app #view .subnav{margin-top:14px;margin-bottom:18px;padding:5px;gap:3px;max-width:100%}.studio-app #view .subnav a{font-size:11px;padding:8px 10px}.studio-app .panel,.studio-app .card{padding:18px;border-radius:11px}.studio-app .stats{gap:10px}.studio-app .stat{padding:17px}.studio-app .stat>strong{font-size:26px}.studio-app .setup-row{grid-template-columns:25px minmax(0,1fr)}.studio-app .setup-row>div:last-child{grid-column:1/-1}.studio-app .cp-form button{width:100%}.studio-app .tools{gap:7px}.studio-app .tools>button{font-size:11px}.studio-app .nav a{font-size:14px;padding:12px}.studio-app .brand{font-size:23px}.studio-app .aside-foot{margin-top:25px}.studio-app .small{font-size:12px}}
.studio-workflow{display:flex;align-items:center;gap:17px;margin:24px 0;color:#9dab8d;font-size:11px}.studio-workflow>span{display:flex;align-items:center;gap:8px}.studio-workflow b{font:10px monospace;display:grid;place-items:center;width:24px;height:24px;background:#edf1e4;border-radius:50%;color:#9caf86}.studio-workflow .active{color:#a9714d}.studio-workflow .active b{background:#ffe5d3;color:#c77b4c}.studio-workflow>i{font-style:normal;color:#c1ceb2}.studio-app .cp-form>h2{font-size:21px;margin-bottom:8px}.studio-app .cp-form>label{margin-top:16px;color:#889d70}.studio-app .cp-form>p{margin-top:14px;font-size:11px;line-height:1.9}.studio-app .cp-generation-notes{padding:10px 14px;background:#f5f7ee;border:1px solid #e1e9d4;border-radius:8px;margin-top:13px}.studio-app .cp-generation-notes summary{font-size:12px}.studio-app .cp-generation-notes p{line-height:1.9;margin-top:15px}.studio-app .fd-topic,.studio-app .fd-item{border-color:#e0e8d3;border-radius:12px;background:#fffefa;padding:19px}.studio-app .fd-rank{background:#ffead8;color:#ae784f;font-size:13px}.studio-app .fd-cap{font-size:12px;line-height:1.8;color:#7b9464}.ws-guide li{font-size:12px;line-height:1.9;color:#7b9464;margin-bottom:8px}.ws-guide ul{padding-left:18px}.ws-guide .ws-panel h3{margin-top:20px}.studio-app .row{flex-wrap:wrap}.studio-app .cp-sort{margin:0}
@media(max-width:650px){.studio-workflow{gap:7px;font-size:9px;justify-content:space-between;margin:20px 0}.studio-workflow>span{gap:5px}.studio-workflow b{width:19px;height:19px;font-size:8px}.studio-workflow>i{font-size:9px}.studio-app .cp-form>h2{font-size:20px}.studio-app .cp-form>label{font-size:11px}.studio-app .cp-form>p{font-size:10px}.studio-app .cp-result .row{gap:12px;align-items:flex-start}.studio-app .rl-new .tools{align-items:stretch}.studio-app .rl-new .tools>button{width:100%}.studio-app .setup-row .small{overflow-wrap:anywhere}}
/* 긴 작업 화면에서도 읽기 쉬운 대비와 일정한 시작 위치 */
.studio-app main{margin:0 auto;align-self:start}.studio-app .brand{color:#2d3228}.studio-app .section-head>p,.studio-app .muted,.studio-app .small.muted{color:#66715f}.studio-app .nav a{color:#59634f}.studio-app .nav a.active{color:#b25235}.studio-app .nav em{color:#707c64}.studio-app label{color:#627655}.studio-app .cp-form>label{color:#637451}.studio-app .cp-form>p{color:#6d7b5f}.studio-app .empty{color:#728363}.studio-app .fd-cap,.studio-app .setup-row .small{color:#667858}.studio-app .subnav a{color:#647657}.studio-app .ws-heading p,.studio-app .ws-panel>p,.studio-app .ws-row small,.studio-app .ws-empty,.studio-app .ws-task p,.studio-app .ws-memory-card>p,.studio-app .ws-memory{color:#65785a}.studio-app .ws-metric>span{color:#68785b}.studio-app .ws-metric>small{color:#748367}.studio-app .ws-row b,.studio-app .ws-memory-card h3,.studio-app .ws-task h3{color:#35422b}.studio-app .ws-column h2{color:#667d51}.studio-app .ws-guide li,.studio-app .ws-guide-section p,.studio-app .ws-guide-section li{color:#627654}.studio-app .ws-panel .ws-check span{color:#687e57}.studio-app .ws-tag{color:#637d4b}.studio-app .ws-panel a{font-size:12px}.studio-app .ws-panel h2{font-size:19px}.studio-app .ws-empty{font-size:13px}.studio-app .ws-heading>div>p{font-size:14px}.studio-app .ws-panel{line-height:1.8}
/* Landing motion: brand-owned presentation */
.lp .lp-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;text-align:left;padding-top:68px;padding-bottom:60px}.lp .lp-hero h1{font-size:clamp(38px,4.2vw,58px);letter-spacing:-2.8px;line-height:1.25}.lp .lp-hero-spark{display:none}.lp .lp-hero-actions,.lp .lp-hero-note{justify-content:flex-start}.lp .lp-hero-copy{font-size:15px}.lp-hero-provider{display:block;font-size:12px;margin-top:10px;color:#75796e}.lp-hero-output{min-width:0;border:1px solid #e0e2d9;border-radius:22px;padding:22px;background:radial-gradient(ellipse at 50% 40%,#f6d9c7 0%,#f0eee7 60%,#e9ece2 100%);transform:rotate(1deg);box-shadow:0 25px 55px -35px #39402c50}.lp-output-header,.lp-output-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.lp-output-header{font-size:9px;letter-spacing:1px;color:#616a57}.lp-output-header>span{display:flex;align-items:center;gap:6px}.lp-output-header i{width:6px;height:6px;border-radius:50%;background:#f86843}.lp-output-header small{letter-spacing:0}.lp-output-stack{height:290px;position:relative;margin-top:22px}.lp-output-stack>div{position:absolute;box-shadow:0 12px 30px #29342120;border:1px solid #fff8;border-radius:9px;display:flex;flex-direction:column;padding:18px}.lp-output-note{width:54%;height:192px;left:0;top:40px;background:#fffdf6;transform:rotate(-10deg);animation:lp-float 6s ease-in-out infinite}.lp-output-stack small{font-size:7px;letter-spacing:1px}.lp-output-note b{font-size:14px;margin-top:18px}.lp-output-note span{font-size:10px;margin:8px 0 14px}.lp-output-note i{height:3px;width:70%;background:#e4e7d9;margin-top:8px}.lp-output-note i:last-child{width:40%}.lp-output-poster{width:51%;height:245px;left:25%;top:2px;background:#f8a67f;transform:rotate(-3deg);animation:lp-float 6s ease-in-out -2s infinite}.lp-output-poster strong{font-size:23px;line-height:1.4;margin-top:20px;letter-spacing:-1px}.lp-output-poster>span{font-size:100px;line-height:1;color:#ac4f31;align-self:center}.lp-output-poster>b{font-size:9px}.lp-output-reel{width:38%;height:252px;right:-4px;top:27px;background:#293c32;color:#f8f4e7;transform:rotate(8deg);animation:lp-float 6s ease-in-out -4s infinite}.lp-output-reel>span{font-size:76px;line-height:1.2;color:#d9eab2;align-self:center}.lp-output-reel>b{font-size:16px;line-height:1.5}.lp-output-reel em{font-style:normal;font-size:8px;text-align:center;margin-top:12px}.lp-output-wave{height:25px;display:flex;align-items:center;gap:3px;margin-top:14px}.lp-output-wave i{flex:1;background:#cdddac;height:14px;border-radius:2px;animation:lp-wave 1s ease-in-out infinite alternate}.lp-output-footer{justify-content:center;font-size:11px;border-top:1px solid #cdd1c1;padding-top:17px}.lp-output-footer>b{color:#be6845}.lp-demo-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0 8px;font-size:13px;color:#68705f}.lp-demo-intro button{background:transparent;border:1px solid #dce0d2;border-radius:20px;font-size:11px;padding:7px 12px;color:#535f48;white-space:nowrap}.lp-demo-tabs button{position:relative;overflow:hidden}.lp-demo.is-playing .lp-demo-tabs button[aria-selected=true]::after{content:'';position:absolute;left:0;bottom:0;height:3px;background:#f86843;width:100%;transform-origin:left;animation:lp-progress 6.5s linear}.lp-scene{animation:lp-scene-in .55s ease both}.lp-create-scene,.lp-motion-scene{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;min-height:285px;align-items:center}.lp-scene-label{font-size:10px;letter-spacing:1px;color:#717b65}.lp-agent-flow>div:not(.lp-copy-preview){display:flex;align-items:center;gap:12px;background:#f4f5ef;border:1px solid #e5e8db;padding:13px;border-radius:10px;margin-top:12px;animation:lp-scene-in .7s both}.lp-agent-flow>div>i{font-style:normal;font-size:26px;color:#b66b49}.lp-agent-flow b{font-size:12px}.lp-agent-flow p{font-size:10px;color:#778168}.lp-agent-flow em{margin-left:auto;color:#5c783d;font-style:normal}.lp-copy-preview{padding:16px 14px;border-left:2px solid #dfaa8d;margin-top:16px}.lp-copy-preview small{font-size:8px;letter-spacing:1px;color:#88917b}.lp-copy-preview>p{font-size:12px;line-height:1.9;margin-top:6px;color:#525d48}.lp-copy-preview>span{font-size:10px;color:#9c755b}.lp-generated-card{position:relative;max-width:250px;width:100%;height:280px;background:#e4ebcf;border-radius:10px;padding:22px;transform:rotate(3deg);box-shadow:0 15px 25px -15px #273b3250;display:flex;flex-direction:column}.lp-generated-card>small{font-size:8px;letter-spacing:1px}.lp-generated-card>strong{font-family:StudioDisplay,sans-serif;font-size:26px;line-height:1.3;margin-top:20px;letter-spacing:-1px}.lp-coffee{font-size:85px;line-height:1.3;text-align:center;animation:lp-float 3s ease-in-out infinite}.lp-generated-card>span{font-size:8px;letter-spacing:1.4px}.lp-generated-tag{position:absolute;right:-8px;bottom:18px;font-size:10px;border-radius:30px;padding:8px 12px;background:#fffdf4;transform:rotate(-6deg)}.lp-motion-scene{grid-template-columns:1fr 1.15fr;gap:35px}.lp-phone{position:relative;width:180px;height:285px;margin:auto;background:#293c32;border:5px solid #e2e5d9;border-radius:21px;color:#fcf6e7;display:flex;flex-direction:column;align-items:center;padding:17px 9px;overflow:hidden}.lp-phone>span:first-child{font-size:7px;letter-spacing:1px}.lp-phone-orbit{font-size:88px;line-height:1.25;color:#dbe9b2;animation:lp-turn 14s linear infinite}.lp-phone>strong{font-size:17px;line-height:1.6;text-align:center;z-index:1}.lp-phone em{color:#f3af8d;font-style:normal}.lp-subtitle{font-size:8px;background:#19281ed9;padding:5px 7px;margin-top:12px;border-radius:3px}.lp-phone-progress{width:90%;height:2px;background:#ffffff30;margin-top:13px}.lp-phone-progress i{display:block;width:100%;height:100%;background:#f4b393;transform-origin:left;animation:lp-progress 6.5s linear infinite}.lp-phone>small{font-size:7px;margin-top:8px;color:#c6d4be}.lp-export h4{font-family:StudioDisplay,sans-serif;font-size:28px;line-height:1.3;margin:10px 0 20px;letter-spacing:-1px}.lp-export>div{font-size:12px;margin-top:12px;animation:lp-scene-in .6s both}.lp-export>div>span{color:#64864a;margin-right:9px}.lp-export>p{font-size:10px;color:#7d876f;margin-top:18px;line-height:1.9}.lp-export-pill{display:inline-block;margin-top:15px;background:#e9eddf;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:600}.lp-preview-grid .lp-art-card{animation:lp-scene-in .65s both}.lp-preview-grid .lp-art-card:nth-child(2){animation-delay:.12s}.lp-preview-grid .lp-art-card:nth-child(3){animation-delay:.24s}.lp-demo .lp-orbit>span{animation:lp-turn 20s linear infinite}
@keyframes lp-float{50%{translate:0 -9px}}@keyframes lp-wave{to{transform:scaleY(.3)}}@keyframes lp-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lp-scene-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes lp-turn{to{rotate:360deg}}
@media(max-width:900px){.lp .lp-hero{grid-template-columns:1fr;text-align:center;gap:30px;padding-top:45px}.lp .lp-hero-actions,.lp .lp-hero-note{justify-content:center}.lp .lp-hero h1{font-size:50px}.lp-hero-output{max-width:470px;width:100%;margin:auto}.lp-hero-output .lp-output-stack{height:280px}}
@media(max-width:480px){.lp .lp-hero h1{font-size:36px;letter-spacing:-1.8px}.lp .lp-hero-copy{font-size:12px}.lp-hero-provider{font-size:10px}.lp-hero-output{padding:16px}.lp-output-poster strong{font-size:19px}.lp-output-stack>div{padding:13px}.lp-output-reel>b{font-size:13px}.lp-output-note b{font-size:12px}.lp-output-header{font-size:8px}.lp-demo-intro{font-size:10px;align-items:flex-start}.lp-demo-intro>span{max-width:180px}.lp-demo-intro button{font-size:9px}.lp-create-scene{gap:12px;grid-template-columns:1fr 1fr;min-height:270px}.lp-agent-flow>div:not(.lp-copy-preview){padding:8px;gap:6px}.lp-agent-flow>div>i{font-size:18px}.lp-agent-flow b{font-size:10px}.lp-agent-flow p{font-size:9px}.lp-agent-flow em{display:none}.lp-copy-preview{padding:10px 6px}.lp-copy-preview>p{font-size:10px}.lp-copy-preview>span{font-size:8px}.lp-generated-card{height:240px;padding:13px}.lp-generated-card>strong{font-size:20px}.lp-coffee{font-size:65px}.lp-generated-card>small,.lp-generated-card>span{font-size:6px}.lp-generated-tag{right:-4px;font-size:8px}.lp-motion-scene{gap:12px;grid-template-columns:1fr 1fr}.lp-phone{width:145px;height:270px}.lp-phone>strong{font-size:14px}.lp-subtitle{font-size:6px}.lp-export h4{font-size:21px}.lp-export>div{font-size:10px}.lp-export>p{font-size:9px}.lp-export-pill{font-size:8px;padding:8px}.lp-scene-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.lp *,.lp *::before,.lp *::after{animation:none!important;transition:none!important}}
.studio-app .ws-memory-path{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:19px 22px;background:#f0f1e9;border:1px solid #e3e5d8;border-radius:12px;margin-bottom:24px;font-size:12px;color:#616e53}.ws-memory-path b{color:#cf6743;margin-right:7px;font-size:10px}.ws-memory-path i{font-style:normal;color:#a0a98e}.studio-app .ws-memory-selection,.studio-app .ws-related-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#f5f1e8;border:1px solid #e5e0d2;padding:18px 20px;border-radius:12px;margin:16px 0}.ws-memory-selection>div{flex:1;min-width:180px}.ws-memory-selection b{font-size:13px}.ws-memory-selection p{font-size:11px;margin:6px 0;color:#737c65}.studio-app .ws-note-select{display:flex;align-items:center;gap:8px;font-size:11px;color:#69745d;margin:0 0 15px}.studio-app .ws-note-select input{width:16px;height:16px;accent-color:#d66c48}.studio-app .ws-related-link{font-size:11px;color:#926b45}.ws-related-banner>span{flex:1;font-size:12px}
.lp-output-header>button{font-size:9px;padding:3px 6px;background:#ffffff70;border:1px solid #d5dacb;border-radius:5px;color:#617052}.lp-hero-output.is-paused *{animation-play-state:paused!important}.lp-demo:not(.is-playing) .lp-phone-orbit,.lp-demo:not(.is-playing) .lp-phone-progress i,.lp-demo:not(.is-playing) .lp-coffee,.lp-demo:not(.is-playing) .lp-orbit>span{animation-play-state:paused}
/* 실제 입력·검토 순서를 체험하는 랜딩 */
.walkthrough .lp-workspace-nav button{border:0;background:transparent;text-align:left;font-size:11px;padding:10px;border-radius:6px;color:#717a66}.walkthrough .lp-workspace-nav button.is-active{background:#ecefe2;color:#37472d;font-weight:700}.walk-main{padding:28px;min-width:0}.walk-guide{display:flex;align-items:center;gap:12px;min-height:60px}.walk-guide-number{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fce2d4;color:#b65535;font-size:12px;font-weight:700;flex:none}.walk-guide small{font-size:10px;color:#89917c}.walk-guide h3{font-size:22px;letter-spacing:-.7px;margin:4px 0;line-height:1.4}.walk-mode{margin-left:auto;font-size:9px;white-space:nowrap;border:1px solid #dce1d0;border-radius:20px;padding:5px 10px;color:#6b7d55}.walk-progress{display:flex;gap:5px;margin:18px 0 24px}.walk-progress i{height:3px;flex:1;border-radius:4px;background:#edf0e6}.walk-progress .done{background:#f88d64}.walk-main label{display:flex;flex-direction:column;gap:7px;color:#5f6f51;font-size:11px;font-weight:600}.walk-main input:not([type=checkbox]):not([type=range]),.walk-main textarea{width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #dce2d1;border-radius:8px;padding:11px 12px;font:inherit;font-size:12px;color:#35462a;line-height:1.6;resize:vertical}.walk-main button{cursor:pointer}.walk-main button:disabled{opacity:.55;cursor:default}.walkthrough .walk-primary{border:0;border-radius:8px;background:#f86843;color:#2a2018;padding:12px 17px;font-size:12px;font-weight:700;white-space:nowrap}.walk-search{display:flex;align-items:flex-end;gap:12px}.walk-search label{flex:1}.walk-search button{min-height:43px}.walk-analysis{padding:30px 0 15px}.walk-scan{text-align:center}.walk-scan>span{display:block;color:#b5c6a3;font-size:38px;line-height:1.2}.walk-scan b{font-size:15px;display:block;margin:8px}.walk-scan p{font-size:11px;color:#8b977c}.walk-scan.scanning>span{animation:walk-spin 3s linear infinite}.walk-skeletons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.walk-skeletons>div{border:1px solid #e7eadf;border-radius:9px;padding:12px}.walk-skeletons span{display:block;height:105px;background:linear-gradient(120deg,#f1f2ec,#e6eadd,#f1f2ec);border-radius:5px}.walk-skeletons i{display:block;width:80%;height:5px;background:#e6eadd;margin-top:10px;border-radius:4px}.walk-skeletons i:last-child{width:45%}.walk-results-line{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;font-size:11px;gap:10px}.walk-results-line b{overflow-wrap:anywhere}.walk-results-line span{font-size:9px;font-weight:400;color:#849171;margin-left:8px}.walk-results-line small{font-size:9px;color:#89937d;white-space:nowrap}.walk-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.walk-reference{position:relative;border:2px solid transparent;border-radius:9px;overflow:hidden;padding:20px 13px 0;display:flex;flex-direction:column;text-align:left;min-height:233px;box-shadow:0 4px 12px #26391e0a;color:#3f432f}.walk-reference.picked{border-color:#e0794f;box-shadow:0 0 0 3px #fbe9dc}.walk-reference.cream{background:#f0e7cf}.walk-reference.green{background:#dce5c7}.walk-reference.coral{background:#f1b898}.walk-reference>small{font-size:6px;letter-spacing:1px;margin-top:10px}.walk-reference>strong{font-size:20px;line-height:1.4;white-space:pre-line;letter-spacing:-.7px;margin-top:15px}.walk-check{position:absolute;right:9px;top:7px;font-size:15px}.walk-cup{font-size:66px;line-height:1;align-self:center;margin:13px 0;color:#a26a43}.walk-reference-meta{display:flex;gap:5px;align-items:center;justify-content:space-between;background:#fff8;margin:0 -13px;padding:11px;font-size:8px;margin-top:auto}.walk-reference-meta b{font-size:9px}.walk-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;font-size:11px;color:#6b7d58}.walk-creation,.walk-reels{display:grid;grid-template-columns:1fr 1fr;gap:26px;min-height:400px}.walk-inputs{display:flex;flex-direction:column;gap:14px}.walk-source{font-size:10px;color:#8a7258;background:#f7f1e6;padding:8px 10px;border-radius:5px;display:block}.walk-jobs{margin-top:6px;border-top:1px solid #e6eadd;padding-top:10px}.walk-jobs>div{display:flex;align-items:center;gap:7px;font-size:10px;color:#88957a;padding:8px 0}.walk-jobs .complete{color:#4a6435}.walk-jobs small{margin-left:auto;font-size:8px}.walk-output{background:#f4f5ef;border:1px solid #e4e8da;border-radius:12px;padding:14px;min-width:0}.walk-output-tabs{display:flex;gap:7px;margin-bottom:14px}.walk-output-tabs button{border:0;border-radius:5px;background:transparent;padding:7px 10px;font-size:10px;color:#7f8b70}.walk-output-tabs button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #25301b10;color:#3f542e}.walk-output-wait{min-height:295px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:15px;padding:20px}.walk-output-wait>span{font-size:65px;color:#9caf87;line-height:1}.walk-output-wait b{font-size:12px;line-height:1.8}.walk-output-wait p{font-size:10px;line-height:1.8;color:#8c977f;overflow-wrap:anywhere}.walk-spinning{animation:walk-spin 6s linear infinite}.walk-result-card{min-height:270px;background:#ecd9b5;border-radius:8px;display:flex;flex-direction:column;padding:20px;animation:lp-scene-in .4s both}.walk-result-card.card-1{background:#dbe5c2}.walk-result-card.card-2{background:#344a39;color:#f5f1df}.walk-result-card small{font-size:8px;letter-spacing:1px}.walk-result-card strong{white-space:pre-line;font-size:25px;line-height:1.4;letter-spacing:-1px;margin-top:20px;overflow-wrap:anywhere}.walk-result-card>span{font-size:88px;line-height:1.2;align-self:center;color:#b87b51}.walk-result-card footer{font-size:7px;letter-spacing:2px;margin-top:auto}.walk-carousel{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:12px;font-size:11px}.walk-carousel button{border:1px solid #dbe1cf;background:white;border-radius:50%;width:30px;height:30px;color:#526644}.walk-caption{padding:22px;background:white;border-radius:8px;min-height:310px}.walk-caption small{font-size:10px;color:#8b987b}.walk-caption p{white-space:pre-wrap;font-size:13px;line-height:2;margin:20px 0;overflow-wrap:anywhere}.walk-caption button{border:1px solid #d7e0c9;border-radius:5px;padding:8px;background:#f1f5e8;font-size:10px}.walkthrough .walk-next{width:100%;border:0;border-radius:6px;background:#e7ecdd;color:#475d36;padding:11px;margin-top:14px;font-size:11px;font-weight:600}.walk-script h4{font-size:14px;margin:15px 0}.walk-script>label{margin-top:10px}.walk-script label>span{display:flex;justify-content:space-between}.walk-script label small{font-size:9px;color:#9aa58c}.walk-script textarea{font-size:11px!important;min-height:65px;padding:8px 10px!important}.walk-script .walk-approval{flex-direction:row;align-items:center;font-size:11px;margin:14px 0}.walk-approval input{width:15px;height:15px;accent-color:#db7850}.walk-script .walk-primary{width:100%}.walk-reel-output{display:flex;flex-direction:column;align-items:center;min-width:0}.walk-preview-phone{width:200px;height:326px;background:#304735;color:#f7f4e6;border:6px solid #e7eadd;border-radius:23px;padding:18px 13px;display:flex;flex-direction:column;align-items:center;transition:background .5s;box-shadow:0 8px 20px #20361615}.walk-preview-phone.frame-1{background:#586849}.walk-preview-phone.frame-2{background:#805b43}.walk-preview-phone>small{font-size:8px;letter-spacing:1px;max-width:100%;overflow-wrap:anywhere}.walk-reel-art{font-size:85px;line-height:1.3;color:#d9e5ba}.walk-preview-phone>strong{font-size:17px;line-height:1.6;white-space:pre-line;text-align:center;overflow-wrap:anywhere;max-width:100%;max-height:128px;overflow:auto}.walk-subtitle{font-size:8px;background:#0003;padding:4px 8px;border-radius:4px;margin-top:auto}.walk-video-progress{width:100%;height:3px;background:#ffffff40;margin-top:13px;border-radius:3px}.walk-video-progress i{height:3px;background:#f3ba98;display:block;transition:width .3s}.walk-player{display:flex;align-items:center;gap:8px;margin-top:12px;width:100%;max-width:260px}.walk-player button{border:0;background:#eaf0e0;border-radius:6px;width:32px;height:30px;color:#4f653c}.walk-player input{width:100%;min-width:0;accent-color:#c17d53}.walk-player>span{font-size:9px;white-space:nowrap;color:#819171}.walk-preview-note{font-size:8px;color:#8d9980;margin-top:7px}.walk-files{display:flex;gap:12px;font-size:9px;color:#768962;margin-top:15px}.walk-reel-output .walk-next{max-width:260px}.walk-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e6eadd;padding-top:17px;margin-top:24px;font-size:10px;color:#879478}.walk-bottom button{border:0;background:transparent;font-size:9px;color:#758567;white-space:nowrap}.lp .walk-disclosure{font-size:10px;text-align:center;line-height:1.9;color:#859173;margin:16px auto 0;max-width:850px}.walk-notice{font-size:12px;color:#4d7835;text-align:center;padding:10px}.walkthrough .lp-demo-tabs button[aria-selected=true]{border-bottom:3px solid #f48e66}.walkthrough .lp-workspace{min-height:540px}@keyframes walk-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.walk-main{padding:20px}.walk-guide h3{font-size:18px}.walk-creation,.walk-reels{gap:18px}.walk-reference>strong{font-size:17px}.walk-reference-meta{flex-wrap:wrap}.walk-selected{flex-wrap:wrap}.walk-result-card strong{font-size:22px}.walk-guide small{font-size:9px}}
@media(max-width:600px){.walk-main{padding:18px 14px}.walk-guide{gap:8px;align-items:flex-start}.walk-guide-number{width:27px;height:27px;border-radius:7px;font-size:10px}.walk-guide h3{font-size:16px}.walk-mode{display:none}.walk-guide small{font-size:8px}.walk-search{flex-direction:column;align-items:stretch;gap:9px}.walk-search button{font-size:11px}.walk-reference-grid{gap:7px}.walk-reference{min-height:190px;padding:13px 8px 0}.walk-reference>small{font-size:5px;letter-spacing:0}.walk-reference>strong{font-size:13px;letter-spacing:-.5px;margin-top:14px}.walk-cup{font-size:49px;margin-top:15px}.walk-reference-meta{font-size:7px;margin-inline:-8px;padding:8px;gap:4px}.walk-reference-meta b{font-size:8px}.walk-results-line{font-size:10px;flex-wrap:wrap}.walk-results-line small{font-size:8px}.walk-selected{font-size:10px}.walk-selected button{width:100%}.walk-creation,.walk-reels{grid-template-columns:1fr;gap:18px}.walk-output-wait{min-height:190px}.walk-result-card{max-width:265px;width:100%;margin:auto;min-height:290px}.walk-inputs{gap:11px}.walk-jobs{display:flex;flex-wrap:wrap;gap:0 10px}.walk-jobs>div{font-size:8px}.walk-jobs small{display:none}.walk-creation .walk-output{padding:14px}.walk-main input:not([type=checkbox]):not([type=range]),.walk-main textarea{font-size:16px}.walk-script textarea{font-size:14px!important}.walk-reel-output{background:#f5f6ef;border-radius:12px;padding:16px}.walk-preview-phone{width:200px;height:330px}.walk-bottom{font-size:9px;align-items:flex-start;gap:8px}.walk-bottom span{max-width:195px}.lp .walk-disclosure{font-size:9px;margin:12px 8px}.walk-progress{margin:15px 0 18px}.walk-skeletons{gap:8px}.walk-skeletons>div{padding:8px}.walk-skeletons span{height:80px}}
@media(prefers-reduced-motion:reduce){.walkthrough *{animation:none!important;transition:none!important}}
