@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}:root{--ds-font-size-xs:0.75rem;--ds-line-height-xs:1rem;--ds-font-size-sm:0.875rem;--ds-line-height-sm:1.25rem;--ds-font-size-md:1rem;--ds-line-height-md:1.5rem;--ds-font-size-lg:1.125rem;--ds-line-height-lg:1.75rem;--ds-font-size-xl:1.25rem;--ds-line-height-xl:1.75rem;--ds-font-weight-regular:400;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-bold:700;--ds-space-0:0;--ds-space-1:0.25rem;--ds-space-1-5:0.375rem;--ds-space-2:0.5rem;--ds-space-2-5:0.625rem;--ds-space-3:0.75rem;--ds-space-4:1rem;--ds-space-6:1.5rem;--ds-space-8:2rem;--ds-control-height-sm:2rem;--ds-control-height-md:2.25rem;--ds-control-height-lg:2.5rem;--ds-control-height-touch:3rem;--ds-shadow-none:0 0 #0000;--ds-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--ds-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--ds-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--ds-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--ds-duration-instant:0ms;--ds-duration-fast:100ms;--ds-duration-moderate:200ms;--ds-duration-slow:300ms;--ds-duration-deliberate:500ms;--ds-ease-linear:linear;--ds-ease-in:cubic-bezier(0.4,0,1,1);--ds-ease-out:cubic-bezier(0,0,0.2,1);--ds-ease-in-out:cubic-bezier(0.4,0,0.2,1);--ds-z-base:0;--ds-z-raised:10;--ds-z-floating:20;--ds-z-overlay:50;--background:0 0% 100%;--foreground:0 0% 5%;--card:0 0% 100%;--card-foreground:0 0% 5%;--popover:0 0% 100%;--popover-foreground:0 0% 5%;--primary:#f6c54f;--primary-foreground:#000000;--secondary:0 0% 96%;--secondary-foreground:0 0% 5%;--muted:0 0% 96%;--muted-foreground:0 0% 45%;--accent:0 0% 96%;--accent-foreground:0 0% 5%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--border:0 0% 92%;--input:0 0% 85%;--ring:0 0% 76%;--radius:0.5rem;--ds-radius-none:0;--ds-radius-sm:calc(var(--radius) - 4px);--ds-radius-md:calc(var(--radius) - 2px);--ds-radius-lg:var(--radius);--ds-radius-full:9999px;--sidebar-background:0 0% 99%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%;--editor-primary:var(--primary);--editor-primary-foreground:var(--primary-foreground);--editor-secondary:var(--secondary);--editor-secondary-foreground:var(--secondary-foreground);--editor-accent:var(--accent);--editor-accent-foreground:var(--accent-foreground);--editor-muted:var(--muted);--editor-muted-foreground:var(--muted-foreground);--editor-border:var(--border);--editor-input:var(--input);--editor-ring:var(--ring);--editor-destructive:var(--destructive);--editor-destructive-foreground:var(--destructive-foreground)}.dark{--background:40 7% 8%;--foreground:60 9% 98%;--card:40 6% 10%;--card-foreground:60 9% 98%;--popover:40 6% 10%;--popover-foreground:60 9% 98%;--primary:#f6c54f;--primary-foreground:#000000;--secondary:45 8% 19%;--secondary-foreground:60 9% 98%;--muted:44 7% 29%;--muted-foreground:42 8% 49%;--accent:43 71% 19%;--accent-foreground:60 9% 98%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--border:48 8% 12%;--input:38 9% 18%;--ring:43 100% 40%;--sidebar-background:240 5.9% 10%;--sidebar-foreground:240 4.8% 95.9%;--sidebar-primary:224.3 76.3% 48%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:240 3.7% 15.9%;--sidebar-accent-foreground:240 4.8% 95.9%;--sidebar-border:240 3.7% 15.9%;--sidebar-ring:217.2 91.2% 59.8%}@scope (.welcome-card-scope){.welcome-settings{font-family:Noto Sans KR,Arial,sans-serif;color:#252c29;background:#f7f8fa;font-synthesis:none;font-size:13px}.welcome-settings *{box-sizing:border-box}.welcome-settings{margin:0}.welcome-settings button,.welcome-settings input,.welcome-settings select,.welcome-settings textarea{font:inherit}.welcome-settings button{cursor:pointer}.welcome-settings a,.welcome-settings button,.welcome-settings input,.welcome-settings select,.welcome-settings textarea{-webkit-tap-highlight-color:transparent}.welcome-settings button{border:0}.welcome-settings a:focus-visible,.welcome-settings button:focus-visible,.welcome-settings input:focus-visible,.welcome-settings select:focus-visible,.welcome-settings textarea:focus-visible{outline:3px solid #769c77;outline-offset:3px}.welcome-settings button{transition:background .18s,box-shadow .18s}.welcome-settings button:hover{filter:brightness(.97)}.welcome-settings button:disabled{cursor:not-allowed;opacity:.4}.topbar{height:82px;background:#fff;border-bottom:1px solid #e9ece9;justify-content:space-between;padding:0 44px;gap:20px}.logo,.topbar{display:flex;align-items:center}.logo{gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:#263a2e}.logo-mark{background:#2f4938;color:#fff;border-radius:10px;width:34px;height:34px;text-align:center;font-size:28px;line-height:31px;position:relative}.logo-mark span{color:#d9e8b6;position:absolute;right:-2px;top:-5px}.logo-divider{height:20px;width:1px;background:#dfe4df;margin:0 12px}.product-name{font-size:13px;letter-spacing:0;font-weight:500;color:#8a918c}.header-actions{gap:20px}.header-actions,.save-status{display:flex;align-items:center}.save-status{color:#939b96;font-size:11px;gap:6px}.preview-bottom i,.preview-toolbar>div:first-child i,.save-status i{width:6px;height:6px;background:#80a287;border-radius:50%;display:inline-block}.plain-button{background:none;color:#626c65}.dark-button{background:#2f4837;color:#fff;border-radius:8px;padding:11px 17px;display:flex;gap:22px;align-items:center;font-weight:500;font-size:12px}.welcome-settings main{max-width:1370px;margin:auto;padding:43px 48px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.section-kicker{font-size:9px;letter-spacing:2px;font-weight:700;color:#849481;margin-bottom:12px}h1{font-size:29px;letter-spacing:-1.2px;font-weight:700;margin:0 0 10px}h1>span{color:#739565}.page-heading p{margin:0;color:#8a918c;font-size:12px}.workspace-label{color:#9ca39e;letter-spacing:1px;font-size:9px}.workspace-label b{margin-left:14px;color:#71836b;font-weight:500}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.editor{grid-column:2;grid-row:1;background:#fff;border:1px solid #e3e7e3;border-radius:13px;overflow:hidden;box-shadow:0 4px 16px #26332603}.steps{display:flex;border-bottom:1px solid #e9ece8;padding:0 18px}.steps button{background:none;flex:1;padding:21px 0 18px;color:#929a93;font-size:12px;border-bottom:2px solid transparent}.steps button span{font-size:10px;margin-right:7px;opacity:.6}.steps button.active{color:#36513c;border-color:#36513c;font-weight:700}.editor-body{padding:26px 24px;min-height:608px}.editor-title>span{font-size:9px;letter-spacing:1.5px;color:#96a38f;font-weight:700}.editor-title h2{font-size:18px;letter-spacing:-.7px;margin:9px 0 7px}.editor-title p{font-size:11px;color:#959d97;margin:0 0 25px}.field{display:block;margin-bottom:19px}.color-field>span,.field>span{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.segmented{display:flex;background:#f3f5f2;padding:4px;border-radius:7px;gap:4px}.segmented button{flex:1;background:transparent;color:#8a938a;padding:9px 4px;border-radius:5px;font-size:11px}.segmented button.selected{background:#fff;color:#354c37;box-shadow:0 1px 5px #0000000b;font-weight:600}.animation-options{display:grid;gap:9px}.animation-option{display:flex;align-items:center;text-align:left;gap:13px;padding:13px 12px;border:1px solid #e8ebe6;border-radius:8px;background:#fff;width:100%}.animation-option.selected{border-color:#7e9475;background:#f6f8f2;box-shadow:0 0 0 1px #7e94751a}.option-art{display:grid;place-items:center;flex:0 0 52px;height:57px;border-radius:6px;background:#e5eddf;color:#617853;font-size:31px}.art-confetti{background:#f8e9e9;color:#bd8190}.art-fade{background:#eaeaf4;color:#9893b9}.art-text{background:#f1eee6;color:#a99b7f;font-family:Georgia,serif;font-size:24px}.option-copy{display:flex;flex-direction:column;gap:4px;flex:1}.option-copy small{font-size:7px;letter-spacing:1px;color:#9aa491}.option-copy strong{font-size:12px;font-weight:600}.option-copy>span{font-size:9px;color:#90988f;letter-spacing:-.2px}.radio-mark{width:16px;height:16px;border:1px solid #d9dfd5;border-radius:50%;font-size:10px;display:grid;place-items:center;color:#fff;flex-shrink:0}.selected .radio-mark{background:#6b825d;border-color:#6b825d}.animation-settings{margin-top:22px}.range-label{display:flex;justify-content:space-between;font-size:11px;color:#65705f}.range-label b{font-size:10px;font-weight:500;background:#f0f3ec;padding:2px 6px;border-radius:4px}.welcome-settings input[type=range]{width:100%;accent-color:#738966;height:16px;margin:10px 0 15px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:12px}.toggle-row small{display:block;font-size:9px;color:#9aa196;margin-top:5px}.toggle-row>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:18px;border-radius:20px;background:#dde2da;position:relative;flex-shrink:0;cursor:pointer}.toggle-row>input:before{content:"";position:absolute;width:14px;height:14px;background:white;top:2px;left:2px;border-radius:50%;transition:transform .2s}.toggle-row>input:checked{background:#78906c}.toggle-row>input:checked:before{transform:translateX(12px)}.editor-footer{border-top:1px solid #edf0eb;padding:17px 24px;display:flex;align-items:center;justify-content:space-between}.editor-footer>span{font-size:10px;color:#9ba494}.editor-footer .dark-button{padding:10px 15px;font-size:11px}.preview-panel{grid-column:1;grid-row:1;border:1px solid #e3e7e3;border-radius:13px;background:#fff;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;height:62px;border-bottom:1px solid #e9ece8}.preview-toolbar>div:first-child{display:flex;align-items:center;gap:7px;font-size:11px;color:#65705f}.preview-controls{display:flex;align-items:center;gap:15px}.device-switch{display:flex;gap:2px;padding:3px;background:#f4f5f2;border-radius:5px}.device-switch button{background:transparent;color:#a2aaa0;width:29px;height:24px;font-size:20px;line-height:20px;border-radius:3px}.device-switch button.active{background:#fff;color:#4a6046;box-shadow:0 1px 3px #0001}.replay-button{background:none;color:#6f7a68;font-size:16px;display:flex;align-items:center;gap:5px;padding:0}.replay-button span{font-size:10px}.preview-canvas{padding:17px;background:#f1f3ef}.experience,.preview-canvas{display:flex;justify-content:center}.experience{isolation:isolate;position:relative;width:100%;min-width:0;height:620px;background:var(--scene-bg);color:var(--ink);border-radius:7px;overflow:hidden;align-items:center}.mobile .experience{max-width:375px}.scene-brand{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:clamp(32px,5.4vw,85px);letter-spacing:-4px;color:var(--ink);opacity:.065;white-space:nowrap;max-width:95%;overflow:hidden}.scene-orbit{border:1px solid var(--ink);opacity:.07;border-radius:50%;position:absolute;width:580px;height:580px;pointer-events:none}.orbit-one{left:-360px;top:-310px}.orbit-two{right:-350px;bottom:-330px}.badge-wrapper{position:relative;width:min(284px,calc(100% - 40px));z-index:3;transform-origin:center -220px}.welcome-card{position:relative;min-height:376px;background:var(--card-bg);border-radius:18px;padding:23px 25px 17px;box-shadow:0 25px 35px -17px #24332650,0 2px 3px #24332608;overflow:hidden;max-height:550px;overflow-y:auto;scrollbar-width:thin}.card-slot{width:43px;height:5px;border-radius:8px;background:#e3e8df;margin:0 auto 20px;box-shadow:inset 0 1px 2px #0001}.card-brand{font-size:12px;font-weight:800;letter-spacing:1.1px;overflow-wrap:anywhere;text-align:center}.avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--on-accent,var(--card-bg));font-size:22px;font-weight:600;margin:24px auto 22px;display:flex;align-items:center;justify-content:center;overflow:hidden;overflow-wrap:anywhere;padding:5px}.eyebrow{font-size:7px;letter-spacing:1.8px;color:var(--accent-ink,var(--accent))}.eyebrow,.welcome-card h2{font-weight:700;overflow-wrap:anywhere}.welcome-card h2{font-size:19px;letter-spacing:-.8px;line-height:1.55;margin:10px 0 12px;white-space:pre-wrap}.welcome-card p{font-size:9px;line-height:1.9;margin:0 0 24px;opacity:.66;white-space:pre-wrap;overflow-wrap:anywhere}.align-center{text-align:center}.align-left{text-align:left}.align-left .avatar{margin-left:0}.card-cta{width:100%;padding:12px 13px;background:var(--accent);color:var(--on-accent,var(--card-bg));font-size:10px;font-weight:600;border-radius:7px;display:flex;align-items:center;justify-content:space-between;text-align:inherit;gap:8px;overflow-wrap:anywhere}.card-cta span{font-size:15px;flex-shrink:0}.card-footer{border-top:1px solid #8882;margin-top:23px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:5.5px;letter-spacing:.9px;opacity:.45}.card-footer>span:last-child{font-size:12px}.lanyard{top:-300px;left:50%;width:112px;transform:translateX(-50%);z-index:2;pointer-events:none}.lanyard,.lanyard i{position:absolute;height:330px}.lanyard i{top:0;left:10px;width:5px;background:var(--lanyard,var(--accent));transform:rotate(-8deg);border-radius:4px;transform-origin:bottom}.lanyard i+i{left:auto;right:10px;transform:rotate(8deg)}.scene-caption{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:1.7px;opacity:.35;z-index:2}.preview-bottom{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8e9988;border-bottom:1px solid #edf0eb}.preview-bottom i{margin-right:6px;width:5px;height:5px}.dot-separator{padding:0 8px;color:#c1c8bb}.preview-note{display:flex;justify-content:center;align-items:center;gap:13px;padding:18px 12px;color:#98a28e}.preview-note>span{font-size:24px}.preview-note p{font-size:10px;margin:0;line-height:1.8}.preview-note small{display:block;font-size:9px;opacity:.7}.page-footer{display:flex;justify-content:space-between;margin-top:26px;color:#a9b0a5;font-size:8px;letter-spacing:1px}.field input:not([type=range]),.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid #e2e7df;background:#fcfdfb;border-radius:6px;color:#42513c;font-size:11px;line-height:1.7}.field textarea{resize:vertical;min-height:72px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-hint{font-size:9px;color:#939d8b;line-height:1.6;margin-top:-10px;margin-bottom:18px;display:block}.field-hint code{color:#5f7853}.preset-grid{display:flex;gap:10px;margin-bottom:20px}.preset-grid button{flex:1;background:none;padding:0;color:#7f8a77;font-size:10px}.preset-grid button>span{display:grid;place-items:center;height:66px;margin-bottom:7px;border-radius:7px;font-family:Georgia,serif;font-size:24px;color:#53604d}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin:26px 0}.color-field>div{display:flex;gap:8px;align-items:center;border:1px solid #e6eae1;padding:7px;border-radius:6px}.color-field input{border:0;background:none;width:25px;height:25px;padding:0;cursor:pointer}.color-field code{font-size:10px;color:#909b87}.tip-box{display:flex;gap:12px;background:#f2f5ee;border-radius:8px;padding:16px;color:#849374;margin-top:28px}.tip-box p{font-size:10px;line-height:1.8;margin:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);width:-moz-max-content;width:max-content;background:#2f4837;color:#fff;padding:14px 22px;border-radius:9px;box-shadow:0 5px 20px #0002;z-index:30;font-size:12px}.font-serif .card-content{font-family:"Noto Serif KR",Georgia,serif}.font-mono .card-content{font-family:ui-monospace,monospace}.reminders{border-top:1px solid #8882;padding-top:7px;margin-bottom:15px}.reminders label{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:10px;margin:9px 0}.reminders input{position:absolute;right:0;opacity:0;width:30px;height:18px}.switch{width:30px;height:18px;border-radius:20px;background:#dde1da;pointer-events:none;position:relative}.switch:after{content:"";position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:white}.reminders input:checked+.switch{background:var(--accent)}.reminders input:checked+.switch:after{transform:translateX(12px)}.reminders input:focus-visible+.switch{outline:3px solid var(--accent);outline-offset:3px}.effect-drop .badge-wrapper{animation:drop var(--duration) both}.effect-pop .badge-wrapper{animation:pop var(--duration) both}.effect-fade .badge-wrapper{animation:fade var(--duration) both}.effect-text .card-content>*{animation:text-in var(--duration) both}.effect-text .card-content h2{animation-delay:.1s}.effect-text .card-content p{animation-delay:.2s}.effect-text .card-cta{animation-delay:.3s}.with-sheets{background:color-mix(in srgb,var(--scene-bg) 22%,white)}.sheets{position:absolute;inset:0;z-index:1;pointer-events:none}.sheets i{position:absolute;inset:-5% -12% -18%;border-top:1px solid #ffffff80;box-shadow:0 -9px 24px #18261926,0 -2px 3px #18261912;animation:sheet-in var(--sheet-duration) cubic-bezier(.22,.75,.28,1) both;will-change:transform}.sheets i:first-child{background:color-mix(in srgb,var(--scene-bg) 72%,var(--accent));--sx:115%;--sy:85%;--rotate:-18deg;--end-y:0px;--end-rotate:-5deg}.sheets i:nth-child(2){background:color-mix(in srgb,var(--scene-bg) 65%,white);--sx:-115%;--sy:35%;--rotate:15deg;--end-y:20px;--end-rotate:4deg;animation-delay:var(--sheet-step)}.sheets i:nth-child(3){background:var(--scene-bg);--sx:20%;--sy:115%;--rotate:-10deg;--end-y:52px;--end-rotate:-3deg;animation-delay:calc(var(--sheet-step) * 2)}.confetti{position:absolute;inset:0;pointer-events:none;z-index:4}.confetti>i{position:absolute;width:6px;height:11px;top:-15px;animation:fall calc(var(--duration) + 1s) calc(var(--delay) + var(--reveal-delay) + .15s) both}.firework{position:absolute;top:45%;font-size:70px;color:var(--accent);animation:boom var(--duration) calc(var(--reveal-delay) + .2s) both}.fire-left{left:5%}.fire-right{right:5%;animation-delay:calc(var(--reveal-delay) + .5s)}.scene-brand,.scene-orbit{z-index:2}@keyframes drop{0%{transform:translateY(-650px) rotate(-9deg);opacity:0}10%{opacity:1}48%{transform:translateY(15px) rotate(5deg)}67%{transform:translateY(-9px) rotate(-3deg)}82%{transform:translateY(4px) rotate(1.5deg)}to{transform:translateY(0) rotate(0)}}@keyframes pop{0%{opacity:0;transform:translateY(35px) scale(.75) rotate(-5deg)}55%{opacity:1;transform:translateY(-8px) scale(1.03) rotate(2deg)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes text-in{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes sheet-in{0%{transform:translate(var(--sx),var(--sy)) rotate(var(--rotate))}to{transform:translateY(var(--end-y)) rotate(var(--end-rotate))}}@keyframes fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(var(--drift),660px) rotate(var(--spin))}}@keyframes boom{0%{opacity:0;transform:scale(.1) rotate(0)}35%{opacity:.7}to{opacity:0;transform:scale(1.7) rotate(60deg)}}@media (min-width:1500px){.welcome-settings main{padding-top:55px}.page-heading{margin-bottom:40px}}@media (max-width:1100px){.welcome-settings main{padding:30px 24px}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:16px}.topbar{padding:0 24px}.logo-divider,.product-name,.workspace-label{display:none}.editor-body{padding:24px 18px}.preview-toolbar{padding:15px 12px}.preview-canvas{padding:10px}.preview-controls{gap:8px}.scene-brand{font-size:48px}}@media (max-width:780px){.topbar{height:68px;padding:0 18px}.logo{font-size:19px}.header-actions{gap:10px}.save-status{display:none}.dark-button{padding:10px;gap:9px}.dark-button,.plain-button{font-size:10px}.welcome-settings main{padding:26px 16px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;line-height:1.8}.workspace{grid-template-columns:1fr}.editor-body{min-height:0}.preview-panel{grid-row:1}.preview-canvas .experience{height:560px}.preview-note{display:none}.preview-toolbar{height:52px}.preview-bottom{padding:12px}.page-heading{margin-bottom:22px}.scene-brand{font-size:48px}.preview-canvas{padding:10px}.welcome-card{max-height:490px}.animation-options{grid-template-columns:1fr 1fr}.animation-option{padding:10px;gap:8px}.option-art{flex-basis:36px;height:48px;font-size:23px}.option-copy>span{display:none}.option-copy strong{font-size:11px}.option-copy small{font-size:6px;letter-spacing:.3px}.radio-mark{width:13px;height:13px;font-size:8px}.page-footer{font-size:7px}.scene-caption{bottom:15px}}@media (prefers-reduced-motion:reduce){.welcome-settings *,.welcome-settings :after,.welcome-settings :before{animation:none!important;transition:none!important}.confetti,.sheets{display:none!important}}.steps{padding:0 10px}.steps button{font-size:11px}.steps button span{margin-right:4px;font-size:9px}.art-pop{background:#f8e9e9;color:#bd8190}.sparkles{position:absolute;inset:0;z-index:4;pointer-events:none}.sparkles span{position:absolute;font-size:28px;color:var(--accent);animation:twinkle calc(var(--duration) + .8s) calc(var(--delay) + var(--reveal-delay)) both}@keyframes twinkle{0%,to{opacity:0;transform:scale(.3) rotate(-20deg)}45%{opacity:.7;transform:scale(1) rotate(15deg)}}@media (max-width:780px){.editor{grid-column:1;grid-row:2}.preview-panel{grid-column:1;grid-row:1}}@media (prefers-reduced-motion:reduce){.sparkles{display:none!important}.with-sheets{background:var(--scene-bg)}}.editor-body{max-height:690px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d7dfd1 transparent}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-grid .animation-option{position:relative;flex-direction:column;align-items:stretch;padding:10px;gap:10px}.style-grid .option-art{flex-basis:auto;width:100%;height:62px;font-size:29px}.style-grid .option-copy{gap:4px}.style-grid .option-copy strong{font-size:11px}.style-grid .option-copy>span{display:block;font-size:8px;line-height:1.7}.style-grid .option-copy small{font-size:6px}.style-grid .radio-mark{position:absolute;right:8px;top:8px;background:white}.style-grid .selected .radio-mark{background:#6b825d}.art-slide,.art-snow,.art-stars{background:#e5edf7;color:#6985a8}.art-bubbles,.art-rise{background:#e0f0eb;color:#5b9884}.art-blur,.art-flip,.art-sparkle{background:#ece7f5;color:#9180b0}.art-rays,.art-zoom{background:#f4ebd6;color:#ad955e}.art-hearts,.art-petals,.art-swing{background:#f7e4e9;color:#b07c91}.style-grid .animation-option:hover .option-art{animation:sample-bounce .7s ease both}@keyframes sample-bounce{0%,to{transform:translateY(0)}45%{transform:translateY(-4px) rotate(-3deg)}}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 9px}.preset-grid button{border-radius:8px;padding:3px;border:1px solid transparent}.preset-grid button.selected{border-color:#7e9475;color:#354c37;background:#f6f8f2}.preset-grid button>span{height:73px;overflow:hidden}.preset-grid button>span>i{display:flex;flex-direction:column;align-items:center;justify-content:center;width:39px;height:53px;border-radius:5px;font-size:19px;font-style:normal;box-shadow:0 4px 8px #0001;transform:rotate(-6deg)}.preset-grid b{display:block;width:25px;height:5px;border-radius:2px;margin-top:5px}.effect-slide .badge-wrapper{animation:slide-card var(--duration) both}.effect-rise .badge-wrapper{animation:rise-card var(--duration) both}.effect-flip .badge-wrapper{animation:flip-card var(--duration) both}.effect-zoom .badge-wrapper{animation:zoom-card var(--duration) both}.effect-blur .badge-wrapper{animation:focus-card var(--duration) both}.effect-swing .badge-wrapper{animation:swing-card var(--duration) both}.with-sheets .badge-wrapper{animation-delay:var(--reveal-delay)}@keyframes slide-card{0%{opacity:0;transform:translateX(550px) rotate(8deg)}65%{opacity:1;transform:translateX(-12px) rotate(-1deg)}to{transform:none}}@keyframes rise-card{0%{opacity:0;transform:translateY(650px)}65%{opacity:1;transform:translateY(-22px)}83%{transform:translateY(7px)}to{transform:none}}@keyframes flip-card{0%{opacity:0;transform:perspective(1100px) rotateY(-100deg) scale(.88)}65%{opacity:1;transform:perspective(1100px) rotateY(12deg) scale(1)}to{transform:perspective(1100px) rotateY(0)}}@keyframes zoom-card{0%{opacity:0;transform:scale(1.65);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes focus-card{0%{opacity:0;filter:blur(22px);transform:scale(.97)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes swing-card{0%{opacity:0;transform:rotate(-24deg) translateY(-80px)}35%{opacity:1;transform:rotate(12deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(3deg)}to{transform:none}}.atmosphere{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.atmosphere i{position:absolute;display:block;width:var(--particle-size);height:var(--particle-size);animation-duration:calc(var(--duration) + 2s);animation-delay:calc(var(--reveal-delay) + var(--particle-delay));animation-fill-mode:both;animation-timing-function:ease-in-out}.atmosphere-petals i{top:-30px;border-radius:85% 0 85% 35%;background:color-mix(in srgb,var(--accent) 38%,#ffc7df);box-shadow:inset 2px 2px 5px #fff8;animation-name:petals-fall}.atmosphere-snow i{top:-30px;width:calc(var(--particle-size) * .35);height:calc(var(--particle-size) * .35);border-radius:50%;background:white;box-shadow:0 0 5px #ffffffaa,0 0 1px var(--accent);animation-name:snow-fall;animation-timing-function:linear}.atmosphere-bubbles i{bottom:-50px;width:calc(var(--particle-size) * 2);height:calc(var(--particle-size) * 2);border:1px solid color-mix(in srgb,var(--accent) 40%,white);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffb0 0,#ffffff05 50%,#ffffff35);box-shadow:inset -2px -3px 7px #fff6;animation-name:bubble-rise}.atmosphere-hearts i{bottom:-40px;color:color-mix(in srgb,var(--accent) 45%,#e289a7);font-style:normal;font-size:var(--particle-size);animation-name:heart-rise}.atmosphere-stars{z-index:2}.atmosphere-stars i{top:var(--star-top);width:90px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),white);border-radius:50%;box-shadow:0 0 6px #ffffffa0;animation-name:shooting-star}.atmosphere-rays{z-index:2}.atmosphere-rays i{left:50%!important;top:50%;width:170px;height:700px;transform-origin:50% 0;background:linear-gradient(180deg,#fff9,#ffffff00);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);animation-name:light-ray;animation-duration:calc(var(--duration) + 3s)}@keyframes petals-fall{0%{opacity:0;transform:translateY(-20px) rotate(0)}12%{opacity:.85}to{opacity:0;transform:translate(var(--particle-drift),680px) rotate(var(--particle-spin))}}@keyframes snow-fall{0%{opacity:0;transform:translate(0)}15%{opacity:.9}to{opacity:0;transform:translate(var(--particle-drift),660px)}}@keyframes bubble-rise{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.7}to{opacity:0;transform:translate(var(--particle-drift),-700px) scale(1.2)}}@keyframes heart-rise{0%{opacity:0;transform:translate(0) rotate(-20deg)}20%{opacity:.7}to{opacity:0;transform:translate(var(--particle-drift),-700px) rotate(30deg)}}@keyframes shooting-star{0%{opacity:0;transform:translate(-150px,-100px) rotate(35deg) scaleX(.2)}25%{opacity:.85}70%,to{opacity:0;transform:translate(400px,320px) rotate(35deg) scaleX(1)}}@keyframes light-ray{0%{opacity:0;transform:translateX(-50%) rotate(var(--ray-angle))}30%{opacity:.45}to{opacity:0;transform:translateX(-50%) rotate(calc(var(--ray-angle) + 35deg))}}.font-mono .card-content{font-family:ui-monospace,Noto Sans KR,monospace}@media (max-width:780px){.editor-body{max-height:none}.style-grid .option-art{height:54px}}@media (prefers-reduced-motion:reduce){.atmosphere{display:none!important}}.has-transition{background:color-mix(in srgb,var(--scene-bg) 18%,white)}.has-transition .badge-wrapper{animation-delay:var(--reveal-delay)}.has-transition.effect-text .badge-wrapper{animation:card-ready 1ms var(--reveal-delay) both}.has-transition.effect-text .card-content>*{animation-delay:var(--reveal-delay)}.has-transition.effect-text .card-content h2{animation-delay:calc(var(--reveal-delay) + .1s)}.has-transition.effect-text .card-content p{animation-delay:calc(var(--reveal-delay) + .2s)}.has-transition.effect-text .card-cta{animation-delay:calc(var(--reveal-delay) + .3s)}@keyframes card-ready{0%{opacity:0}to{opacity:1}}.background-transition{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.water-fill{position:absolute;inset:0 0 -20%;top:0;background:var(--scene-bg);animation:water-rise var(--transition-duration) cubic-bezier(.3,.05,.28,1) both}.water-fill-0{background:color-mix(in srgb,var(--scene-bg) 70%,var(--accent))}.water-fill-1{animation-name:water-rise-front}.water-surface{position:absolute;width:200%;height:100px;top:-99px;left:0;fill:var(--scene-bg);animation:wave-drift var(--transition-duration) linear both}.water-fill-0 .water-surface{fill:color-mix(in srgb,var(--scene-bg) 70%,var(--accent));animation-direction:reverse}@keyframes water-rise{0%{transform:translateY(125%)}to{transform:translateY(-2%)}}@keyframes water-rise-front{0%{transform:translateY(140%)}to{transform:translateY(0)}}@keyframes wave-drift{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.background-curtain{background:var(--scene-bg)}.background-curtain i{position:absolute;inset:0 50% 0 0;background:repeating-linear-gradient(90deg,transparent 0,#ffffff18 12%,#0000000a 25%),var(--accent);box-shadow:10px 0 25px #0003;animation:curtain-left var(--transition-duration) cubic-bezier(.65,0,.2,1) both}.background-curtain i+i{inset:0 0 0 50%;animation-name:curtain-right;box-shadow:-10px 0 25px #0003}@keyframes curtain-left{0%,12%{transform:translateX(0)}to{transform:translateX(-105%)}}@keyframes curtain-right{0%,12%{transform:translateX(0)}to{transform:translateX(105%)}}.background-circle i{position:absolute;inset:0;background:var(--scene-bg);animation:circle-spread var(--transition-duration) cubic-bezier(.3,.6,.3,1) both}@keyframes circle-spread{0%{clip-path:circle(0 at 50% 60%)}to{clip-path:circle(150% at 50% 60%)}}.background-bloom i{position:absolute;inset:-20%;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--accent) 25%,var(--scene-bg)),transparent 60%),radial-gradient(ellipse at 80% 70%,#ffffff60,transparent 55%),var(--scene-bg);animation:color-bloom var(--transition-duration) ease-out both}@keyframes color-bloom{0%{opacity:0;transform:scale(.12) rotate(-20deg);filter:blur(70px);border-radius:50%}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0);border-radius:0}}.steps button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 0}.steps button span{margin:0}.transition-art{position:relative;overflow:hidden}.transition-art b{font-size:26px;font-weight:400;z-index:1}.transition-art-water{background:#e0eff5;color:#548ca8}.transition-art-water i:first-child{position:absolute;background:#a4cbdc;inset:40% -10% -20%;border-radius:40% 45% 0 0;transform:rotate(-7deg)}.transition-art-water i:nth-child(2){position:absolute;background:#c0dfe9;inset:54% -10% -20%;border-radius:40% 45% 0 0;transform:rotate(8deg)}.transition-art-curtain{background:#f4e7dc;color:#a17f62}.transition-art-curtain i:first-child,.transition-art-curtain i:nth-child(2){position:absolute;inset:0 70% 0 0;background:#dbc4ad}.transition-art-curtain i:nth-child(2){inset:0 0 0 70%}.transition-art-circle{background:#ebe6f5;color:#9884b9}.transition-art-circle i:first-child{position:absolute;width:58px;height:58px;border:10px solid #d4c7e8;border-radius:50%}.transition-art-bloom{background:radial-gradient(at 20% 30%,#e8c3cf,transparent 70%),radial-gradient(at 70% 80%,#d3d1ef,#f3edf1);color:#a58fac}.transition-art-none{background:#f1f2ef;color:#a0a598}.preview-bottom>span:first-child{line-height:1.8}@media (prefers-reduced-motion:reduce){.has-transition{background:var(--scene-bg)}.background-transition{display:none!important}}.design-card{container-type:inline-size;aspect-ratio:284/400;min-height:0;height:auto;max-height:none;padding:0;overflow:hidden;text-align:initial}.design-content{position:absolute;inset:0}.design-element,.thumbnail-element{position:absolute;display:flex;align-items:center;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.design-element>.design-text{width:100%;max-height:100%;overflow:hidden}.design-image,.design-shape{width:100%;height:100%;overflow:hidden}.design-image img{display:block;width:100%;height:100%;transform-origin:center;pointer-events:none}.image-circle{border-radius:50%}.image-square{border-radius:0}.image-arch{border-radius:50% 50% 0 0}.photo-placeholder{width:100%;height:100%;display:block}.logo-placeholder{justify-content:center;font-weight:800;letter-spacing:.08em;line-height:1.1;overflow-wrap:anywhere}.design-cta,.logo-placeholder{display:flex;width:100%;height:100%;align-items:center}.design-cta{padding:0 12px;justify-content:space-between;gap:6px;font:inherit;text-align:inherit;white-space:pre-wrap;overflow:hidden}.design-slot{position:absolute;width:15%;height:1.25%;left:42.5%;top:5%;background:#89958145;border-radius:5px;box-shadow:inset 0 1px 2px #0002;pointer-events:none;z-index:40}.editable-card{outline:1px solid #ffffff90;overflow:visible}.editable-card .design-content{border-radius:inherit;background-image:linear-gradient(#667d6210 1px,transparent 0),linear-gradient(90deg,#667d6210 1px,transparent 0);background-size:5% 5%}.editable-card .design-element{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:move;outline:1px solid transparent}.editable-card .design-element:hover{outline:1px dashed #537bc8}.editable-card .design-element.element-selected{outline:2px solid #537bc8}.editable-card .design-cta{pointer-events:none}.element-label{position:absolute;left:-2px;bottom:calc(100% + 2px);background:#537bc8;color:#fff;padding:3px 5px;font:9px Noto Sans KR,sans-serif;white-space:nowrap;border-radius:3px 3px 0 0;z-index:60;pointer-events:none}.resize-handle{position:absolute;width:11px;height:11px;bottom:-6px;right:-6px;background:white;border:2px solid #537bc8;border-radius:2px;cursor:nwse-resize;z-index:60;touch-action:none}.is-designing{background:var(--scene-bg)}.is-designing *,.is-designing :after,.is-designing :before{animation:none!important}.is-designing .atmosphere,.is-designing .background-transition,.is-designing .confetti,.is-designing .sheets,.is-designing .sparkles{display:none}.is-designing .lanyard{opacity:.25}.edit-mode-button{border-radius:5px;font-size:10px;color:#698065;background:#f0f4eb;padding:6px 8px}.edit-mode-button[aria-pressed=true]{background:#e3edda}.layout-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.layout-templates>button{background:#f6f7f4;border:1px solid #e3e8df;padding:7px 6px;border-radius:7px;text-align:left;min-width:0}.layout-templates>button.selected{border-color:#829776;background:#eff4e9}.layout-thumbnail{container-type:inline-size;position:relative;width:100%;aspect-ratio:284/400;border-radius:5px;box-shadow:0 3px 6px #0001;overflow:hidden;pointer-events:none}.thumbnail-element .design-cta{padding:0 3px}.layout-templates strong{display:block;font-size:9px;margin-top:8px}.layout-templates small{display:block;color:#929b8b;font-size:7px;margin-top:3px;line-height:1.5}.asset-actions,.design-history,.layer-actions{display:flex;gap:8px}.asset-actions button{flex:1;background:#f3f6ef;border:1px dashed #bac7b0;color:#627556;border-radius:6px;padding:12px 5px;font-size:10px}.design-history{margin:-7px 0 20px}.design-history button,.layer-actions button{background:#f1f4ed;color:#79856c;border-radius:4px;padding:7px 9px;font-size:10px}.upload-hint{display:block;font-size:9px;color:#9aa38f;line-height:1.8;margin:8px 0 12px}.asset-remove{display:flex;gap:12px}.asset-remove button{background:none;font-size:9px;color:#9d8b84;padding:0}.add-elements{display:flex;flex-wrap:wrap;gap:6px}.add-elements button{border:1px solid #e1e6dc;border-radius:5px;padding:7px 9px;background:white;color:#76846a;font-size:10px}.field>span>small{font-size:8px;color:#a1ab99;font-weight:400;float:right}.element-list{max-height:160px;overflow-y:auto;scrollbar-width:thin;border:1px solid #e6eade;border-radius:6px}.element-list button{display:flex;gap:8px;align-items:center;width:100%;background:white;color:#7a8670;padding:9px;font-size:10px;text-align:left;border-bottom:1px solid #f0f2ec}.element-list button.selected{background:#edf3e7;color:#435d36}.element-list button>span{width:15px;opacity:.6}.element-list button>small{margin-left:auto;color:#a7b09d;font-size:8px}.selected-properties{background:#fafbf8;border:1px solid #e4eadd;padding:14px;border-radius:8px}.property-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.property-heading strong{font-size:11px}.delete-element{color:#ae6f62;background:#f6eeea;border-radius:4px;font-size:9px;padding:5px 8px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.property-field{min-width:0}.property-field span{font-size:9px;color:#87927e;display:block;margin-bottom:5px}.property-field input,.property-field select{width:100%;min-width:0;border:1px solid #dde4d6;border-radius:4px;padding:6px;background:white;font-size:11px;color:#607153}.layer-actions{margin-bottom:18px}.layer-actions button{flex:1;padding:7px 4px;font-size:9px}.design-range{display:block;margin-bottom:9px}.design-range>span{display:flex;justify-content:space-between;font-size:10px;color:#7c8c6e}.design-range b{font-weight:400;font-size:9px}.design-range input{width:100%;margin:7px 0}.element-color{display:flex;gap:8px;align-items:center}.element-color input[type=color]{flex:0 0 32px;width:32px;height:32px;padding:0}.selection-hint{font-size:10px;line-height:1.8;color:#89977d;padding:17px;text-align:center;background:#f4f7f0;border-radius:7px}.card-outline-controls{border-top:1px solid #e7ecdf;padding-top:18px;margin-top:22px}.custom-reminders{position:absolute;bottom:35px;width:min(284px,85%);z-index:8;background:var(--card-bg);color:var(--ink);border-radius:8px;padding:9px 13px;font-size:10px;box-shadow:0 4px 15px #0001;animation:fade .2s var(--reveal-delay) both}.custom-reminders summary{cursor:pointer}.custom-reminders .reminders{margin-bottom:0}@media (max-width:780px){.preview-controls{gap:5px}.preview-toolbar{flex-wrap:wrap;height:auto;min-height:54px;gap:8px}.preview-bottom{flex-wrap:wrap;gap:6px}.element-label{font-size:8px}}.card-workspace{grid-template-columns:320px minmax(0,1fr) 230px;gap:16px}.card-workspace>.editor{grid-column:1;grid-row:1}.card-workspace>.preview-panel{grid-column:2;grid-row:1;min-width:0}.card-layers{grid-column:3;grid-row:1;min-width:0;padding:18px 12px;background:#fff;border:1px solid #e3e7e3;border-radius:13px}.layers-heading{display:flex;justify-content:space-between;align-items:center;padding:0 4px;font-size:13px}.layers-heading>span{font-size:10px;color:#899582}.layers-help{font-size:10px;color:#7a8670;line-height:1.8;margin:12px 4px}.layers-list{max-height:540px;overflow-y:auto;scrollbar-width:thin;padding:3px 0}.layer-row{display:flex;position:relative;border-radius:5px;min-width:0;border:2px solid transparent}.layer-row.selected{background:#edf3e7;color:#435d36}.layer-row.drop-before{border-top-color:#537bc8}.layer-row.drop-after{border-bottom-color:#537bc8}.layer-handle{flex:0 0 25px;background:transparent;color:#909b88;cursor:grab;touch-action:none;font-size:18px}.layer-handle:active{cursor:grabbing}.layer-select{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:11px 5px;background:transparent;text-align:left;color:inherit;font-size:11px}.layer-icon{width:16px;text-align:center;color:#7a8670}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-select small{font-size:9px;color:#899582}.layer-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.card-layers button:focus-visible{outline:2px solid #537bc8;outline-offset:-2px}.card-layers button:disabled{opacity:.4;cursor:default}@media (max-width:1200px) and (min-width:781px){.card-workspace{grid-template-columns:minmax(0,1fr) 340px}.card-workspace>.preview-panel{grid-column:1;grid-row:1/span 2}.card-workspace>.editor{grid-column:2;grid-row:2}.card-workspace>.card-layers{grid-column:2;grid-row:1}.card-workspace .layers-list{max-height:220px}}@media (max-width:780px){.card-workspace{grid-template-columns:minmax(0,1fr)}.card-workspace>.preview-panel{grid-column:1;grid-row:1}.card-workspace>.card-layers{grid-column:1;grid-row:2}.card-workspace>.editor{grid-column:1;grid-row:3}.card-workspace .layers-list{max-height:260px}}.workspace>.editor,.workspace>.preview-panel{position:relative}.card-workspace>.card-layers{animation:layers-arrive .42s cubic-bezier(.22,1,.36,1) both}@keyframes layers-arrive{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.drawing-tools{display:flex;gap:5px;padding:5px;background:#f0f3ee;border-radius:9px}.drawing-tools button{flex:1;padding:10px 6px;background:transparent;border-radius:6px;color:#68775e;font-size:12px}.drawing-tools button[aria-pressed=true]{background:white;color:#36513c;box-shadow:0 2px 5px #26332612}.drawing-tools button:disabled{opacity:.4}.tool-help{color:#798670;font-size:11px;line-height:1.8;margin:10px 0 18px}.point-edit-button{padding:10px;background:#edf3e7;color:#435d36;border-radius:6px;font-size:11px}.point-edit-button:disabled{opacity:.4}.gradient-preview{height:36px;border-radius:6px;border:1px solid #00000010;margin-bottom:16px}.pen-point,.vertex-handle{position:absolute;width:12px;height:12px;padding:0;transform:translate(-50%,-50%);border:2px solid #537bc8;background:white;border-radius:50%;z-index:65;touch-action:none}.vertex-handle{cursor:crosshair}.vertex-handle:focus-visible,.vertex-handle:hover{background:#537bc8;outline:3px solid #abc5fb80}.pen-surface{position:absolute;inset:0;z-index:100;cursor:crosshair;touch-action:none;border-radius:inherit;outline:2px dashed #537bc8}.pen-surface svg{width:100%;height:100%}.pen-point,.pen-surface svg{pointer-events:none}.pen-point.first{background:#537bc8;width:14px;height:14px}.pen-actions{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;z-index:101;padding:6px;border:1px solid #e3e7e3;border-radius:8px;background:white;box-shadow:0 4px 14px #26332615;white-space:nowrap;font-size:10px}.pen-actions span{padding:0 4px;color:#68775e}.pen-actions button{padding:8px;border-radius:4px;background:#edf3e7;color:#435d36}.pen-actions button:disabled{opacity:.4}@media (prefers-reduced-motion:reduce){.card-workspace>.card-layers{animation:none}}.editable-card{touch-action:none}.selection-marquee{position:absolute;z-index:110;pointer-events:none;border:1px solid #537bc8;background:#537bc825}.card-rich-text{display:block;width:100%;min-width:0}.card-rich-paragraph{display:block;margin:0}.card-rich-text strong{font-weight:700}.card-text-bubble{z-index:1000;width:-moz-max-content;width:max-content;max-width:calc(100vw - 32px);padding:8px;border:1px solid #d8dce3;border-radius:12px;background:#fff;color:#202634;box-shadow:0 8px 32px #0002}.card-text-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.card-text-bubble .text-edit-done{padding:6px 12px;font-size:13px;border-radius:6px;background:#eef1f5}.card-text-bubble small{display:block;padding:4px;color:#b42318}.card-inline-editor{width:100%;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;touch-action:auto;font-weight:inherit}.card-inline-editor .tiptap{min-height:1.45em;padding:0;outline:none;white-space:pre-wrap;font:inherit;color:inherit}.card-inline-editor .tiptap p{margin:0;line-height:inherit}.card-inline-editor .tiptap strong{font-weight:700}.editable-card .design-element.element-text-editing{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;touch-action:auto;z-index:60!important}.element-text-editing>.reactjs-tiptap-editor{width:100%;min-width:0}.element-geometry summary{cursor:pointer;padding:8px 0;font-size:12px;color:#667085}.card-inline-editor .tiptap,.card-inline-editor .tiptap p{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.card-inline-button{display:flex;align-items:center;gap:6px}.card-inline-button>div{flex:1;min-width:0}.card-text-bubble .text-variable-button{padding:6px 8px;font-size:12px;color:#537bc8;border-radius:6px;background:#edf3ff}.card-inline-editor .card-variable{color:inherit;border-radius:3px;background:#537bc820;box-shadow:inset 0 -1px #537bc8}.editable-card .element-text-editing .reactjs-tiptap-editor{background:transparent;color:inherit;font:inherit;max-height:100%;overflow:hidden}.editable-card .card-inline-editor .tiptap.ProseMirror.ProseMirror{padding:0;margin:0;min-height:0;border:0;background:transparent;color:inherit;caret-color:currentColor;font:inherit;white-space:pre-wrap;overflow-wrap:inherit}.editable-card .card-inline-editor .tiptap.ProseMirror.ProseMirror p{margin:0;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}}