:root{color:#17233b;font-synthesis:none;text-rendering:optimizelegibility;--blue-700:#1558c8;--blue-800:#10489f;--navy-900:#14233f;--line:#d5deeb;--surface:#fbfdff;--muted:#60708a;--coral:#f7675d;background:#e9eef6;font-family:Avenir Next,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--navy-900);color:#f8fbff;border-radius:.55rem;padding:.75rem 1rem;font-weight:800;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{background:#edf1f7;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:100%;height:100dvh;display:grid}.app-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, #dce9ff);min-width:0;position:relative;box-shadow:0 .35rem 1.25rem #1f375c0f}.document-bar,.format-bar{align-items:center;display:flex}.document-bar{gap:.75rem;min-height:3.65rem;padding:.55rem clamp(.7rem,2vw,1.35rem)}.brand-mark{background:var(--blue-700);color:#f7fbff;letter-spacing:-.08em;border-radius:.7rem;flex:none;place-items:center;width:2.35rem;height:2.35rem;font-size:1.15rem;font-weight:900;display:inline-grid}.document-title-field{flex:22rem;min-width:9rem;max-width:30rem}.document-title-field input{width:100%;height:2.35rem;color:var(--navy-900);letter-spacing:-.025em;background:0 0;border:1px solid #0000;border-radius:.5rem;outline:none;padding:0 .65rem;font-weight:760}.document-title-field input:hover{border-color:var(--line)}.document-title-field input:focus{background:#f7faff;border-color:#7aa7ec;box-shadow:0 0 0 3px #1558c81f}.save-state{color:var(--muted);white-space:nowrap;flex:none;font-size:.74rem;font-weight:700}.file-actions{flex:none;align-items:center;gap:.35rem;display:flex}.quiet-action,.primary-action{cursor:pointer;white-space:nowrap;border-radius:.55rem;min-height:2.3rem;padding:0 .82rem;font-size:.78rem;font-weight:800}.quiet-action{color:#33435d;background:0 0;border:1px solid #0000}.quiet-action:hover{border-color:var(--line);background:#f1f5fb}.primary-action{background:var(--blue-700);color:#f7fbff;box-shadow:0 .4rem 1rem #1558c82e}.primary-action:hover{background:var(--blue-800)}.format-bar{scrollbar-color:#b9c5d6 transparent;scrollbar-width:thin;gap:.35rem;min-height:3.05rem;padding:.35rem clamp(.7rem,2vw,1.35rem) .5rem;overflow-x:auto}.tool-group{flex:none;align-items:center;gap:.14rem;display:inline-flex}.tool-divider{background:var(--line);flex:none;width:1px;height:1.35rem;margin-inline:.25rem}.icon-action,.text-action,.color-action,.zoom-action,.zoom-value{color:#263753;cursor:pointer;background:0 0;border-radius:.45rem;place-items:center;min-width:2rem;height:2rem;font-size:.85rem;font-weight:760;display:inline-grid}.icon-action:hover,.text-action:hover,.color-action:hover,.zoom-action:hover,.zoom-value:hover,.icon-action.is-active,.icon-action[aria-pressed=true]{color:#0f4fab;background:#dfeafc}.icon-action:disabled{cursor:not-allowed;opacity:.35}.format-clear{letter-spacing:-.05em;font-size:.68rem}.type-action{font-family:Georgia,serif;font-size:.95rem}.align-center{text-align:center;transform:scaleX(.8)}.align-right{text-align:right;transform:scaleX(.7)}.text-action{width:auto;padding-inline:.55rem;font-size:.74rem}.select-control select{color:#263753;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.45rem;outline:none;height:2rem;font-size:.76rem;font-weight:700}.select-control select:hover,.select-control select:focus{border-color:var(--line);background:#f5f8fc}.font-control select{width:8.3rem}.size-control select{width:3.5rem}.color-action{font-family:Georgia,serif;position:relative;overflow:hidden}.color-action:after{content:"";background:#17233b;border-radius:99px;height:.16rem;position:absolute;bottom:.18rem;left:.35rem;right:.35rem}.highlight-action:after{background:#f4d754}.color-action input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.draft-notice{z-index:12;color:#24466f;background:#e7f0ff;border-bottom:1px solid #bcd0ef;justify-content:center;align-items:center;gap:.75rem;min-height:2.65rem;padding:.45rem 3rem;font-size:.78rem;display:flex;position:relative}.draft-notice[hidden]{display:none}.draft-notice p{margin:0;font-weight:700}.draft-notice button{color:var(--blue-700);cursor:pointer;background:0 0;border-radius:.4rem;font-size:.75rem;font-weight:850}.draft-notice .notice-close{color:#51627d;font-size:1.2rem;position:absolute;right:1rem}.compatibility-note{z-index:11;color:#4e5f78;background:#f6f8fb;border-bottom:1px solid #d8e1ec;font-size:.73rem;position:relative}.compatibility-note details{width:min(100% - 1.5rem,68rem);margin-inline:auto;padding:.38rem 0}.compatibility-note summary{cursor:pointer;width:max-content;font-weight:800}.compatibility-note p{max-width:60rem;margin:.4rem 0 .15rem;line-height:1.55}.document-workspace{overscroll-behavior:contain;background-color:#e9eef5;background-image:linear-gradient(#ffffff3d 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;outline:none;min-width:0;min-height:0;position:relative;overflow:auto}.editor{min-height:100%;padding:clamp(1.25rem,4vw,3rem) 0 5rem}.editor>div{width:-moz-fit-content;width:fit-content;margin-inline:auto}.editor canvas{box-shadow:0 1.2rem 3rem #1b305224}.drop-hint{z-index:30;color:#154d9f;opacity:0;pointer-events:none;background:#e7f1ffeb;border:2px dashed #568be1;border-radius:1rem;place-items:center;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:850;transition:opacity .14s,transform .14s;display:grid;position:absolute;inset:1rem;transform:scale(.985)}.document-workspace.is-dragging .drop-hint{opacity:1;transform:scale(1)}.status-bar{z-index:20;border-top:1px solid var(--line);background:var(--surface);color:#53637c;align-items:center;gap:.75rem;min-height:2.2rem;padding:.25rem clamp(.65rem,2vw,1.25rem);font-size:.7rem;font-weight:700;display:flex;position:relative}.status-spacer{flex:1}.zoom-action,.zoom-value{min-width:1.65rem;height:1.65rem;font-size:.7rem}.zoom-value{min-width:3rem}.status-bar a{color:#48617e;white-space:nowrap}.status-bar a:hover{color:var(--blue-700)}.toast{z-index:100;color:#f4f8ff;background:#182945;border:1px solid #2d405f;border-radius:.7rem;max-width:min(26rem,100% - 2rem);padding:.8rem 1rem;font-size:.78rem;font-weight:750;line-height:1.5;position:fixed;bottom:3.2rem;right:1rem;box-shadow:0 1rem 2.8rem #0c1d3640}.toast.is-error{background:#74342f;border-color:#ffc1bb}@media (max-width:62rem){.save-state{display:none}.document-title-field{flex-basis:13rem}}@media (max-width:44rem){.app-shell{grid-template-rows:auto auto auto minmax(0,1fr) auto}.document-bar{grid-template-columns:auto minmax(8rem,1fr);gap:.35rem .55rem;padding:.45rem .6rem;display:grid}.document-title-field{min-width:0}.file-actions{grid-column:1/-1;padding-bottom:.1rem;overflow-x:auto}.file-actions .save-native{margin-left:auto}.format-bar{padding-inline:.55rem}.brand-mark,.quiet-action,.primary-action,.icon-action,.text-action,.color-action,.select-control select,.zoom-action,.zoom-value,.status-bar button{min-width:2.75rem;height:2.75rem;min-height:2.75rem}.document-title-field input{min-height:2.75rem}.align-center,.align-right{transform:none}.draft-notice{justify-content:flex-start;padding-left:.75rem}.draft-notice p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compatibility-note details{width:calc(100% - 1.2rem)}.editor{padding-top:1rem}.status-bar{gap:.45rem;min-height:3.25rem}.status-bar>a{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}