@font-face{font-family:Jadong;src:url('../assets/font.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--s-bg:#111315;--s-surface:#191d22;--s-line:#3b424b;--s-text:#f5f6f7;--s-muted:#b3bcc8;--s-paper:#f5f4ef;--s-ink:#19212c}
*{box-sizing:border-box}body{margin:0;background:var(--s-bg);color:var(--s-text);font-family:Jadong,-apple-system,'Apple SD Gothic Neo',sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.4}button{background:none;border:0}input,textarea,select{min-width:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e3edf9;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9db4d0;outline-offset:2px}[hidden]{display:none!important}.s-icon{width:22px;height:22px;display:inline-block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.s-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #69727e;border-radius:9px;min-height:48px;padding:12px 18px;font-size:15px;line-height:1.5;font-weight:600;transition:background .15s}.s-button.primary{background:#f7f7f3;color:#15191f;border-color:#f7f7f3}.s-button.primary:hover{background:#fff}.s-button.secondary{background:#1b2129;color:#eef1f6}.s-button.secondary:hover{background:#2c3542}.s-link{display:inline-flex;align-items:center;gap:9px;font-size:14px}.s-link:hover{text-decoration:underline;text-underline-offset:4px}.s-icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid #48525f;border-radius:8px}.studio-header{height:76px;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--s-line);background:#111315;position:sticky;top:0;z-index:40}.studio-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.studio-brand img{width:34px;height:36px}.studio-brand>span{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:750;letter-spacing:-1.2px}.studio-breadcrumb{border-left:1px solid #4c555f;padding-left:18px;color:#d4dbe4;font-size:13px}.studio-header nav{margin-left:auto;display:flex;align-items:center;gap:15px}.studio-header .home-link{display:none}.studio-header .s-link{font-size:12px}.studio-dialog{color:var(--s-text);background:#151a20;width:min(860px,calc(100vw - 26px));max-height:90dvh;border:1px solid #526073;border-radius:13px;padding:23px;overflow:auto}.studio-dialog::backdrop{background:#05080dbb;backdrop-filter:blur(6px)}.s-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.s-dialog-top strong{font-size:22px;line-height:1.4}.studio-dialog p{color:#bac5d4}.studio-toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:13px 21px;background:#f6f6f1;color:#152030;border-radius:10px;box-shadow:0 12px 35px #0006;font-size:14px;line-height:1.7;text-align:center}.s-field{display:block;min-width:0}.s-field>span,.field-label{display:block;font-size:15px;line-height:1.6;color:#dfe5ed;margin-bottom:9px;font-weight:600}.s-field small{display:block;font-size:13px;line-height:1.7;color:#aeb9c7;margin-top:8px}.s-field input,.s-field textarea,.s-field select,.s-input{display:block;width:100%;border:1px solid #4a5564;border-radius:8px;background:#14191f;color:#edf1f7;font-size:16px;padding:13px 14px;line-height:1.7}.s-field textarea{min-height:110px;resize:vertical}.s-field select{min-height:54px}.s-field input::placeholder,.s-field textarea::placeholder{color:#9ba6b4;opacity:1}.s-field textarea:invalid:not(:placeholder-shown){border-color:#4a5564}.s-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:19px}.s-field.wide{grid-column:1 / -1}.s-muted{color:var(--s-muted)}.s-empty{padding:35px 20px;text-align:center;border:1px dashed #536174;border-radius:11px}.s-empty p{color:#b9c5d5;line-height:1.8}.s-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid #3a4656}.s-row h3{font-size:17px;margin:0 0 6px;line-height:1.5}.s-row p{font-size:13px;margin:0;color:#aeb9ca}.s-row .s-button{font-size:13px;padding:9px 14px;min-height:42px;flex-shrink:0}.s-export-area{width:100%;min-height:350px;resize:vertical;background:#10151b;color:#d6e1ef;border:1px solid #46566a;border-radius:7px;font:15px/1.9 Jadong,sans-serif;padding:20px}.s-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.app-art{display:inline-block;width:56px;height:56px;background-image:url('assets/apps-image2.png');background-repeat:no-repeat;background-size:600% auto;background-position:calc(var(--app-index)*20%) 50%;flex-shrink:0}.app-art.small{width:36px;height:36px}.app-art.large{width:92px;height:92px}.studio-heading{font-size:34px;line-height:1.35;letter-spacing:-1.3px;margin:0 0 13px;word-break:keep-all}.studio-description{font-size:16px;line-height:1.85;color:#bdc7d4;margin:0 0 27px;word-break:keep-all}.studio-page{max-width:1440px;margin:0 auto;padding:30px 20px 60px}.embedded .studio-header{display:none}.embedded .studio-toast{bottom:16px}.embedded .detail-tabs{top:0}.s-error{color:#f6c8bb;font-size:14px;line-height:1.7}.s-tag{display:inline-block;padding:4px 9px;border:1px solid #526176;border-radius:5px;font-size:12px;color:#cad7e8}.s-checks{list-style:none;padding:0;display:grid;gap:13px}.s-checks label{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.8}.s-checks input{width:19px;height:19px;flex-shrink:0;accent-color:#dce5f1;margin-top:4px}.s-hr{height:1px;border:0;background:#3b4756;margin:27px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:700px){.s-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-header{padding-inline:28px;height:80px;gap:25px}.studio-header .home-link{display:inline-flex}.studio-header .s-link{font-size:15px}.studio-breadcrumb{font-size:16px;padding-left:25px}.studio-brand img{width:38px;height:40px}.studio-brand>span{font-size:31px}.studio-dialog{padding:30px}.studio-page{padding:38px 32px 75px}.studio-heading{font-size:42px}.studio-description{font-size:18px}.s-button{font-size:16px;min-height:52px}.s-row h3{font-size:19px}.s-row p{font-size:14px}.s-dialog-top strong{font-size:27px}}
@media(max-width:380px){.studio-header{padding-inline:14px;gap:11px}.studio-brand>span{font-size:25px}.studio-brand img{width:28px}.studio-breadcrumb{font-size:11px;padding-left:11px}.studio-header nav{gap:7px}.studio-header .s-link{font-size:10px;gap:5px}.studio-header .s-icon{width:17px}.studio-heading{font-size:29px}.s-button{font-size:13px;padding-inline:12px}.s-row{flex-wrap:wrap}.s-dialog-top strong{font-size:21px}.studio-dialog{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.glass-symbol{overflow:visible;filter:drop-shadow(0 1px 0 #ffffff40)}.studio-brand img{filter:drop-shadow(0 3px 5px #0003)}.s-button.primary .glass-symbol g:first-of-type{stroke:currentColor}.s-button.primary .glass-symbol g:last-of-type{stroke-opacity:.2}

.app-art,.creator-icon,.app-cover-icon{background-image:url('assets/apps-image2.png');background-size:300% 300%;background-position:calc(var(--app-col)*50%) calc(var(--app-row)*50%);background-repeat:no-repeat}.s-icon.generated-symbol,.icon.generated-symbol{display:inline-block;flex-shrink:0;background-image:url('assets/controls-image2.png');background-size:853.333333% 568.888889%;background-position:calc(2.80236% + var(--glyph-col)*18.87906%) calc(4.50237% + var(--glyph-row)*30.33175%);background-repeat:no-repeat;mix-blend-mode:multiply;filter:none;vertical-align:middle}.studio-brand img{width:44px;height:44px;filter:none}.s-button.secondary .generated-symbol,.studio-header .generated-symbol,.bench-sidebar .generated-symbol,.pack-actions>.s-button:not(.primary) .generated-symbol,.stage-actions .generated-symbol,.revision-box .generated-symbol,.s-link .generated-symbol{filter:brightness(0) invert(1);mix-blend-mode:screen}.embedded .generated-symbol{filter:none;mix-blend-mode:multiply}.embedded .s-button.primary .generated-symbol{filter:brightness(0) invert(1);mix-blend-mode:screen}

.app-art,.creator-icon,.app-cover-icon{background-size:333.51064% 333.51064%!important;background-position:var(--app-x,50.1139%) var(--app-y,48.2916%)!important;clip-path:inset(4% round 22%);mix-blend-mode:normal}.app-art[style*="--app-col:0"],.creator-icon[style*="--app-col:0"],.app-cover-icon[style*="--app-col:0"]{--app-x:5.69476%}.app-art[style*="--app-col:1"],.creator-icon[style*="--app-col:1"],.app-cover-icon[style*="--app-col:1"]{--app-x:50.1139%}.app-art[style*="--app-col:2"],.creator-icon[style*="--app-col:2"],.app-cover-icon[style*="--app-col:2"]{--app-x:94.30524%}.app-art[style*="--app-row:0"],.creator-icon[style*="--app-row:0"],.app-cover-icon[style*="--app-row:0"]{--app-y:5.46697%}.app-art[style*="--app-row:1"],.creator-icon[style*="--app-row:1"],.app-cover-icon[style*="--app-row:1"]{--app-y:48.2916%}.app-art[style*="--app-row:2"],.creator-icon[style*="--app-row:2"],.app-cover-icon[style*="--app-row:2"]{--app-y:91.91344%}

.generated-symbol{filter:brightness(0) invert(1);mix-blend-mode:screen}.s-button.primary .generated-symbol,.plan-paper .generated-symbol,.embedded .generated-symbol{filter:none;mix-blend-mode:multiply}.embedded .s-button.primary .generated-symbol{filter:brightness(0) invert(1);mix-blend-mode:screen}

.generated-symbol{height:auto!important;aspect-ratio:1/1}

.color-menu-icon{display:inline-block;width:42px;height:42px;flex-shrink:0;background-image:url('assets/menu-color.png');background-repeat:no-repeat;background-size:349.0909% 232.7273%;background-position:var(--menu-x,5.3832%) var(--menu-y,7.363%);clip-path:inset(4% round 23%)}.color-menu-icon[style*="--menu-col:0"]{--menu-x:5.3832%}.color-menu-icon[style*="--menu-col:1"]{--menu-x:50.0912%}.color-menu-icon[style*="--menu-col:2"]{--menu-x:94.7993%}.color-menu-icon[style*="--menu-row:0"]{--menu-y:7.363%}.color-menu-icon[style*="--menu-row:1"]{--menu-y:85.959%}img[src*="jadong-logo-color.png"]{clip-path:inset(7% round 23%);transform:scale(1.14);filter:none}
