/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--primary:#3c772e;--primary-dark:#2e5f23;--green:#3c772e;--bg:#f2f5ee;--ink:#16220f;--secondary:#5a6b52;--border:#b6c2ac;--soft-border:#d8dfd1;--yellow:#f6c84b;--paper:#fff;--field:#3c772e;--field-shade:#2e5f23;--pale-field:#e4efdc;--on-field:#dff5c4;--undrawn:#edefe9;--undrawn-line:#8fa383}*{box-sizing:border-box}html{color:var(--ink)}body,html{background:var(--bg)}body{min-height:100vh;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}:focus-visible{outline-offset:3px;outline:4px solid #41c14d59}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:900;display:inline-flex}.brand-mark{background:var(--primary);color:#fff;width:42px;height:42px;box-shadow:0 5px 0 var(--primary-dark);border-radius:15px 11px 16px 10px;place-items:center;font-size:24px;display:grid;transform:rotate(-4deg)}.brand-mark img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.app-header,.teacher-header,.topbar{align-items:center;gap:22px;min-height:74px;display:flex}.topbar{justify-content:space-between;width:min(1180px,100% - 40px);margin:auto}.eyebrow{color:var(--primary-dark);letter-spacing:.05em;margin:0 0 14px;font-size:14px;font-weight:900}.button{cursor:pointer;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:11px 20px;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:var(--ink);background:var(--yellow);box-shadow:0 5px #d9a92c}.button.secondary{color:var(--ink);border-color:var(--border);box-shadow:0 4px 0 var(--border);background:#fff}.button.ghost{border-color:var(--border);background:0 0}.button.large{min-height:60px;padding:16px 27px;font-size:18px}.button.compact{min-height:44px;padding:8px 15px}.button.full{width:100%;margin-top:14px}.teacher-link{white-space:nowrap;gap:8px}.teacher-link svg{flex:none}@media (max-width:480px){.topbar{flex-wrap:wrap;row-gap:8px}}.entry-shell{background:radial-gradient(circle at 20% 20%,#fff 0 8%,#0000 8.2%),linear-gradient(145deg,#ecfbee,#fff9de);min-height:100vh;padding:24px}.entry-top{width:min(900px,100%);color:var(--secondary);justify-content:space-between;align-items:center;margin:auto;font-weight:800;display:flex}.entry-card{border:1px solid var(--border);background:#fff;border-radius:30px;width:min(520px,100%);margin:42px auto;padding:36px;box-shadow:0 20px 55px #274f2f1f}.entry-card h1{letter-spacing:-.05em;margin:0 0 10px;font-size:34px}.entry-card>p:not(.eyebrow){color:var(--secondary);line-height:1.65}.entry-title-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.entry-title-row>div{min-width:0}label{gap:8px;margin:19px 0;font-weight:900;display:grid}input,select,textarea{border:2px solid var(--border);width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:14px;padding:11px 14px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #41c14d1f}fieldset{border:0;margin:20px 0;padding:0}legend{margin-bottom:8px;font-weight:900}legend small{color:var(--primary-dark)}.helper{color:var(--secondary);margin:0 0 10px;font-size:13px}.emoji-chip{border:2px solid var(--soft-border);cursor:pointer;background:#f9fdfa;border-radius:15px;min-width:52px;min-height:52px;font-size:26px}.emoji-chip.selected{border-color:var(--primary);box-shadow:0 4px 0 var(--border);background:#e5f9e7;transform:translateY(-2px)}.child-primary-action{justify-content:center;align-items:center;gap:8px;display:inline-flex}.child-primary-action>span{font-size:20px}.text-button{width:100%;color:var(--primary-dark);text-align:center;cursor:pointer;background:0 0;border:0;padding:16px 8px;font-weight:900;display:block}.error-box{color:#9f2f2f;background:#fff0f0;border:1px solid #f0bebe;border-radius:12px;padding:12px 14px;font-weight:700}.entry-error-block{gap:10px;margin:14px 0;display:grid}.child-error{align-items:center;gap:10px;display:flex}.child-error-icon{font-size:26px;line-height:1}.child-error p{flex:1;min-width:0;margin:0}.button.teacher-call-button{color:#654d00;background:#fff7c8;border-color:#e1c14d;box-shadow:0 4px #e1c14d}.teacher-call-note{background:#fffbe6;border:2px solid #e1c14d;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.teacher-call-emoji{font-size:36px;line-height:1}.teacher-call-note p{color:#654d00;flex:1;margin:0;font-weight:800;line-height:1.5}.app-shell{width:min(1180px,100% - 36px);min-height:100vh;margin:auto;padding-bottom:95px}.app-header{justify-content:space-between}.student-identity{align-items:center;gap:9px;margin-left:auto;display:flex}.student-identity>span{font-size:30px}.student-identity div{display:grid}.student-identity small{color:var(--secondary);font-size:11px}.icon-button,.small-button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:9px 13px;font-weight:800}.teacher-message{background:#fff9d8;border:1px solid #eed46d;border-radius:17px;align-items:center;gap:12px;max-width:900px;margin:12px auto;padding:12px 18px;display:flex}.teacher-message>span{color:#7e6512;font-weight:900}.teacher-message p{flex:1;margin:0;font-weight:800}.teacher-message small{color:#8f7c3a}.section-title{justify-content:space-between;align-items:end;gap:20px;margin:25px 0 15px;display:flex}.section-title h1,.section-title h2{margin:0}.section-title a,.section-title p,.section-title span{color:var(--secondary);font-size:13px;font-weight:700}.stage-1{background:#f2fcf3}.stage-2{background:#fff9de}.stage-3{background:#eef9ed}.stage-4{background:#f8efff}.empty-state,.loading-card{border:2px dashed var(--border);text-align:center;color:var(--secondary);background:#ffffff80;border-radius:22px;padding:35px}.lesson-page{padding-bottom:60px}.lesson-hero{max-width:700px;margin:50px 0 30px}.lesson-hero h1{letter-spacing:-.05em;margin:0;font-size:48px}.lesson-hero>p:last-child{color:var(--secondary)}.lesson-finished-illustration{background-color:#fff;background-repeat:no-repeat;background-size:500% 200%}.lesson-finished-illustration.transparent-cutout{object-fit:contain;object-position:center;background:0 0}.lesson-list{grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:25px;display:grid}.lesson-card{border:2px solid var(--soft-border);background:#fff;border-radius:24px;align-items:center;gap:17px;padding:18px;display:flex}.lesson-card:hover{border-color:var(--primary)}.lesson-card>:is(.lesson-illustration,.lesson-finished-illustration){aspect-ratio:1;border-radius:18px;flex:none;width:130px;min-width:130px}.lesson-card>div:not(.lesson-finished-illustration):not(.observation-reference){flex:1}.lesson-card h2{margin:0 0 6px}.lesson-card p{color:var(--secondary);margin:0 0 10px}.lesson-card small{color:var(--primary-dark);font-weight:800}.observation-reference{gap:8px;width:100%;min-width:0;display:grid}.observation-reference-preview{cursor:zoom-in;background:#fffdf4;border:2px solid #b7dcc2;border-radius:16px;width:100%;min-width:0;padding:0;position:relative;overflow:hidden}.observation-reference-preview img{object-fit:contain;background:#fffdf4;width:100%;height:150px;display:block}.observation-reference-preview>span{color:#28573a;background:#fffffff0;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;position:absolute;bottom:7px;right:7px;box-shadow:0 3px 10px #274f2f29}.observation-word-list{grid-template-columns:1fr 1fr;gap:5px;display:grid}.observation-word-list span{color:#28573a;text-align:center;background:#e9f7e9;border-radius:9px;min-width:0;padding:5px 6px;font-size:10px;font-weight:900}.observation-reference-backdrop{z-index:40;background:#17341cad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.observation-reference-dialog{background:#fff;border-radius:28px;width:min(760px,100%);max-height:calc(100dvh - 32px);padding:24px;position:relative;overflow:auto;box-shadow:0 24px 70px #00000047}.observation-reference-dialog h2{margin:2px 48px 14px 0;font-size:30px}.observation-reference-dialog>img{object-fit:contain;background:#fffdf4;border-radius:20px;width:100%;max-height:calc(100dvh - 210px);display:block}.observation-dialog-words{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.observation-dialog-words b{margin-right:4px}.observation-dialog-words span{color:#28573a;background:#e9f7e9;border-radius:999px;padding:7px 11px;font-weight:900}.lesson-card>.observation-reference{width:170px;min-width:170px}.lesson-card>.observation-reference .observation-word-list{display:none}.lesson-card>.observation-reference .observation-reference-preview img{height:132px}.archive-hero{background:linear-gradient(120deg,#e2f9e8,#fff);border-radius:30px;justify-content:space-between;align-items:center;min-height:240px;padding:40px;display:flex}.archive-hero h1{letter-spacing:-.06em;margin:0;font-size:50px}.growth-flower{font-size:100px}.archive-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;display:grid}.archive-card{border:1px solid var(--border);background:#fff;border-radius:22px;overflow:hidden}.archive-paper{background:linear-gradient(145deg,#fafefb,#f1faf2);place-items:center;height:190px;display:grid;overflow:hidden}.archive-paper img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.archive-paper span{font-size:55px}.archive-card>div:last-child{padding:18px}.archive-card h2{margin:5px 0}.archive-card p{color:var(--secondary);font-size:13px}.drawing-loading{place-items:center;min-height:100vh;font-size:20px;font-weight:900;display:grid}.studio{background:var(--field);grid-template-rows:66px 1fr;height:100vh;display:grid;overflow:hidden}.studio-header{border-bottom:1px solid var(--border);z-index:6;background:#fff;align-items:center;gap:13px;padding:8px 16px;display:flex}.studio-header .brand-mark{width:34px;height:34px;box-shadow:0 3px 0 var(--primary-dark);border-radius:10px;font-size:18px}.artwork-name{flex:1;display:grid}.artwork-name small{color:var(--secondary);font-size:11px}.step-count{background:var(--pale-field);color:var(--primary-dark);border-radius:12px;padding:7px 12px;font-weight:900}.canvas-message{z-index:7;background:#fff5c5;border:1px solid #e0c957;border-radius:16px;align-items:center;gap:8px;padding:10px 10px 10px 18px;display:flex;position:fixed;top:78px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0000001f}.canvas-message b{color:#77600b}.canvas-message-close{color:#77600b;cursor:pointer;background:#e0c95740;border:0;border-radius:12px;width:44px;min-width:44px;height:44px;min-height:44px;font-size:22px;font-weight:900}.canvas-message p{min-width:0;max-width:min(500px,52vw);margin:0;font-weight:800}.student-message-button{color:#695716;cursor:pointer;background:#fff9d8;border:2px solid #e3cd69;border-radius:15px;align-items:center;gap:7px;min-height:48px;margin:10px 0;padding:9px 14px;font-weight:900;display:inline-flex}.student-message-button .teacher-message-icon{place-items:center;font-size:26px;line-height:1;display:inline-grid}.student-message-button b{color:#fff;background:#e23f3f;border-radius:999px;place-items:center;min-width:24px;height:24px;font-size:12px;display:grid}.student-message-button.compact{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;border-radius:12px;justify-content:center;margin:0;padding:0;position:relative}.student-message-button.compact b{width:20px;min-width:20px;height:20px;font-size:10px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #274f2f33}.student-message-button.floating:not(.compact){z-index:8;top:calc(80px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));margin:0;position:fixed;box-shadow:0 7px 20px #274f2f24}.student-message-history{background:#fff;border-radius:26px;width:min(620px,100%);max-height:calc(100dvh - 32px);padding:28px;position:relative;overflow:auto;box-shadow:0 24px 70px #00000038}.student-message-history h2{margin:0 50px 4px 0;font-size:28px}.student-message-history>p{color:var(--secondary);margin:0 0 18px}.student-message-history>div{gap:10px;display:grid}.student-message-history article{border:1px solid var(--border);background:#fffdf3;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:15px;display:grid}.student-message-history article>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.student-message-history article small,.student-message-history time{color:var(--secondary);font-size:12px}.student-message-history article p{grid-column:1/-1;margin:0;font-size:17px;font-weight:800;line-height:1.55}.student-message-history article time{align-self:center}.save-conflict,.teacher-viewing{z-index:9;border-radius:15px;align-items:center;gap:10px;padding:10px 15px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #274f2f29}.save-conflict{background:#fff0dd;border:1px solid #eea95e;top:76px}.save-conflict span{color:#7d5125;font-size:12px}.save-conflict button{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:7px 10px;font-weight:900}.teacher-viewing{border:1px solid var(--primary);background:#ebfaec;font-weight:800;top:128px}.studio-body{grid-template-columns:240px minmax(0,1fr);min-height:0;display:grid}.studio-body:has(.step-panel .observation-reference){grid-template-columns:300px minmax(0,1fr)}.studio-body.without-step-panel{grid-template-columns:minmax(0,1fr)}.step-panel{z-index:3;border-right:1px solid var(--border);background:#fff;padding:16px;overflow:auto}.step-panel h2{margin:7px 0 20px;font-size:19px;line-height:1.45}.reference-tile{background:var(--pale-field);border-radius:16px;place-items:center;min-height:125px;margin-bottom:18px;display:grid;overflow:hidden}.reference-tile :is(.lesson-illustration,.lesson-finished-illustration){aspect-ratio:1;width:100%;display:block}.reference-tile small{width:100%;color:var(--secondary);text-align:center;background:#fff;padding:8px 10px;font-weight:900}.choice-chips{gap:6px;margin:-8px 0 14px;display:flex}.choice-chips button,.guide-demo-button,.guide-toggle{border:1px solid var(--border);background:var(--pale-field);cursor:pointer;border-radius:12px;padding:9px;font-weight:800}.guide-actions{gap:7px;display:grid}.guide-demo-button{color:#654d00;background:#fff7c8;border-color:#e1c14d;width:100%}.guide-demo-button[aria-pressed=true]{background:#ffe477;border-color:#c99e00}.guide-toggle{width:100%}.guide-actions button:disabled{cursor:not-allowed;opacity:.55}.step-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:7px;margin-top:15px;display:grid}.step-actions button{background:var(--pale-field);min-width:0;min-height:44px;color:var(--ink);white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:3px;padding:8px 6px;font-size:14px;font-weight:900;line-height:1.25;display:flex}.step-actions button:last-child{background:var(--primary-dark);color:#fff}.reference-tile:has(.observation-reference){background:#f2faef;padding:8px;display:block;overflow:visible}.reference-tile:has(.observation-reference)>small{display:none}.reference-tile .observation-reference-preview img{height:165px}.observation-guide-actions .guide-toggle{color:#28573a;background:#eff9ed;border:2px solid #8fc99e;min-height:48px}.lesson-step-prompt{color:#493b12;background:#fff8d7;border:2px solid #e7bd35;border-radius:16px;margin-top:10px;padding:10px}.lesson-step-prompt .spoken-prompt{grid-template-columns:minmax(0,1fr);align-items:center;gap:6px}.lesson-step-prompt .spoken-prompt b{font-size:13px;line-height:1.4}.lesson-step-prompt-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.lesson-step-prompt-actions button{color:#173b5b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c9ddea;border-radius:12px;min-width:0;min-height:46px;padding:7px 4px;font-size:13px;font-weight:900;line-height:1.2}.lesson-step-prompt-actions button:last-child{background:#ffed9b;border-color:#e0b62e}.spoken-prompt{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;display:grid}.spoken-prompt b,.spoken-prompt h2{min-width:0}.grimi-panel .spoken-prompt h2,.step-panel .spoken-prompt h2{margin-top:0}.canvas-zone{place-items:center;min-width:0;min-height:0;padding:18px;display:grid;overflow:hidden}.canvas-zone.has-canvas-status{grid-template-rows:auto minmax(0,1fr);gap:8px}.canvas-status-rail{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.canvas-wrap{aspect-ratio:1;touch-action:none;background:#fff;width:min(100%,100vh - 102px);position:relative;overflow:hidden;box-shadow:0 9px 35px #274f2f26}.canvas-zone.has-canvas-status .canvas-wrap{width:min(100%,100vh - 160px)}.canvas-stack{transform-origin:0 0;position:absolute;inset:0}.draw-canvas,.guide-canvas{width:100%;height:100%;position:absolute;inset:0}.draw-canvas{z-index:2;touch-action:none}.guide-canvas{z-index:3;pointer-events:none}.guide-canvas.hidden{display:none}.mark-canvas{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mark-canvas.hidden{display:none}.eraser-footprint{z-index:5;pointer-events:none;background:#ffffff52;border:2px solid #264c2e;border-radius:3px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffd9}.eraser-footprint[data-pressed=true]{background:#264c2e29;border-color:#268a31}.canvas-start-hint,.guide-notice{z-index:4;text-align:center;pointer-events:none;border-radius:999px;width:max-content;max-width:calc(100% - 24px);padding:10px 15px;font-size:14px;font-weight:900;line-height:1.35;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #274f2f21}.guide-notice{color:#5f4b00;pointer-events:none;background:#fff9cff0;border:1px solid #d8bc42;top:14px}.canvas-status-rail .guide-notice{max-width:min(100%,680px);position:static;top:auto;left:auto;transform:none}.canvas-start-hint{color:var(--primary-dark);background:#ecfbeef5;border:1px solid #8ccb92;bottom:16px}.canvas-full-hint{z-index:5;color:#7a4f06;text-align:center;background:#fff6e0f7;border:2px solid #e0a13c;border-radius:18px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:10px 14px;font-size:14px;font-weight:900;line-height:1.35;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #274f2f29}.tool-group{gap:7px;display:grid}.tool-group button{border:2px solid var(--soft-border);background:#fafefb;border-radius:13px;justify-content:center;align-items:center;gap:0;min-height:52px;padding:6px;font-weight:900;display:flex;position:relative}.tool-group button[aria-pressed=true]{border-color:var(--primary);background:#e9faeb;box-shadow:0 0 0 2px #34b13f21}.tool-group button[aria-pressed=true]:after{content:"✓";color:var(--primary-dark);font-size:11px;position:absolute;top:4px;right:5px}.tool-group .tool-icon{place-items:center;width:32px;min-width:32px;font-size:26px;display:grid}.tool-group .tool-name{display:none}.tool-group .eraser-icon{background:#fff;border:2px solid #9b5c72;border-radius:5px;grid-template-columns:1fr 1fr;height:23px;overflow:hidden;transform:rotate(-9deg);box-shadow:0 2px #274f2f24}.tool-group .eraser-icon i{width:100%;height:100%;display:block}.tool-group .eraser-icon i:first-child{background:#f48fb1}.tool-group .eraser-icon i:last-child{background:#f7f2e8}.width-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:7px 0 0;display:grid}.width-row button{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-rows:1fr auto;place-items:center;width:auto;min-width:0;height:54px;padding:5px 2px 3px;display:grid}.width-row button[aria-pressed=true]{border:2px solid var(--primary);background:#e5f7e6}.width-row i{background:var(--ink);border-radius:50%;display:block;box-shadow:inset 0 0 0 1.5px #274f2f26}.width-row small{color:var(--secondary);font-size:9px;font-weight:900;line-height:1}.palette{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.palette button{aspect-ratio:1;border:2px solid #274f2f33;border-radius:50%;min-width:32px}.palette button[aria-pressed=true]{outline:3px solid var(--primary);outline-offset:2px}.history-row{gap:7px;margin-top:18px;display:grid}.history-row button{border:1px solid var(--border);background:#fff;border-radius:11px;min-height:42px;font-weight:800}.clear-all-button{color:#a33434;background:#fff5f5;border:2px solid #e3a0a0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:10px;font-weight:900;display:flex}.clear-all-button:disabled{opacity:.45;cursor:not-allowed}.clear-confirm-modal{text-align:center}.brush-group,.edit-group{grid-template-columns:1fr 1fr}.make-group{grid-template-columns:repeat(3,1fr)}.edit-group,.make-group{margin-top:7px}.brush-group button,.edit-group button,.make-group button{min-width:0;padding:6px}.brush-group .tool-icon,.edit-group .tool-icon,.make-group .tool-icon{width:32px;min-width:32px;font-size:26px}.shape-options{gap:6px;margin-top:7px;display:grid}.shape-kind-row{grid-template-columns:repeat(2,minmax(44px,1fr));gap:6px;display:grid}.shape-kind-row button{border:2px solid var(--soft-border);min-width:44px;min-height:44px;color:var(--ink);background:#fafefb;border-radius:11px;font-size:19px;font-weight:900}.shape-kind-row button[aria-pressed=true]{border-color:var(--primary);background:#e9faeb}.shape-kind-row .shape-more{color:var(--primary-dark);border-style:dashed}.shape-fill-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.shape-fill-row button{border:2px solid var(--soft-border);min-height:44px;color:var(--ink);background:#fafefb;border-radius:11px;font-size:11px;font-weight:900}.shape-fill-row button[aria-pressed=true]{border-color:var(--primary);color:var(--primary-dark);background:#e9faeb}.shape-fill-row button:disabled{opacity:.4}.text-tool-icon{letter-spacing:-.08em;font-family:Arial,sans-serif;font-weight:900;font-size:20px!important}.text-object-selection{z-index:6;touch-action:none;cursor:grab;color:#268a31;background:#e9faeb21;border:3px dashed #34b13f;border-radius:16px;min-width:92px;min-height:52px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffffb8}.text-object-selection:active{cursor:grabbing;background:#e9faeb40;border-style:solid}.text-object-selection span{background:#fff;border:1px solid #9cd4a2;border-radius:999px;width:max-content;max-width:180px;padding:5px 9px;font-size:11px;font-weight:900;line-height:1.2;position:absolute;top:-32px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #274f2f26}.text-place-hint{color:#654d00;background:#fff8c8f7;border-color:#dfbe3c}.text-options{background:#f4fcf5;border:2px solid #b6e1ba;border-radius:14px;gap:7px;margin-top:7px;padding:9px;display:grid}.text-pending-card{text-align:center;gap:5px;min-width:0;display:grid}.text-pending-card b{overflow-wrap:anywhere}.text-pending-card span{color:var(--secondary);font-size:11px;line-height:1.35}.text-new-button,.text-pending-card button{border:1px solid var(--border);min-height:40px;color:var(--primary-dark);background:#fff;border-radius:10px;font-weight:900}.text-edit-heading{gap:3px;min-width:0;display:grid}.text-edit-heading span{color:var(--secondary);font-size:10px;font-weight:900}.text-edit-heading b{overflow-wrap:anywhere;font-size:14px}.text-edit-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.text-edit-actions button{border:1px solid var(--border);background:#fff;border-radius:10px;min-width:0;min-height:42px;padding:5px 3px;font-size:11px;font-weight:900}.text-edit-actions .text-delete{color:#9f2f2f;background:#fff7f7}.text-edit-actions button:disabled,.text-new-button:disabled{opacity:.45}.text-composer-modal{background:#fff;border-radius:28px;width:min(620px,100%);max-height:calc(100dvh - 32px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 80px #00000038}.text-composer-title-row{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding-right:40px;display:grid}.text-composer-title-row>span{font-size:40px}.text-composer-title-row p{margin:0 0 3px}.text-composer-title-row h2{margin:0;font-size:28px}.text-kind-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.text-kind-grid button{border:2px solid var(--soft-border);background:#fafefb;border-radius:16px;place-items:center;gap:2px;min-width:0;min-height:92px;padding:8px;display:grid}.text-kind-grid button>span{font-size:27px}.text-kind-grid button b{font-size:15px}.text-kind-grid button small{color:var(--secondary);font-size:11px}.text-kind-grid button[aria-pressed=true]{border-color:var(--primary);background:#e9faeb;box-shadow:0 0 0 2px #34b13f1f}.text-entry-label{margin:0 0 7px;font-size:16px;font-weight:900}.text-composer-modal textarea{resize:none;min-height:92px;font-size:22px;font-weight:800;line-height:1.45}.text-entry-meta{color:var(--secondary);justify-content:space-between;gap:10px;margin-top:6px;font-size:12px;display:flex}.text-entry-meta b{color:var(--primary-dark)}.text-size-picker{grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:7px;margin-top:18px;display:grid}.text-size-picker>span{font-weight:900}.text-size-picker button{border:2px solid var(--soft-border);background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:5px;min-height:54px;font-weight:900;display:flex}.text-size-picker button[aria-pressed=true]{border-color:var(--primary);background:#e9faeb}.text-size-picker small{color:var(--secondary)}.text-composer-preview{overflow-wrap:anywhere;text-align:center;background:#f4f9f4;border-radius:18px;place-items:center;min-height:86px;margin-top:16px;padding:18px;font-size:26px;font-weight:800;line-height:1.3;display:grid;position:relative}.text-composer-preview.title{background:linear-gradient(135deg,#eefbef,#fff8cf);font-size:32px}.text-composer-preview.label{width:max-content;min-width:170px;max-width:100%;min-height:60px}.text-composer-preview.label,.text-composer-preview.speech{background:#fff;border:2px solid;margin-left:auto;margin-right:auto}.text-composer-preview.speech{width:min(82%,420px)}.text-composer-preview.speech:after{content:"";background:#fff;border-bottom:2px solid;border-right:2px solid;width:24px;height:24px;position:absolute;bottom:-15px;right:22%;transform:skewY(38deg)}.text-composer-actions .button{min-height:50px}.mirror-axis{border-left:2px dashed #268a318c;width:0;top:0;bottom:0;left:50%}.mirror-axis,.shape-start-dot{z-index:3;pointer-events:none;position:absolute}.shape-start-dot{background:#43a047;border-radius:50%;width:18px;height:18px;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffffd9}.guide-notice~.zoom-controls{top:64px}.modal-backdrop{z-index:20;background:#17341c8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reflection-modal{background:#fff;border-radius:28px;width:min(640px,100%);max-height:95vh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 80px #0003}.modal-close{background:#f0f7f1;border:0;border-radius:50%;width:48px;height:48px;font-size:28px;position:absolute;top:16px;right:18px}.modal-emoji{font-size:45px}.reflection-modal h2{margin:8px 0 12px;font-size:30px}.reflection-modal textarea{resize:vertical;min-height:90px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.reflection-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reflection-choice-note{color:#594d17;background:#fff7cc;border-radius:13px;margin:0;padding:10px 13px;font-size:14px;font-weight:900;line-height:1.45}.reflection-question{margin-top:18px}.reflection-question>p{margin:0 0 8px;font-size:18px;font-weight:900}.reflection-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.reflection-choice-grid button{border:2px solid var(--soft-border);text-align:left;background:#fafefb;border-radius:16px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:84px;padding:10px 12px;font-size:15px;font-weight:900;display:grid}.reflection-choice-grid button span{text-align:center;font-size:31px}.reflection-choice-grid button[aria-pressed=true]{border-color:var(--primary);background:#e5f9e7;box-shadow:0 0 0 2px #34b13f1f}.mongri-guess{background:#fffdf3;border:2px solid #f2e2b6;border-radius:16px;padding:12px 13px}.mongri-guess-head{color:#7a6420;margin:0 0 6px;font-size:15px;font-weight:900}.mongri-guess-waiting{color:#8a7a4a;margin:0;font-size:15px;font-weight:800}.mongri-guess-text{margin:0 0 10px;font-size:18px;font-weight:900;line-height:1.45}.mongri-guess-own{color:#594d17;margin:10px 0 0;font-size:14px;font-weight:900;display:block}.mongri-guess-own input{margin-top:6px}.reflection-write-more{border:1px solid var(--border);border-radius:14px;margin-top:16px;padding:0 12px}.reflection-write-more summary{cursor:pointer;min-height:48px;color:var(--primary-dark);align-items:center;font-weight:900;display:flex}.reflection-write-more label{margin:10px 0}.teacher-login{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{background:linear-gradient(145deg,#e5f9e7,#effbea);flex-direction:column;justify-content:space-between;padding:8vw;display:flex}.login-brand h1{letter-spacing:-.06em;margin:10px 0 20px;font-size:58px;line-height:1.05}.login-brand p{color:var(--secondary);max-width:550px;line-height:1.7}.login-brand ul{padding:0;font-weight:800;line-height:2.2;list-style:none}.login-brand li:before{content:"✓";color:var(--green);margin-right:10px}.login-card{width:min(440px,100% - 40px);margin:auto;padding:40px}.login-card h2{font-size:30px}.teacher-room,.teacher-shell{min-height:100vh}.teacher-shell{width:min(1180px,100% - 36px);margin:auto;padding-bottom:60px}.teacher-header{border-bottom:1px solid var(--border);background:#fff;padding:0 24px}.teacher-shell>.teacher-header{background:0 0;margin:0 -10px}.teacher-header>div{display:grid}.teacher-header>div:first-of-type{margin-left:auto}.teacher-header span{color:var(--secondary);font-size:12px}.teacher-room{padding-bottom:70px}.room-heading{flex:1}.room-heading b{font-size:20px}.closed-pill,.live-pill{border-radius:12px;padding:8px 13px;font-size:13px;font-weight:900}.live-pill{color:#277f3d;background:#e2f8e8}.closed-pill{color:var(--secondary);background:#eff4f0}.room-controls{border-bottom:1px solid var(--border);grid-template-columns:390px 1fr 1.3fr;align-items:start;gap:16px;padding:20px 24px;display:grid}.message-compose,.room-controls>div{border:1px solid var(--border);background:#fff;border-radius:19px;min-width:0;padding:16px}.qr-panel{align-items:center;gap:15px;display:flex}.qr-code-frame{justify-items:center;display:grid}.qr-code,.qr-code-frame{background:#fff;max-width:100%}.qr-code{height:auto;image-rendering:crisp-edges;image-rendering:pixelated;display:block}.qr-code-teacher{width:216px;min-width:190px}.qr-code-large{width:min(360px,100vw - 72px)}.qr-code-error{color:#9f2f2f;text-align:center;max-width:220px;margin:8px 0;font-size:12px;font-weight:800}.qr-panel>div:not(.qr-code-frame){display:grid}.qr-panel strong{letter-spacing:.12em;font-size:30px}.qr-panel-actions{gap:2px;margin-top:5px;display:grid}.qr-panel button{color:var(--primary-dark);text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:900}.control-stack label,.message-compose label{margin:0 0 10px}.control-stack select,.message-compose select{min-height:44px;padding:7px}.control-stack>div{gap:8px;display:flex}.message-compose{grid-template-columns:160px 1fr auto;align-items:end;gap:9px;display:grid}.message-compose textarea{resize:none;min-height:70px}.room-error{margin:14px 24px}.student-monitor{padding:26px 24px}.student-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.student-tile{border:1px solid var(--border);background:#fff;border-radius:19px;overflow:hidden}.student-thumb{background:#f9fefa;place-items:center;height:170px;display:grid;position:relative}.student-thumb img{object-fit:cover;width:100%;height:100%}.student-thumb>span{font-size:60px}.student-thumb i{color:#fff;background:#274f2fc7;border-radius:8px;padding:4px 7px;font-size:9px;font-style:normal;position:absolute;top:7px;right:7px}.student-info{justify-content:space-between;align-items:center;padding:12px;display:flex}.student-info>div{display:grid}.student-info small{color:var(--secondary);font-size:11px}.status-complete,.status-drawing{border-radius:9px;padding:5px 7px;font-size:10px;font-weight:900}.status-complete{color:#267c3b;background:#e2f7e7}.status-drawing{color:var(--primary-dark);background:#e6f7e7}.student-tile>button{border:1px solid var(--border);background:#fff;border-radius:10px;width:calc(100% - 24px);min-height:38px;margin:0 12px 12px;font-size:12px;font-weight:800}.message-history{border:1px solid var(--border);background:#fff;border-radius:20px;margin:0 24px;padding:20px}.message-history h2{margin-top:0}.message-history p{gap:13px;margin:8px 0;display:flex}.message-history b{min-width:100px}.message-history span{color:var(--secondary)}.student-tile>.student-thumb{cursor:pointer;border:0;border-radius:0;width:100%;min-height:170px;margin:0;padding:0;overflow:hidden}.student-tile>button:not(.student-thumb){margin-bottom:8px}.message-history p{align-items:center}.message-history span{flex:1}.message-history small{color:var(--primary-dark)}.teacher-preview{background:#fff;border-radius:24px;width:min(660px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto}.teacher-preview img{border:1px solid var(--border);border-radius:16px;width:100%}.teacher-preview p{color:var(--secondary)}.teacher-preview-guide{background:#f4fdf5;border:2px solid #acdcb0;border-radius:18px;margin-top:14px;padding:16px}.teacher-preview-guide-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.teacher-preview-guide-heading h3{color:var(--ink);margin:0;font-size:18px}.teacher-preview-guide-heading p{color:var(--secondary);margin:5px 0 12px;font-size:13px;line-height:1.5}.teacher-preview-guide-heading>span{color:var(--secondary);flex:none;font-size:12px;font-weight:900}.teacher-preview-guide form{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:9px;display:grid}.teacher-preview-guide textarea{resize:vertical;background:#fff;min-height:86px;line-height:1.5}.teacher-preview-guide form>.button{min-width:142px}.teacher-preview-guide .preview-message-error,.teacher-preview-guide .preview-message-status{border-radius:11px;margin:10px 0 0;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.45}.teacher-preview-guide .preview-message-status{color:#27733a;background:#e8f8eb}.teacher-preview-guide .preview-message-error{color:#9f2f2f;background:#fff0f0}.qr-modal-backdrop{background:0 0;border:0;width:min(480px,100% - 32px);max-width:none;max-height:none;margin:auto;padding:0;overflow:visible}.qr-modal-backdrop::backdrop{background:#17341c8c}.large-qr-dialog{background:#fff;border-radius:26px;justify-items:center;width:100%;max-height:calc(100vh - 32px);padding:28px;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #0000003d}.large-qr-dialog h2{text-align:center;margin:0 44px 6px}.large-qr-dialog>p{color:var(--secondary);text-align:center;margin:0 0 14px}.large-qr-code{justify-items:center;margin-top:12px;display:grid}.large-qr-code small{color:var(--secondary);font-weight:800}.large-qr-code strong{letter-spacing:.18em;margin-left:.18em;font-size:42px}.grimi-button{color:#563c00;background:var(--yellow);border-color:#e4bc34;box-shadow:0 4px #d2a918}.grimi-panel{z-index:3;background:#fffdf1;border-right:1px solid #eadb9b;padding:16px;overflow:auto}.grimi-face{object-fit:contain;flex:none;width:96px;height:96px}.grimi-face-small{vertical-align:middle;width:36px;height:36px}.grimi-peek{position:relative}.grimi-peek .grimi-face-small{position:absolute;top:0;right:0}@media (max-width:720px){.grimi-face{width:64px;height:64px}}@media (max-height:480px){.grimi-face{width:44px;height:44px}}.grimi-auto-tag{color:#7a5c14;white-space:nowrap;background:#fff1c9;border-radius:999px;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:800}.grimi-scroll{display:contents}.grimi-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.grimi-collapse{color:#654d00;white-space:nowrap;cursor:pointer;background:#fff7c8;border:2px solid #e1c14d;border-radius:13px;min-height:44px;margin-left:auto;padding:8px 12px;font-size:13px;font-weight:900}.grimi-peek{background:#edfbef;border-radius:14px;gap:8px;margin-bottom:10px;padding:13px;display:grid}.grimi-peek small{color:var(--primary-dark);font-weight:900}.grimi-peek b{line-height:1.45}.grimi-head>div{align-items:center;gap:8px;font-size:18px;display:flex}.grimi-head>button{background:#f5edcf;border:0;border-radius:50%;width:34px;height:34px;font-size:21px}.grimi-thinking{color:#b18c14;flex-wrap:wrap;place-content:center;gap:6px;min-height:130px;display:flex}.grimi-thinking span{animation:grimi-pulse 1s infinite alternate}.grimi-thinking span:nth-child(2){animation-delay:.2s}.grimi-thinking span:nth-child(3){animation-delay:.4s}.grimi-thinking p{text-align:center;width:100%;color:var(--secondary);font-weight:800}@keyframes grimi-pulse{to{opacity:.35;transform:translateY(-5px)}}.grimi-coaching h2{margin:6px 0 15px;font-size:19px;line-height:1.45}.grimi-chips{flex-wrap:wrap;gap:7px;display:flex}.grimi-chips button{background:#fff;border:2px solid #f0d869;border-radius:13px;min-height:44px;padding:8px 10px;font-weight:900}.grimi-chips button[aria-pressed=true]{background:#fff1a9;border-color:#d7aa00}.grimi-chips span{margin-right:5px}.direct-answer{color:var(--secondary);margin:13px 0;font-size:12px}.direct-answer input{min-height:42px;padding:8px 10px}.next-action{background:#edfbef;border-radius:14px;gap:5px;margin-top:15px;padding:13px;display:grid}.next-action small{color:var(--primary-dark);font-weight:900}.next-action b{line-height:1.45}.free-exit{color:#735f18}.timelapse-modal{background:#fff;border-radius:27px;width:min(680px,100%);max-height:95vh;padding:28px;position:relative;overflow:auto}.timelapse-modal h2{margin:0 0 4px}.timelapse-modal>p{color:var(--secondary)}.timelapse-modal canvas{aspect-ratio:1;border:1px solid var(--border);border-radius:16px;width:min(100%,540px,100dvh - 230px);margin:15px auto;display:block}.timelapse-modal input{border:0;min-height:auto;padding:0}.timelapse-controls{align-items:center;gap:10px;margin-top:12px;display:flex}.timelapse-controls span{color:var(--secondary);margin-left:auto;font-weight:900}.student-tile>.ai-draft-button{background:#fff8d7;border-color:#e6cb61}.draft-loading{text-align:center;background:#fff8d7;border-radius:13px;padding:14px;font-weight:800}.draft-review{background:#fffcf0;border:2px solid #e6cb61;border-radius:16px;margin-top:15px;padding:15px}.draft-review>div{gap:3px;display:grid}.draft-review small{color:var(--secondary)}.draft-review textarea{resize:vertical;min-height:100px;margin-top:10px}.student-tile>.student-delete-button{color:#8a3030;background:#fff7f7;border-color:#e4b5b5}.archived-students{background:#f9fbf9;border:1px solid #ccdacd;border-radius:16px;margin-top:18px;padding:15px 17px}.archived-students summary{cursor:pointer;min-height:44px;color:var(--secondary);align-items:center;font-weight:900;display:flex}.archived-students>p{color:var(--secondary);margin:0 0 10px;font-size:13px}.archived-student-row{border-top:1px solid #dee8df;align-items:center;gap:12px;padding:11px 0;display:flex}.archived-student-row>span{flex:1;gap:3px;min-width:0;display:grid}.archived-student-row small{color:var(--secondary);overflow-wrap:break-word}.subscription-pill{border:1px solid var(--border);color:var(--secondary);background:#f3f7f4;border-radius:11px;padding:7px 10px;font-size:11px;font-weight:900}.family-link-ready{background:#effbf1;border:1px solid #69b87b;border-radius:16px;align-items:center;gap:9px;margin:14px 24px;padding:14px;display:flex}.family-link-ready input{flex:1;min-width:150px;padding:8px}.family-link-ready button{background:#d8f2de;border:0;border-radius:9px;padding:8px 10px;font-weight:900}.family-link-history{border:1px solid var(--border);background:#fff;border-radius:20px;margin:16px 24px 0;padding:20px}.family-link-history h2{margin-top:0}.family-link-history p{align-items:center;gap:13px;display:flex}.family-link-history span{color:var(--secondary);flex:1}.family-link-history button{color:#843838;background:#fff5f5;border:1px solid #d59999;border-radius:9px;padding:7px 9px;font-weight:800}.family-consent-panel{background:#f3fbf5;border:2px solid #8cc9a0;border-radius:16px;margin:16px 0;padding:16px}.family-consent-panel h3{margin:0}.family-consent-panel>p{margin:7px 0 12px}.family-consent-panel label{margin:10px 0;font-size:13px}.family-consent-panel label:first-of-type{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.family-consent-panel input[type=checkbox]{width:22px;min-width:22px;min-height:22px;margin-top:1px;padding:0}.family-shell{width:min(1120px,100% - 36px);margin:auto;padding-bottom:70px}.family-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:74px;display:flex}.family-header>div{flex:1;display:grid}.family-header small{color:var(--secondary)}.family-hero{background:linear-gradient(125deg,#e4f9e6,#f3fbe9);border-radius:32px;justify-content:space-between;align-items:center;gap:35px;min-height:330px;margin:30px 0;padding:48px;display:flex}.family-hero h1{letter-spacing:-.055em;margin:8px 0 18px;font-size:52px;line-height:1.08}.family-hero>div>p:last-child{color:var(--secondary)}.family-expiry{aspect-ratio:1;text-align:center;background:#fff;border-radius:50%;place-content:center;width:210px;display:grid;box-shadow:0 16px 40px #274f2f1a}.family-expiry span{font-size:43px}.family-expiry small{color:var(--secondary);margin-top:5px}.family-report{border:1px solid var(--border);background:#fff;border-radius:27px;padding:32px}.family-artworks h2,.family-report h2,.family-share-tools h2{margin:5px 0;font-size:32px}.family-observations{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.family-observations a{color:var(--ink);background:#f2fbf4;border-radius:16px;align-items:flex-start;gap:12px;padding:16px;display:flex}.family-observations p{margin:0;line-height:1.55}.child-words{background:#fff9dc;border-radius:18px;margin-top:22px;padding:20px}.child-words h3{margin-top:0}.child-words blockquote{color:#5c5124;margin:10px 0}.child-words a{color:var(--primary-dark);margin-left:8px;font-size:12px;font-weight:900}.report-note{color:var(--secondary);margin-bottom:0;font-size:13px}.family-artworks{margin-top:45px}.family-artwork{border:1px solid var(--border);page-break-inside:avoid;background:#fff;border-radius:25px;grid-template-columns:minmax(320px,1fr) .75fr;align-items:center;gap:28px;margin-bottom:24px;padding:24px;scroll-margin-top:24px;display:grid}.family-artwork-image{aspect-ratio:1;background:#f8fbf8;border-radius:18px;overflow:hidden}.family-artwork-image img{object-fit:contain;width:100%;height:100%}.family-artwork h3{margin:7px 0;font-size:26px}.family-artwork p{color:var(--secondary);line-height:1.55}.family-share-tools{background:#f0fcf2;border-radius:25px;grid-template-columns:1fr 1.2fr;gap:25px;margin-top:35px;padding:30px;display:grid}.family-share-tools p{color:var(--secondary)}.family-share-actions{grid-template-columns:repeat(2,1fr);align-content:center;gap:9px;display:grid}.family-footer{text-align:center;color:var(--secondary);margin:35px 0;font-size:13px}.family-unavailable{text-align:center;border:1px solid var(--border);background:#fff;border-radius:26px;width:min(560px,100%);margin:15vh auto;padding:40px}.family-unavailable h1{font-size:34px}.family-unavailable p{color:#8d3e3e}.family-unavailable small{color:var(--secondary)}body,html{width:100%;max-width:100%;overflow-x:hidden}body{word-break:keep-all;overflow-wrap:break-word;word-wrap:break-word}.landing-headline,.landing-subtitle,.student-home-intro h1,.student-home-intro p,.student-tool-shelf .student-menu-card h2,.teacher-activity-copy h2,.teacher-activity-copy>p{word-break:keep-all;overflow-wrap:break-word;word-wrap:break-word;text-wrap:balance}input,select,textarea{font-size:16px}button{touch-action:manipulation;min-height:44px}.app-header>a,.entry-top>a,.teacher-header>a,.topbar>a{align-items:center;min-height:44px;display:inline-flex}.error-box{overflow-wrap:break-word;max-width:100%;line-height:1.5}.entry-shell{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.app-shell{padding-right:max(0px,env(safe-area-inset-right));padding-bottom:calc(95px + env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left))}.app-header{min-height:calc(74px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.modal-backdrop{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.large-qr-dialog,.reflection-modal,.teacher-preview,.text-composer-modal,.timelapse-modal{max-width:100%}.large-qr-dialog,.qr-modal-backdrop,.reflection-modal,.teacher-preview,.text-composer-modal,.timelapse-modal{max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))}.modal-close{width:44px;height:44px}.family-link-history button,.family-link-ready button,.history-row button,.modal-close,.student-tile>button,.width-row button{min-height:44px}.palette button{min-width:44px;min-height:44px}.grimi-head>button{width:44px;height:44px}.family-consent-panel label:first-of-type{min-height:44px}.app-header,.entry-top,.family-link-history span,.family-link-ready b,.family-link-ready span,.lesson-card>div,.message-history span,.room-heading,.student-identity,.student-identity div,.student-info,.student-info>div,.teacher-header,.teacher-header>div,.teacher-message p{min-width:0}.family-link-history b,.family-link-history span,.message-history b,.message-history span,.room-heading b,.room-heading span,.student-info b,.student-info small,.teacher-header b,.teacher-message p,.teacher-preview h2{max-width:100%}code,pre{white-space:nowrap;max-width:100%;overflow-x:auto}.class-code strong,.draw-canvas,.emoji-chip,.guide-canvas,.large-qr-code strong,.qr-panel strong,code,pre{word-break:normal;overflow-wrap:normal;word-wrap:normal}.copy-notice{color:#245c2e;background:#e9f7ec;border-radius:13px;align-items:center;gap:10px;margin:10px 0;padding:10px 13px;font-weight:900;display:flex}.copy-notice button{color:#245c2e;background:0 0;border:none;min-height:44px;padding:0 10px;font-weight:900;text-decoration:underline}.direct-answer input{font-size:16px}.canvas-message,.save-conflict,.teacher-viewing{width:max-content;max-width:calc(100vw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)));white-space:normal;overflow-wrap:break-word;line-height:1.45}.teacher-viewing{pointer-events:none}.save-conflict{flex-wrap:wrap;justify-content:center}.canvas-message,.save-conflict{top:calc(78px + env(safe-area-inset-top))}.teacher-viewing{top:calc(128px + env(safe-area-inset-top))}.teacher-mark-card{z-index:9;top:calc(78px + env(safe-area-inset-top));background:#fff7f2;border:2px solid #ff6a2b;border-radius:16px;gap:8px;width:min(460px,100vw - 24px);padding:12px 14px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #783c142e}.teacher-mark-card b{color:#6b3a1f;font-size:17px}.teacher-mark-card p{color:#3b2a1f;overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:800}.teacher-mark-answers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.teacher-mark-answers .button{min-height:52px;font-size:17px}.studio{overscroll-behavior-y:none;height:100dvh}.artwork-name,.studio-header{min-width:0}.studio-header>.icon-button{align-items:center;width:44px;height:44px;padding:0;font-size:20px;line-height:1;display:inline-flex}.studio-header>.brand,.studio-header>.icon-button{justify-content:center;min-width:44px;min-height:44px}.artwork-name b,.artwork-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.step-count,.studio-header>.button,.studio-header>.icon-button{white-space:nowrap;flex:none}@supports (overflow:clip){body,html{overflow-x:clip}}@supports (overflow-wrap:anywhere){.family-link-history b,.family-link-history span,.message-history b,.message-history span,.room-heading b,.student-info b,.student-info small,.teacher-message p,.teacher-preview h2{overflow-wrap:anywhere}}@media print{@page{size:A4 portrait;margin:12mm}body{color:#000;background:#fff!important}.family-footer,.family-share-tools,.modal-backdrop,.no-print{display:none!important}.family-shell{width:100%;padding:0}.family-header{min-height:45px}.family-hero{background:#fff;border:1px solid #bbb;min-height:0;margin:12px 0;padding:20px}.family-hero h1{font-size:34px}.family-expiry{display:none}.family-report{border-color:#bbb;padding:20px}.family-artwork{break-inside:avoid;border-color:#bbb;grid-template-columns:1fr;gap:12px;padding:18px}.family-artwork-image{max-width:155mm;margin:auto}.family-observations{grid-template-columns:1fr}.child-words,.family-observations a{background:#fff;border:1px solid #ccc}}@media (min-width:1001px){.room-controls{grid-template-rows:min-content min-content;grid-template-columns:390px minmax(0,1fr);align-items:start}.qr-panel{grid-row:1/span 2;align-self:stretch}.control-stack,.message-compose{grid-column:2;align-self:start}}@media (max-width:1000px){.archive-grid{grid-template-columns:repeat(2,1fr)}.studio-body{grid-template-columns:210px 1fr}.studio-body.without-step-panel{grid-template-columns:minmax(0,1fr)}.palette{grid-template-columns:repeat(2,1fr)}.room-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.qr-code-teacher{width:clamp(160px,18vw,190px);min-width:160px}.message-compose{grid-column:1/-1}.student-grid{grid-template-columns:repeat(3,1fr)}.teacher-login{grid-template-columns:1fr}.login-brand{min-height:360px;padding:45px}.login-card{padding:35px 0}}@media (max-width:720px){.archive-grid,.lesson-list{grid-template-columns:1fr}.entry-card{padding:25px}.student-identity{display:none}.studio{grid-template-rows:60px minmax(0,1fr);overflow:hidden}.studio-header .brand{display:none}.studio-header{gap:6px;padding:6px 8px}.studio-body{flex-direction:column;min-height:0;display:flex}.step-panel{border:0;order:1;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.step-panel:has(.observation-reference){grid-template-columns:120px minmax(0,1fr) auto}.grimi-panel{border-bottom:1px solid #eadb9b;border-right:0;order:1;max-height:320px}.reference-tile{min-height:70px;margin:0}.reference-tile span{font-size:35px}.step-panel:has(.observation-reference) .reference-tile{width:120px;padding:4px}.step-panel:has(.observation-reference) .observation-reference-preview img{height:88px}.step-panel:has(.observation-reference) .observation-reference-preview>span{font-size:9px}.reference-tile small,.step-panel .choice-chips,.step-panel .step-actions,.step-panel:has(.observation-reference) .observation-word-list,.step-panel>.eyebrow,.step-panel>.text-button{display:none}.step-panel h2{margin:0;font-size:15px}.guide-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px}.guide-actions button{width:100%;min-height:44px}.canvas-zone{flex:1;order:2;padding:8px}.canvas-start-hint,.guide-notice{border-radius:15px;max-width:calc(100% - 16px);padding:8px 11px;font-size:12px}.guide-notice{top:8px}.canvas-start-hint{bottom:8px}.tool-group{display:flex}.tool-group button{justify-content:center;min-width:48px;font-size:0}.tool-group span{font-size:20px}.width-row{margin:0;display:flex}.width-row button{width:36px;height:36px}.palette{display:flex}.palette button{width:31px;min-width:31px;height:31px}.history-row{margin:0;display:flex}.history-row button{min-width:55px;font-size:0}.history-row button:first-child:after{content:"↶";font-size:20px}.history-row button:last-child:after{content:"↷";font-size:20px}.room-controls{grid-template-columns:1fr;padding:14px}.message-compose{grid-column:auto;grid-template-columns:1fr}.student-grid{grid-template-columns:repeat(2,1fr)}.student-monitor{padding:16px 14px}.teacher-header{padding:0 12px}.room-heading span{display:none}.family-shell{width:min(100% - 22px,1120px)}.family-hero{min-height:250px;padding:28px}.family-hero h1{font-size:39px}.family-expiry{display:none}.family-artwork,.family-observations,.family-share-tools{grid-template-columns:1fr}.family-artwork,.family-report,.family-share-tools{padding:20px}.family-share-actions{grid-template-columns:1fr}.family-link-ready{margin:12px;display:grid}.family-link-history{margin:12px}.subscription-pill{display:none}.teacher-preview-guide{padding:14px}.teacher-preview-guide form{grid-template-columns:1fr}.teacher-preview-guide form>.button{width:100%;min-width:0;min-height:48px}.teacher-preview-guide textarea{min-height:96px}}@media (max-width:460px){.entry-shell{padding:14px}.student-grid{grid-template-columns:1fr}.archive-hero{padding:25px}.archive-hero h1{font-size:38px}.growth-flower{font-size:60px}.modal-actions{display:grid}.login-brand{padding:30px 24px}.login-brand h1{font-size:44px}.qr-panel{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.entry-shell{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.step-panel .choice-chips{grid-column:1/-1;min-width:0;max-width:100%;margin:0;display:flex;overflow-x:auto}.step-panel .choice-chips button{flex:none;min-height:50px;padding:9px 12px;font-size:14px}.step-panel .step-actions{grid-column:1/-1;width:100%;min-width:0;margin-top:0;display:grid;overflow:visible}.step-panel .guide-actions button,.step-panel .step-actions button{min-height:52px;font-size:14px}.step-panel .lesson-step-prompt{grid-column:1/-1;min-width:0}.entry-card{padding-bottom:calc(30px + env(safe-area-inset-bottom));margin:24px auto}.entry-card>.button.primary.full{bottom:calc(8px + env(safe-area-inset-bottom));z-index:2;min-height:52px;position:sticky}.entry-card>.button.primary.full:disabled{position:static}.teacher-header{padding-top:max(6px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left));gap:8px}.teacher-header>div:first-of-type{margin-left:0}.control-stack>div{flex-wrap:wrap}.control-stack>div .button{flex:150px}.message-compose textarea{min-height:90px}.message-compose>.button{width:100%}.student-info{align-items:flex-start;gap:8px}.family-link-history p,.message-history p{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;display:grid}.family-link-history b,.family-link-history span,.message-history b,.message-history span{min-width:0}.family-link-history span,.message-history span{grid-column:1/-1}.modal-actions .button{width:100%}.studio{grid-template-rows:calc(60px + env(safe-area-inset-top)) minmax(0,1fr);height:100dvh;overflow:hidden}.studio-header{padding-top:calc(6px + env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left));flex-wrap:nowrap}.studio-body,.studio-header{overflow:hidden}.studio-body.without-step-panel{display:flex}.canvas-zone{container-type:size}@supports (width:1cqh){.canvas-zone .canvas-wrap{width:min(100cqw,calc(100cqh * var(--paper-ratio,1)));max-width:100%;height:auto;max-height:100%}.canvas-zone.has-canvas-status .canvas-wrap{width:min(100cqw,calc((100cqh - 58px) * var(--paper-ratio,1)))}}@supports not (width:1cqh){.canvas-zone .canvas-wrap{width:auto;max-width:100%;height:100%;max-height:100%}}.palette button,.width-row button{width:44px;min-width:44px;height:44px}.save-conflict{top:auto;bottom:calc(72px + env(safe-area-inset-bottom))}}.book-page{box-shadow:none;background:0 0;padding:6% 8%}.book-tape{display:none}.book-binding{opacity:0}.teacher-activity-pill{margin-bottom:18px!important}.teacher-activity-copy h2{font-size:clamp(34px,4.5vw,64px)}.teacher-activity-copy>p:not(.teacher-activity-pill){margin:24px 0 20px}.teacher-activity-visual{width:min(330px,83%)}.student-menu-card{min-height:0;box-shadow:none;border:0;padding:10px 14px;background:0 0!important}.student-menu-card:hover{box-shadow:none}.student-menu-card h2{font-size:clamp(17px,2vw,28px)}@media (max-width:720px){.teacher-activity-book{aspect-ratio:auto;background:0 0;grid-template-columns:1fr;gap:8px;padding:0;display:grid}.book-copy-page,.book-visual-page{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:20px;min-height:clamp(330px,88vw,470px);padding:15% 10% 12%}.book-copy-page{background-image:url(/brand/student-home-book-left-v2.png)}.book-visual-page{background-image:url(/brand/student-home-book-right-v2.png)}.teacher-activity-copy h2{font-size:30px}.teacher-activity-copy>p:not(.teacher-activity-pill){margin:18px 0 14px}.teacher-activity-visual{width:min(230px,72%)}.student-tool-shelf{aspect-ratio:auto;background-size:100% 100%;min-height:142px;padding:12px 30px}.student-menu-card{min-height:112px}.student-menu-card>span{font-size:30px}}@media (max-width:480px){.student-tool-shelf{gap:5px;padding:10px 22px}.student-menu-card{padding:8px 2px}}@media (max-width:460px) and (orientation:portrait){.studio-body{overscroll-behavior:contain;overflow:hidden auto}.step-panel{flex:none;grid-template-columns:minmax(0,1fr) 126px;gap:6px;padding:7px 8px}.step-panel .reference-tile,.step-panel>.eyebrow,.step-panel>.text-button{display:none}.step-panel:has(.observation-reference){grid-template-columns:104px minmax(0,1fr) 118px;min-height:112px;display:grid}.step-panel:has(.observation-reference) .reference-tile{grid-area:1/1/span 2;width:104px;min-height:96px;margin:0;padding:4px;display:block}.step-panel:has(.observation-reference) .observation-reference-preview img{height:82px}.step-panel:has(.observation-reference) .observation-reference-preview>span{padding:3px 5px;font-size:9px;bottom:3px;right:3px}.step-panel:has(.observation-reference) .observation-word-list{display:none}.step-panel:has(.observation-reference) .lesson-spoken-prompt{grid-area:1/2;padding-bottom:46px}.step-panel:has(.observation-reference) .guide-actions{grid-area:1/3}.step-panel:has(.observation-reference) .step-actions{grid-area:1/2}.step-panel .lesson-spoken-prompt{grid-area:1/1;grid-template-columns:minmax(0,1fr);align-self:stretch;padding-bottom:46px}.step-panel .lesson-spoken-prompt h2{margin:0;padding:0;font-size:17px;line-height:1.4}.step-panel .guide-actions{grid-area:1/2;grid-template-columns:1fr;gap:4px}.step-panel .step-actions{grid-area:1/1;grid-template-columns:1fr 1fr;align-self:end;gap:5px}.step-panel .step-actions button{min-height:44px;font-size:11px}.step-panel .choice-chips{grid-area:2/1/auto/-1}.step-panel:has(.lesson-finished-illustration){grid-template-columns:84px minmax(0,1fr) 112px;min-height:100px;display:grid}.step-panel:has(.lesson-finished-illustration) .reference-tile{grid-area:1/1/span 2;width:84px;min-height:84px;margin:0;display:block}.step-panel:has(.lesson-finished-illustration) .lesson-spoken-prompt{grid-area:1/2;padding-bottom:46px}.step-panel:has(.lesson-finished-illustration) .guide-actions{grid-area:1/3}.step-panel:has(.lesson-finished-illustration) .step-actions{grid-area:1/2}.step-panel{padding:6px 8px}.step-panel .lesson-spoken-prompt h2{font-size:16px}.step-panel .guide-actions button{min-height:44px;padding:5px;font-size:13px}.step-panel .choice-chips button{min-height:44px;padding:7px 10px}}@media (max-width:360px) and (orientation:portrait){.step-panel:has(.lesson-finished-illustration){grid-template-columns:84px minmax(0,1fr)}.step-panel:has(.lesson-finished-illustration) .reference-tile{grid-area:1/1}.step-panel:has(.lesson-finished-illustration) .lesson-spoken-prompt{grid-area:1/2;padding-bottom:0}.step-panel:has(.lesson-finished-illustration) .guide-actions{grid-area:2/1/auto/-1}.step-panel:has(.lesson-finished-illustration) .step-actions{grid-area:3/1/auto/-1}.step-panel:has(.lesson-finished-illustration) .lesson-step-prompt{grid-area:4/1/auto/-1}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){.studio{grid-template-rows:52px minmax(0,1fr)}.studio-header{min-width:0}.studio-body{grid-template-columns:180px minmax(0,1fr);display:grid;overflow:hidden}.studio-body.without-step-panel{grid-template-columns:minmax(0,1fr)}.step-panel{order:0;border-right:1px solid var(--border);grid-column:1;padding:8px;display:block;overflow:auto}.grimi-panel{order:0;border-bottom:0;border-right:1px solid #eadb9b;grid-column:1;max-height:none}.reference-tile{justify-content:center;gap:7px;min-height:50px;margin-bottom:6px;display:flex}.reference-tile span{font-size:26px}.reference-tile :is(.lesson-illustration,.lesson-finished-illustration){flex:0 0 92px;width:92px}.reference-tile small{min-width:0;padding:4px 2px;font-size:10px;line-height:1.35}.step-panel:has(.observation-reference) .reference-tile{padding:4px;display:block}.step-panel:has(.observation-reference) .observation-reference-preview img{height:82px}.step-panel:has(.observation-reference) .observation-word-list{display:none}.step-panel h2{margin:5px 0 7px;font-size:13px}.step-panel .choice-chips,.step-panel>.eyebrow,.step-panel>.text-button{display:none}.guide-actions{grid-template-columns:1fr;gap:4px;display:grid}.guide-actions button{min-height:44px;padding:6px;font-size:11px}.step-panel .step-actions{grid-column:auto;margin-top:6px;display:grid}.step-panel .step-actions button{min-height:52px;font-size:14px}.lesson-step-prompt-actions{grid-template-columns:1fr}.lesson-step-prompt-actions button{padding-left:8px;padding-right:8px;font-size:12px}.lesson-step-prompt .spoken-prompt{grid-template-columns:minmax(0,1fr) 40px}.canvas-zone{order:0;grid-column:2;padding:6px}.canvas-zone .canvas-wrap{width:min(100cqw,calc(100cqh * var(--paper-ratio,1)));max-width:100%;height:auto;max-height:100%}.studio-body.without-step-panel .canvas-zone{grid-column:1}}@media (max-width:720px),(max-width:900px) and (max-height:500px) and (orientation:landscape),(min-width:721px) and (max-width:1024px) and (orientation:portrait){.studio-body>.grimi-panel{z-index:15;width:auto;max-width:100%;max-height:min(86dvh,100dvh - 56px);padding:0 max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border:0;border-top:2px solid #eadb9b;border-radius:22px 22px 0 0;flex-direction:column;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -14px 40px #274f2f3d}.studio-body>.grimi-panel:before{content:"";background:#e0d09a;border-radius:999px;flex:none;width:52px;height:5px;margin:8px auto 2px}.studio-body>.grimi-panel>.grimi-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.studio-body>.grimi-panel>.grimi-head{background:#fffdf1;flex:none;margin:0 -4px 10px;padding:6px 4px 8px}.studio-body>.grimi-panel>.grimi-head>button{width:48px;height:48px}.studio-body>.grimi-panel .grimi-coaching h2{margin:4px 0 12px;font-size:18px}.studio-body>.grimi-panel .next-action{margin-top:12px}@media (min-height:600px){.studio-body>.grimi-panel .next-action{z-index:1;position:sticky;bottom:0;box-shadow:0 -6px 14px #edfbefe6}}.studio-body>.grimi-panel .step-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px;display:grid}.studio-body>.grimi-panel .step-actions button{min-height:52px}.studio-body>.grimi-panel .free-exit{flex:none;padding:12px 8px}.studio-body>.grimi-panel.collapsed{max-height:none}.studio-body.grimi-collapsed>.canvas-zone{padding-bottom:calc(186px + env(safe-area-inset-bottom))}.studio-body.grimi-open{flex-direction:column;display:flex}.studio-body.grimi-open>.canvas-zone{flex:1;order:2;grid-column:auto;min-height:0}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){.studio-body.grimi-open{flex-direction:row;align-items:stretch}.studio-body.grimi-open>.canvas-zone{order:1}.studio-body.grimi-collapsed>.canvas-zone{padding-bottom:calc(126px + env(safe-area-inset-bottom))}.studio-body>.grimi-panel.collapsed>.grimi-head{margin-bottom:4px;padding:4px}.studio-body>.grimi-panel.collapsed .grimi-peek{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:6px;padding:9px 12px}.studio-body>.grimi-panel.collapsed .grimi-peek>small{display:none}.studio-body>.grimi-panel.collapsed .grimi-peek>.button{width:auto;min-width:150px}}@media (max-width:460px){.entry-card{border-radius:22px;padding:22px 18px}.entry-card h1{font-size:30px}.teacher-room .teacher-header{grid-template-columns:auto minmax(0,1fr) auto;min-height:68px;display:grid}.teacher-room .teacher-header .brand{display:none}.teacher-room .room-heading{overflow:hidden}.teacher-room .room-heading b,.teacher-room .room-heading span{display:block}.teacher-room .closed-pill,.teacher-room .live-pill,.teacher-room .teacher-header>.small-button{white-space:nowrap;padding-left:8px;padding-right:8px;font-size:12px}.teacher-shell>.teacher-header{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;display:grid}.teacher-shell>.teacher-header .brand{gap:6px;font-size:20px}.teacher-shell>.teacher-header .brand-mark{width:36px;height:36px}.teacher-shell>.teacher-header b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.control-stack>div{grid-template-columns:1fr;display:grid}.family-link-history,.message-history{margin-left:12px;margin-right:12px;padding:16px}.large-qr-dialog,.reflection-modal,.teacher-preview,.text-composer-modal,.timelapse-modal{max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));border-radius:20px;padding:22px 18px}.text-composer-title-row{grid-template-columns:42px minmax(0,1fr);gap:7px;padding-right:36px}.text-composer-title-row>span{font-size:32px}.text-composer-title-row h2{font-size:23px}.text-kind-grid{gap:5px;margin:14px 0}.text-kind-grid button{min-height:78px;padding:6px 3px}.text-kind-grid button small{display:none}.text-composer-modal textarea{min-height:82px;font-size:19px}.text-entry-meta{gap:3px;display:grid}.text-size-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.text-size-picker>span{grid-column:1/-1}.text-composer-preview{min-height:70px;margin-top:12px;font-size:21px}.text-composer-preview.title{font-size:25px}.large-qr-dialog h2{margin-left:42px;margin-right:42px}.studio-header .step-count{display:none}.archived-student-row{flex-direction:column;align-items:stretch}.archived-student-row .button{width:100%}}.student-home-redesign{background:linear-gradient(#fbfefb,#f1fcf3);width:min(1480px,100%);padding:0 28px 30px}.student-home-header{border-bottom:1px solid var(--border);gap:12px}.student-home-header .student-identity{margin-left:0;margin-right:auto}.student-header-actions{gap:10px;display:flex}.student-header-actions .student-message-button{min-height:44px;margin:0;padding:7px 12px}@media (max-width:720px){.student-header-actions .student-message-button:not(.compact){justify-content:center;width:44px;min-width:44px;padding:0;position:relative}.student-header-actions .student-message-button .student-message-label{display:none}.student-header-actions .student-message-button b{width:20px;min-width:20px;height:20px;font-size:10px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #274f2f33}}.finish-class-button{background:#fff9dc;border-color:#e9cf77}.student-home-intro{align-items:center;gap:24px;margin:22px 22px 14px;display:flex}.student-home-intro>div{min-width:0}.student-home-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.08;position:relative}.student-home-intro h1:after{content:"";clip-path:polygon(0 20%,18% 35%,35% 14%,52% 48%,70% 18%,84% 44%,100% 10%,100% 62%,83% 83%,65% 55%,49% 90%,30% 58%,13% 75%,0 54%);opacity:.9;background:#4bb65d;border-radius:50%;height:7px;position:absolute;bottom:-8px;left:0;right:0}.student-home-intro p{color:var(--secondary);margin:18px 0 0;font-size:18px}.teacher-activity-book{background:#288338;border:10px solid #389a49;border-radius:30px 30px 22px 22px;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:stretch;min-height:455px;padding:24px 34px 30px;display:grid;position:relative;box-shadow:0 15px #1f6f2d,0 24px 34px #274f2f2e}.teacher-activity-book:after,.teacher-activity-book:before{content:"";z-index:0;background:#ffd85a;border-radius:16px;width:34px;position:absolute;top:16px;bottom:18px}.teacher-activity-book:before{left:12px}.teacher-activity-book:after{right:12px}.book-page{z-index:1;background:#fffdf7;align-items:center;min-width:0;padding:58px clamp(28px,4vw,66px) 38px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ece7da,inset 0 -12px 18px #8f743e12}.book-copy-page{border-radius:18px 5px 5px 18px}.book-visual-page{border-radius:5px 18px 18px 5px;grid-template-rows:minmax(0,1fr) auto;justify-items:center}.book-tape{background:var(--yellow);clip-path:polygon(2% 12%,96% 0,100% 82%,3% 100%,0 42%);opacity:.9;width:138px;height:38px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(-1deg)}.book-binding{z-index:3;background:linear-gradient(90deg,#e9e3d6,#fffaf0 48%,#ddd6c8);flex-direction:column;justify-content:space-around;align-items:center;padding:22px 0;display:flex;position:relative;box-shadow:inset 8px 0 10px #42372814,inset -8px 0 10px #42372814}.book-binding i{background:linear-gradient(#fff,#c9c4ba);border-color:#4d463b #8c8375;border-style:solid;border-width:4px;border-radius:999px;width:68px;height:18px;box-shadow:0 3px 3px #0000002e}.teacher-activity-copy{text-align:center;align-content:center;justify-items:center;min-width:0;display:grid}.teacher-activity-pill{background:#ffe284;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:1000;transform:rotate(-1deg);color:#725c00!important;margin:0 0 24px!important}.teacher-activity-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,66px);line-height:1.08;position:relative}.teacher-activity-copy h2:after{content:"";background:#47b259;border-radius:50%;height:6px;position:absolute;bottom:-10px;left:4%;right:4%;transform:rotate(-1deg)}.teacher-activity-copy>p:not(.teacher-activity-pill){max-width:470px;color:var(--ink);margin:30px 0 24px;font-size:18px;font-weight:800;line-height:1.65}.teacher-activity-copy .button{min-width:250px;min-height:64px;font-size:22px}.teacher-activity-visual{justify-self:center;width:min(350px,100%);position:relative}.teacher-activity-visual>:is(.lesson-illustration,.lesson-finished-illustration),.teacher-activity-visual>img{aspect-ratio:1;object-fit:contain;border-radius:26px;width:100%;display:block}.teacher-activity-visual>.transparent-cutout{border-radius:0}.teacher-activity-visual>.observation-reference{width:100%}.teacher-activity-visual>.observation-reference .observation-reference-preview img{height:min(330px,31vw)}.teacher-activity-visual>.observation-reference .observation-word-list{display:none}.teacher-pencil-progress{width:100%;color:var(--primary-dark);justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.teacher-pencil-progress>div{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.teacher-pencil-progress span{filter:grayscale();opacity:.25;place-items:center;width:34px;height:34px;display:inline-grid;transform:rotate(-18deg)}.teacher-pencil-progress span.done{filter:none;opacity:1}.teacher-pencil-progress b{min-width:52px;font-size:20px}.student-primary-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.student-tool-shelf{background:linear-gradient(#f7d49a,#e9b967);border:4px solid #d4a25d;border-radius:18px;margin-top:28px;padding:14px 56px;position:relative;box-shadow:0 7px #b98545}.student-tool-shelf:after,.student-tool-shelf:before{content:"";background:#8c5e2d;border-radius:6px;width:16px;position:absolute;top:7px;bottom:7px;box-shadow:inset 0 0 0 4px #f4d087}.student-tool-shelf:before{left:13px}.student-tool-shelf:after{right:13px}.student-menu-card{border:2px solid #e1d7c7;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 16px;min-width:0;min-height:106px;padding:16px 20px;transition:transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 5px #7854273d;background:#fffefb!important}.student-menu-card:hover{transform:translateY(-3px);box-shadow:0 8px #78542733}.student-menu-card>span{font-size:46px}.student-menu-card h2{margin:0 0 5px;font-size:24px}.student-menu-card p{color:var(--secondary);margin:0;font-size:13px;font-weight:700;line-height:1.4}.student-menu-card>b{border:2px dashed var(--border);min-width:58px;color:var(--primary-dark);text-align:center;border-radius:10px;padding:9px 8px}.activity-chooser-page{padding-bottom:50px}.activity-chooser-hero{background:linear-gradient(120deg,#fff,#eafaeb);border-radius:28px;margin:28px 0;padding:36px}.activity-chooser-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,56px)}.activity-chooser-hero>p:last-child{color:var(--secondary);font-weight:700}.activity-stage-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.activity-stage-card{border:2px solid var(--border);border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:24px;display:grid}.activity-stage-card>span{font-size:48px}.activity-stage-card small,.activity-stage-card>b{color:var(--primary-dark);font-weight:900}.activity-stage-card h2{margin:3px 0 7px}.activity-stage-card p{color:var(--secondary);margin:0}.teacher-primary-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 24px 0;display:grid}.teacher-primary-menu :is(button,a){border:1px solid var(--border);min-width:0;color:var(--ink);text-align:left;background:#fff;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;padding:15px 18px;text-decoration:none;display:grid}.teacher-primary-menu button:first-child{background:#ecfbee}.teacher-primary-menu button:nth-child(2){background:#eef9ed}.teacher-primary-menu a:nth-child(3){background:#f4efff}.teacher-primary-menu button:nth-child(4){background:#fff7d5}.teacher-primary-menu :is(button,a)>span{grid-row:1/span 2;font-size:28px}.teacher-primary-menu :is(button,a)>b{font-size:16px}.teacher-primary-menu :is(button,a)>small{min-width:0;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.choice-chips button[aria-pressed=true],.grimi-chips button[aria-pressed=true]{border:3px solid var(--primary-dark);color:var(--ink);background:#e0f8e2;padding-right:30px;position:relative;box-shadow:0 0 0 3px #41c14d2e}.choice-chips button[aria-pressed=true]:after,.grimi-chips button[aria-pressed=true]:after{content:"✓";color:var(--primary-dark);font-weight:1000;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.choice-feedback{color:#28573a;background:#eef9ed;border-radius:12px;grid-column:1/-1;margin:-4px 0 14px;padding:9px 11px;font-size:12px;font-weight:900;line-height:1.45}@media (min-width:721px) and (max-width:1024px) and (orientation:portrait){.entry-shell{padding:16px max(18px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.entry-card{width:min(720px,100%);margin:14px auto;padding:22px 30px}.entry-card h1{font-size:30px}.entry-card fieldset,.entry-card label{margin:12px 0}.student-home-redesign{padding:0 18px 30px}.student-home-header{margin:0 -18px;padding-left:18px;padding-right:18px}.student-home-intro{margin:16px 12px 12px}.student-home-intro h1{font-size:42px}.student-primary-menu{gap:10px}.student-menu-card{grid-template-columns:42px minmax(0,1fr);gap:5px 8px;min-height:96px;padding:13px 11px}.student-menu-card>span{font-size:38px}.student-menu-card h2{font-size:19px}.student-menu-card p{display:none}.student-menu-card>b{grid-column:2;justify-self:start;min-width:48px;padding:6px 8px;font-size:12px}.student-tool-shelf{margin-top:22px;padding:12px 42px}.teacher-activity-book{border-width:8px;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);min-height:405px;padding:18px 24px 24px}.book-page{padding:50px 24px 28px}.book-binding i{width:56px}.teacher-activity-pill{padding:8px 13px;font-size:13px;margin-bottom:18px!important}.teacher-activity-copy h2{font-size:38px}.teacher-activity-copy>p:not(.teacher-activity-pill){margin:25px 0 18px;font-size:15px}.teacher-activity-copy .button{min-width:190px;min-height:56px;font-size:18px}.teacher-activity-visual{width:min(265px,100%)}.lesson-list{grid-template-columns:1fr}.lesson-card{min-height:164px;padding:16px 20px}.lesson-card>:is(.lesson-illustration,.lesson-finished-illustration){width:132px;min-width:132px}.lesson-card>.observation-reference{width:180px;min-width:180px}.lesson-card>.observation-reference .observation-reference-preview img{height:138px}.lesson-card h2{font-size:22px}.lesson-card p{font-size:15px}.studio{grid-template-rows:calc(62px + env(safe-area-inset-top)) minmax(0,1fr);height:100dvh;overflow:hidden}.studio-header{padding-top:calc(7px + env(safe-area-inset-top));padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left));gap:7px}.studio-header .brand{display:none}.studio-header>.icon-button{width:48px;min-width:48px;height:48px;min-height:48px}.studio-header .step-count{font-size:16px}.studio-body,.studio-body.without-step-panel,.studio-body:has(.step-panel .observation-reference){overscroll-behavior:contain;grid-template-rows:auto minmax(380px,1fr) auto;grid-template-columns:1fr;min-height:0;display:grid;overflow:hidden auto}.step-panel{border:0;border-bottom:1px solid var(--border);grid-row:1;grid-template-rows:auto auto auto;grid-template-columns:84px minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:8px 12px;padding:10px 14px;display:grid;overflow:visible}.step-panel .reference-tile{grid-area:1/1/span 2;min-height:76px;margin:0}.step-panel .reference-tile :is(.lesson-illustration,.lesson-finished-illustration){width:76px;height:76px}.step-panel:has(.observation-reference){grid-template-columns:180px minmax(0,1fr);min-height:148px}.step-panel:has(.observation-reference) .reference-tile{width:180px;min-height:132px;padding:5px}.step-panel:has(.observation-reference) .observation-reference-preview img{height:91px}.step-panel:has(.observation-reference) .observation-word-list{grid-template-columns:1fr 1fr;gap:3px}.step-panel:has(.observation-reference) .observation-word-list span{padding:3px;font-size:9px}.step-panel .reference-tile small,.step-panel>.eyebrow,.step-panel>.text-button{display:none}.step-panel .lesson-spoken-prompt{grid-area:1/2/auto/-1}.step-panel .lesson-spoken-prompt h2{margin:0;font-size:18px;line-height:1.35}.step-panel .choice-chips{grid-area:2/2/auto/-1;margin:0;display:flex;overflow-x:auto}.step-panel .choice-chips button{flex:none;min-height:48px;padding:8px 13px;font-size:15px}.step-panel .guide-actions{grid-area:3/1/auto/3;grid-template-columns:1.15fr 1fr;gap:8px}.step-panel .guide-actions button{min-height:52px;padding:7px 10px;font-size:15px}.step-panel .step-actions{grid-area:3/3;gap:8px;margin:0}.step-panel .step-actions button{min-height:52px;font-size:15px}.step-panel .lesson-step-prompt{grid-area:4/1/auto/-1;margin-top:0}.canvas-zone{grid-row:2;min-height:380px;padding:10px;container-type:size}@supports (width:1cqh){.canvas-zone .canvas-wrap{width:min(100cqw,calc(100cqh * var(--paper-ratio,1)));max-width:100%;height:auto;max-height:100%}.canvas-zone.has-canvas-status .canvas-wrap{width:min(100cqw,calc((100cqh - 58px) * var(--paper-ratio,1)))}}.studio-body.tool-options-open{grid-template-rows:auto minmax(280px,1fr) auto}.studio-body.grimi-open{flex-direction:column;display:flex}.guide-choice-card{padding:16px 18px}.guide-choice-heading>span{font-size:30px}.guide-choice-heading h2{font-size:22px}.guide-choice-buttons{gap:10px;margin-top:12px}}@media (min-width:721px) and (max-width:1024px) and (orientation:portrait) and (max-height:960px){.studio{grid-template-rows:calc(56px + env(safe-area-inset-top)) minmax(0,1fr)}.studio-header{min-height:56px}.studio-body,.studio-body.without-step-panel,.studio-body:has(.step-panel .observation-reference){grid-template-rows:auto minmax(300px,1fr) auto}.canvas-zone{min-height:300px;padding:6px}.step-panel{gap:6px 10px;padding:8px 12px}.step-panel .reference-tile{min-height:64px}.step-panel .reference-tile :is(.lesson-illustration,.lesson-finished-illustration){width:64px;height:64px}.step-panel .lesson-spoken-prompt h2{font-size:16px}.step-panel .guide-actions button,.step-panel .step-actions button{min-height:48px;font-size:14px}.step-panel .choice-chips button{min-height:44px;padding:7px 11px;font-size:14px}.guide-choice-card{padding:13px 15px}.guide-choice-heading>span{font-size:26px}.guide-choice-heading h2{font-size:20px}.guide-choice-buttons{gap:8px;margin-top:10px}}@media (max-width:720px){.lesson-card{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px 14px;padding:16px;display:grid}.lesson-card>.observation-reference,.lesson-card>:is(.lesson-illustration,.lesson-finished-illustration){grid-area:1/1/span 2;width:112px;min-width:112px}.lesson-card>.observation-reference .observation-reference-preview img{height:96px}.lesson-card>div:not(.lesson-finished-illustration):not(.observation-reference){grid-area:1/2;align-self:end}.lesson-card>b{grid-area:2/2;place-self:start}.lesson-card h2{font-size:21px}.lesson-card p{margin-bottom:7px;font-size:14px;line-height:1.55}.student-home-redesign .student-identity{display:flex}.student-home-header{flex-wrap:wrap;padding:8px 0}.student-home-header .brand{flex:1}.student-home-header .student-identity{flex:100%;order:3}.student-header-actions{margin-left:auto}.student-header-actions .small-button{min-height:44px;padding:7px 9px;font-size:12px}.student-home-redesign{padding:0 8px 24px}.student-home-intro{align-items:flex-start;gap:10px;margin:14px 8px 12px}.student-home-intro h1{font-size:30px}.student-home-intro p{margin-top:14px;font-size:14px}.teacher-activity-book{border-width:7px;border-radius:22px;grid-template-columns:1fr;min-height:0;padding:13px;display:grid;box-shadow:0 8px #1f6f2d,0 15px 24px #274f2f24}.teacher-activity-book:after,.teacher-activity-book:before{width:20px}.book-binding{display:none}.book-page{padding:42px 16px 22px}.book-copy-page{border-radius:14px 14px 4px 4px}.book-visual-page{border-top:2px dashed #d9d1c2;border-radius:4px 4px 14px 14px}.book-tape{width:100px;height:28px}.teacher-activity-pill{padding:7px 10px;font-size:12px;margin-bottom:14px!important}.teacher-activity-copy h2{font-size:32px}.teacher-activity-copy>p:not(.teacher-activity-pill){margin:22px 0 14px;font-size:14px;line-height:1.5}.teacher-activity-copy .button{width:100%;min-width:0;min-height:50px}.teacher-activity-visual{width:min(230px,78vw)}.teacher-activity-visual>.observation-reference .observation-reference-preview img{height:210px}.teacher-pencil-progress{gap:7px;margin-top:6px}.teacher-pencil-progress>div{gap:2px}.teacher-pencil-progress span{width:28px;height:28px;font-size:16px}.teacher-pencil-progress b{min-width:44px;font-size:16px}.student-primary-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.student-tool-shelf{border-width:3px;gap:6px;margin-top:18px;padding:9px 23px}.student-tool-shelf:after,.student-tool-shelf:before{width:9px}.student-tool-shelf:before{left:7px}.student-tool-shelf:after{right:7px}.student-menu-card{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:116px;padding:10px 4px;display:grid}.student-menu-card>span{font-size:32px}.student-menu-card h2{margin:0;font-size:15px}.student-menu-card p{display:none}.student-menu-card>b{min-width:48px;padding:4px 5px;font-size:11px}.student-message-button:not(.compact){justify-content:center;width:100%}.student-message-button.floating:not(.compact){top:auto;right:max(8px,env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));width:auto}.canvas-message{top:calc(68px + env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px 8px;width:auto;display:grid;left:8px;right:8px;transform:none}.canvas-message b{grid-area:1/1}.canvas-message p{grid-area:2/1;max-width:none}.canvas-message>.canvas-message-close{grid-area:1/2/span 2}.activity-stage-card{grid-template-columns:54px minmax(0,1fr)}.activity-stage-card>b{grid-column:2}.teacher-primary-menu{gap:7px;margin:10px 12px 0}.teacher-primary-menu :is(button,a){text-align:center;grid-template-columns:1fr;justify-items:center;min-height:70px;padding:8px 5px}.teacher-primary-menu :is(button,a)>span{grid-row:auto;font-size:24px}.teacher-primary-menu :is(button,a)>small{display:none}.teacher-primary-menu :is(button,a)>b{font-size:12px}}@media (max-width:460px){.entry-card{padding-left:14px;padding-right:14px}.student-home-header .brand{font-size:20px}.student-home-header .brand-mark{width:36px;height:36px}.finish-class-button{font-size:0!important}.finish-class-button:before{content:"🚪";font-size:18px}}.family-share-open-button{margin-top:14px}.family-consent-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.family-consent-panel-heading .text-button{white-space:nowrap;min-height:44px;padding:8px 10px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}.canvas-stack,.canvas-wrap,.draw-canvas,.guide-canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.guide-choice-overlay{z-index:12;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#eaf8ebe6;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.guide-choice-card{background:#fff;border:3px solid #92d198;border-radius:24px;width:min(92%,560px);max-height:100%;padding:24px;overflow-y:auto;box-shadow:0 18px 48px #274f2f33}.guide-choice-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.guide-choice-heading>span{font-size:38px}.guide-choice-heading h2{margin:2px 0 0;font-size:27px}.guide-choice-heading p{margin:0}.guide-choice-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.guide-choice-buttons button{min-height:142px;color:var(--ink);background:#f0fcf1;border:3px solid #b3e0b8;border-radius:20px;place-items:center;gap:4px;padding:14px;display:grid}.guide-choice-buttons button:last-child{background:#fff9db;border-color:#f2d474}.guide-choice-buttons span{font-size:40px}.guide-choice-buttons b{font-size:20px}.guide-choice-buttons small{color:var(--secondary);font-size:13px;line-height:1.4}.selected-color{border:2px solid var(--soft-border);background:#fff;border-radius:12px;align-items:center;gap:8px;min-height:44px;margin-bottom:7px;padding:6px 8px;font-size:12px;display:flex}.selected-color i{border:2px solid #274f2f40;border-radius:50%;flex:none;width:28px;height:28px}.selected-color b{color:var(--ink)}.more-colors-button{border:2px solid var(--soft-border);width:100%;min-height:44px;color:var(--primary-dark);background:#f8fdf8;border-radius:12px;margin-bottom:7px;font-weight:900}.palette{grid-template-columns:repeat(3,minmax(44px,1fr));max-height:250px;padding:4px;overflow:hidden auto}.input-mode-control{gap:6px;margin-top:12px;display:grid}.input-mode-control button{border:2px solid var(--soft-border);text-align:left;min-height:58px;color:var(--ink);background:#fff;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:0 7px;padding:7px;display:grid}.input-mode-control button[aria-pressed=true]{border-color:var(--primary);background:#ebfaec;box-shadow:0 0 0 2px #34b13f1f}.input-mode-control button>span{grid-row:1/span 2;font-size:24px}.input-mode-control button>b{font-size:13px}.input-mode-control button>small{color:var(--secondary);font-size:10px;line-height:1.25}.history-row button{justify-content:center;align-items:center;gap:7px;display:flex}.history-row button>span{color:#1d6725;background:#ecf8ed;border-radius:50%;place-items:center;width:29px;height:29px;font-size:21px;font-weight:900;display:grid}.history-row button>b{font-size:13px}.history-row button:disabled{opacity:.45}.completion-error,.completion-pending{text-align:center;border-radius:12px;margin:12px 0 0;padding:11px 13px;font-weight:800;line-height:1.45}.completion-pending{color:#1d6725;background:#eafaec}.completion-error{color:#a33434;background:#fff0f0}.reflection-modal button:disabled{cursor:not-allowed}@media (max-width:720px){.guide-choice-overlay{padding:10px}.guide-choice-card{border-radius:19px;padding:16px}.guide-choice-heading>span{font-size:30px}.guide-choice-heading h2{font-size:22px}.guide-choice-buttons{gap:8px}.guide-choice-buttons button{min-height:112px;padding:9px}.guide-choice-buttons span{font-size:32px}.guide-choice-buttons b{font-size:16px}.guide-choice-buttons small{font-size:11px}}@media (max-height:480px) and (orientation:landscape){.guide-choice-overlay{padding:6px}.guide-choice-card{border-width:2px;border-radius:16px;width:min(96%,520px);padding:10px}.guide-choice-heading{gap:7px}.guide-choice-heading>span{font-size:27px}.guide-choice-heading h2{font-size:20px;line-height:1.15}.guide-choice-heading p{display:none}.guide-choice-buttons{gap:7px;margin-top:8px}.guide-choice-buttons button{border-width:2px;border-radius:14px;min-height:78px;padding:6px}.guide-choice-buttons span{font-size:28px}.guide-choice-buttons b{font-size:15px}.guide-choice-buttons small{font-size:10px;line-height:1.25}}@media (max-width:390px){.guide-choice-buttons{grid-template-columns:1fr}.guide-choice-buttons button{text-align:left;grid-template-columns:auto 1fr;min-height:86px}.guide-choice-buttons span{grid-row:1/span 2}.selected-color span{text-overflow:ellipsis;white-space:nowrap;max-width:84px;overflow:hidden}}@media (max-width:460px) and (max-height:650px){.canvas-zone{position:relative}}.archive-card time{color:var(--secondary);margin-top:6px;font-size:12px;font-weight:800;display:block}.archive-more-button{min-width:220px;margin:22px auto 0;display:flex}.artwork-detail-page{padding-bottom:48px}.artwork-detail-card{border:2px solid var(--border);background:#fff;border-radius:28px;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);gap:22px;margin-top:24px;padding:28px;display:grid;box-shadow:0 14px 42px #274f2f1a}.artwork-detail-copy h1{margin:7px 0 10px;font-size:clamp(31px,4vw,52px)}.artwork-detail-copy>p:not(.eyebrow){color:var(--secondary);line-height:1.6}.artwork-detail-copy time{color:var(--secondary);font-weight:800}.artwork-detail-image{background:#f2fcf3;border-radius:22px;place-items:center;min-height:360px;display:grid;overflow:hidden}.artwork-detail-image img{object-fit:contain;background:#fff;width:100%;height:100%;max-height:620px}.artwork-reflection{background:#f2fbf1;border-radius:20px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;display:grid}.artwork-reflection h2{grid-column:1/-1;margin:0 0 4px}.artwork-reflection p{background:#fff;border-radius:13px;gap:4px;margin:0;padding:12px;display:grid}.artwork-reflection span{color:var(--secondary);line-height:1.45}.artwork-detail-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.artwork-detail-actions .button{min-height:52px}@media (max-width:720px){.artwork-detail-card{grid-template-columns:1fr;padding:18px}.artwork-detail-image{min-height:260px}.artwork-detail-actions,.artwork-reflection{grid-template-columns:1fr}.artwork-detail-actions{display:grid}.artwork-detail-actions .button{width:100%}}.teacher-history-drawer{width:100%;box-shadow:none;background:#f9fefa;border:2px solid #acdcb0;border-radius:20px;margin-top:16px;padding:16px;position:static}.teacher-artwork-history-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.teacher-artwork-history-heading h3{margin:0;font-size:18px}.teacher-artwork-history-heading span{color:var(--secondary);font-size:12px;font-weight:900}.teacher-history-preview{background:#fff;border:2px solid #69c4df;border-radius:16px;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:10px;margin:0 0 12px;padding:10px;display:grid}.teacher-history-preview img{object-fit:contain;background:#f5fbfd;border-radius:12px;width:100%;max-height:440px}.teacher-history-preview figcaption{gap:7px;display:grid}.teacher-history-preview figcaption span{color:var(--secondary);font-size:12px}.teacher-artwork-history-grid{gap:9px;display:grid}.teacher-artwork-history-grid>button{border:1px solid var(--border);min-width:0;min-height:98px;color:var(--ink);text-align:left;background:#fff;border-radius:14px;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.teacher-artwork-history-grid>button[aria-pressed=true]{border:2px solid var(--primary);background:var(--pale-field)}.teacher-artwork-history-grid .empty-state,.teacher-artwork-history-grid img{object-fit:cover;border-radius:10px;width:82px;height:82px;min-height:0}.teacher-artwork-history-grid>button>span{gap:5px;display:grid}.teacher-artwork-history-grid b{overflow-wrap:anywhere}.teacher-artwork-history-grid small{color:var(--secondary);font-size:11px;line-height:1.35}@media (max-width:1100px){.teacher-artwork-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.teacher-artwork-history-grid,.teacher-history-preview{grid-template-columns:1fr}.teacher-history-preview figcaption{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.student-home-redesign{background:#fff;width:min(1500px,100%)}.teacher-activity-book{aspect-ratio:1560/690;min-height:0;box-shadow:none;background:url(/brand/student-home-book-v2.png) 50%/100% 100% no-repeat;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 5.5% minmax(0,1fr);padding:5.5% 7% 6.5%}.teacher-activity-book:after,.teacher-activity-book:before{display:none}.teacher-activity-book .book-page{box-shadow:none;background:0 0;padding:6% 8%}.teacher-activity-book .book-tape{display:none}.teacher-activity-book .book-binding{opacity:0}.teacher-activity-book .teacher-activity-pill{margin-bottom:18px!important}.teacher-activity-book .teacher-activity-copy h2{font-size:clamp(34px,4.5vw,64px)}.teacher-activity-book .teacher-activity-copy>p:not(.teacher-activity-pill){margin:24px 0 20px}.teacher-activity-book .teacher-activity-visual{width:min(330px,83%)}.student-tool-shelf{aspect-ratio:1560/170;box-shadow:none;background:url(/brand/student-home-shelf-v2.png) 50%/100% 100% no-repeat;border:0;border-radius:0;margin-top:8px;padding:13px clamp(30px,4.8vw,72px)}.student-tool-shelf:after,.student-tool-shelf:before{display:none}.student-tool-shelf .student-menu-card{min-height:0;box-shadow:none;border:0;padding:10px 14px;background:0 0!important}.student-tool-shelf .student-menu-card:hover{box-shadow:none}.student-tool-shelf .student-menu-card>span{font-size:40px}.student-tool-shelf .student-menu-card h2{font-size:clamp(17px,2vw,28px)}.student-tool-shelf .student-menu-card p{display:none}.student-tool-shelf .student-menu-card h2{white-space:nowrap}@media (min-width:1101px){.student-tool-shelf .student-menu-card{justify-content:center;align-items:center;gap:14px;display:flex}.student-tool-shelf .student-menu-card>span{font-size:52px}.student-tool-shelf .student-menu-card h2{margin:0}}@media (min-width:721px) and (max-width:1100px){.student-tool-shelf .student-menu-card{justify-content:center;align-items:center;gap:clamp(6px,1vw,10px);padding:5px 4px;display:flex}.student-tool-shelf .student-menu-card>span{font-size:clamp(28px,3.8vw,34px)}.student-tool-shelf .student-menu-card h2{margin:0;font-size:clamp(16px,2.2vw,20px)}.student-tool-shelf .student-menu-card>b{min-width:42px;padding:5px 6px;font-size:12px}}@media (min-width:721px) and (max-width:1024px) and (orientation:portrait){.teacher-activity-book{aspect-ratio:1560/690;width:100%;min-height:0;box-shadow:none;background:url(/brand/student-home-book-v2.png) 50%/100% 100% no-repeat;border:0;grid-template-columns:minmax(0,1fr) 5.5% minmax(0,1fr);padding:5.5% 7% 6.5%}.teacher-activity-book .book-page{background:0 0;padding:5% 7%}.student-tool-shelf{border:0;margin-top:8px;padding:12px 50px}}@media (max-width:720px){.teacher-activity-book{aspect-ratio:auto;min-height:0;box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;gap:8px;padding:0;display:grid}.teacher-activity-book .book-copy-page,.teacher-activity-book .book-visual-page{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:20px;min-height:clamp(330px,88vw,470px);padding:15% 10% 12%}.teacher-activity-book .book-copy-page{background-image:url(/brand/student-home-book-left-v2.png)}.teacher-activity-book .book-visual-page{background-image:url(/brand/student-home-book-right-v2.png)}.teacher-activity-book .teacher-activity-copy h2{font-size:30px}.teacher-activity-book .teacher-activity-copy>p:not(.teacher-activity-pill){margin:18px 0 14px}.teacher-activity-book .teacher-activity-visual{width:min(230px,72%)}.student-tool-shelf{aspect-ratio:auto;min-height:142px;box-shadow:none;background:url(/brand/student-home-shelf-v2.png) 50%/100% 100% no-repeat;border:0;margin-top:12px;padding:12px 30px}.student-tool-shelf .student-menu-card{min-height:112px;padding:8px 3px}.student-tool-shelf .student-menu-card>span{font-size:30px}}@media (max-width:480px){.student-tool-shelf{gap:5px;padding:10px 22px}}body{font-family:Pretendard Variable,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.landing,.student-home-redesign{--picture-ink:#16220f;--picture-blue:#2e5f23;--picture-muted:#5a6b52;--picture-line:#b6c2ac}.entry-top,.landing .topbar,.student-home-header{color:var(--picture-ink,#184523)}.landing .teacher-link,.student-home-redesign :is(.small-button,.button){letter-spacing:-.025em}.student-home-intro h1,.student-tool-shelf .student-menu-card h2,.teacher-activity-copy h2{color:var(--picture-ink);letter-spacing:-.055em;font-weight:950}.student-home-intro p{color:var(--picture-muted);font-weight:800;line-height:1.45}.teacher-activity-pill{color:#5d4700;background:#ffe899;border-color:#f1c95d;font-weight:900;box-shadow:0 3px #bc8b192e}.teacher-activity-copy>p:not(.teacher-activity-pill){color:#305137;font-weight:750}.teacher-activity-copy .button.primary{background:#2c9e40;box-shadow:0 7px #227831}.student-tool-shelf .student-menu-card{color:var(--picture-ink)}.student-tool-shelf .student-menu-card>b{color:var(--primary-dark);border-color:var(--border);background:#ffffffbd}@media (min-width:901px){.landing-headline,.landing-subtitle{white-space:nowrap;text-wrap:nowrap;width:auto;max-width:none}.student-home-intro h1,.student-home-intro p{white-space:nowrap;text-wrap:nowrap}}@media (max-width:900px){.landing-headline,.landing-subtitle{white-space:normal;text-wrap:balance;width:min(100%,680px)}}.entry-choice-card{width:min(900px,100%);margin:28px auto;padding:38px}.entry-choice-card .entry-title-row>div>p:last-child{max-width:620px;color:var(--secondary);margin:8px 0 0;font-weight:750;line-height:1.55}.entry-choice-privacy{text-align:center;font-size:13px;font-weight:800;color:#557d5d!important;margin:24px 0 0!important}.student-profile-facts{background:#f9fcf9;border:1px solid #dbe9dc;border-radius:13px;padding:10px 11px}.student-profile-facts dl{gap:6px;margin:0;display:grid}.student-profile-facts dl>div{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:8px;display:grid}.student-profile-facts dt{color:var(--secondary);font-size:11px;font-weight:850}.student-profile-facts dd{min-width:0;color:var(--ink);margin:0;font-size:11px;font-weight:800;line-height:1.35}.duplicate-nickname-badge{color:#705500;background:#fff0c7;border-radius:999px;margin-bottom:8px;padding:5px 8px;font-size:11px;display:inline-flex}@media (max-height:600px),(max-width:600px){.entry-shell{min-height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.entry-top{min-height:48px}.entry-top .brand{font-size:21px}.entry-top .brand-mark{width:38px;height:38px}.entry-choice-card{margin:10px auto;padding:22px 18px}.entry-choice-card h1{font-size:29px}.entry-choice-privacy{font-size:11px;margin-top:16px!important}}@media (max-height:600px) and (min-width:601px){.entry-top{width:min(820px,100%)}.entry-choice-card{max-width:760px;padding:14px 20px}.entry-choice-card .entry-title-row>div>p:last-child,.entry-choice-privacy{display:none}}@media (max-width:340px) and (max-height:600px){.entry-choice-card{margin:6px auto;padding:15px 13px}.entry-choice-card h1{font-size:25px}.entry-choice-card .entry-title-row>div>p:last-child{font-size:12px;line-height:1.35}.entry-choice-privacy{margin-top:10px!important}}@media (max-width:340px){.topbar{flex-wrap:nowrap;gap:5px;min-height:60px}.topbar .brand{gap:6px;font-size:20px}.topbar .brand-mark{width:36px;height:36px}.topbar .teacher-link{gap:4px;min-height:44px;padding:6px 8px;font-size:11px}}.storybook-library{padding-bottom:64px}.storybook-library-hero{background:linear-gradient(135deg,#fff,#f4eaff 58%,#ecfbee);border:2px solid #d7c0f1;border-radius:30px;justify-content:space-between;align-items:center;gap:24px;min-height:230px;margin:20px 0 24px;padding:34px;display:flex;box-shadow:0 14px 38px #41305e14}.storybook-library-hero h1{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(36px,5vw,58px)}.storybook-library-hero p:not(.eyebrow){max-width:620px;color:var(--secondary);margin:0;font-size:18px;font-weight:700;line-height:1.65}.storybook-library-hero>span{white-space:nowrap;font-size:72px}.storybook-my-books,.storybook-new-book{margin-top:28px}.storybook-my-books h2,.storybook-new-book h2{margin:0 0 14px;font-size:25px}.storybook-format-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.storybook-format-options button{border:2px solid var(--border);cursor:pointer;min-height:154px;box-shadow:0 5px 0 var(--border);background:#fff;border-radius:22px;place-items:center;gap:8px;padding:20px;display:grid}.storybook-format-options button:hover:not(:disabled){border-color:#9d72ca;transform:translateY(-2px)}.storybook-format-options button:disabled{opacity:.5}.storybook-format-options i{background:#f3e8ff;border:3px solid #80609f;border-radius:5px;display:block}.storybook-format-options .format-landscape{width:70px;height:48px}.storybook-format-options .format-portrait{width:45px;height:64px}.storybook-format-options .format-square{width:58px;height:58px}.storybook-format-options b{font-size:18px}.storybook-format-options small{color:var(--secondary);font-weight:700}.storybook-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.storybook-book-grid>a{background:#fff;border:2px solid #d7c0f1;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:150px;padding:20px;display:grid;box-shadow:0 5px #e1d1f2}.storybook-book-grid>a>span{grid-row:1/span 2;font-size:46px}.storybook-book-grid h3{margin:5px 0;font-size:20px}.storybook-book-grid small,.storybook-book-grid time{color:var(--secondary);font-size:12px;font-weight:800}.storybook-book-grid>a>b{color:#68418f;grid-column:2}.storybook-editor-shell{color:#2b4331;background:#eaf2ec;min-height:100dvh;overflow:hidden}.storybook-editor-header{height:68px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));z-index:30;background:#fff;border-bottom:1px solid #d0ddd2;align-items:center;gap:10px;display:flex;position:relative;box-shadow:0 2px 10px #2b433114}.storybook-editor-header>input{flex:1;min-width:90px;max-width:480px;height:44px;min-height:44px;font-size:18px;font-weight:900}.storybook-editor-header .button{white-space:nowrap;min-height:44px;padding:8px 15px}.storybook-save-state{color:#6a806f;text-align:center;min-width:72px;font-size:12px;font-weight:900}.storybook-save-state.error{color:#a33434}.storybook-save-state.saving,.storybook-save-state.unsaved{color:#7b5b16}.storybook-editor-error{z-index:80;justify-content:space-between;align-items:center;gap:10px;width:min(600px,100% - 24px);margin:0;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #50191929}.storybook-editor-error button{background:#fff;border:1px solid #dca8a8;border-radius:10px;min-width:48px;min-height:44px;font-weight:900}.storybook-editor-body{grid-template-columns:112px minmax(0,1fr) 278px;height:calc(100dvh - 68px);display:grid;overflow:hidden}.storybook-page-rail{padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#f9fbf9;border-right:1px solid #cedbd0;flex-direction:column;gap:9px;display:flex;overflow:auto}.storybook-page-rail>button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex:none;place-items:center;gap:4px;min-width:80px;min-height:85px;padding:6px;display:grid}.storybook-page-rail>button.active{background:#eee1fb;border-color:#7550a0}.storybook-page-rail>button>span{aspect-ratio:4/3;background:#fff;border:1px solid #b2c0b5;width:82px;position:relative;overflow:hidden;box-shadow:0 2px 5px #2b43311f}.storybook-page-rail>button>span i{background:#c0dfc3;border-radius:1px;display:block;position:absolute}.storybook-page-rail>button>span i.text{background:#7f8e82;height:2px!important}.storybook-page-rail>button>b{font-size:12px}.storybook-page-rail .add-page{color:#556b59;border:2px dashed #a0b2a3;min-height:66px;font-size:25px}.storybook-page-rail .add-page span{aspect-ratio:auto;width:auto;box-shadow:none;background:0 0;border:0;font-size:11px;font-weight:900}.storybook-workspace{background:#e2eae3;flex-direction:column;min-width:0;display:flex;overflow:auto}.storybook-toolbar{z-index:20;background:#fff;border-bottom:1px solid #cedbd0;justify-content:center;align-items:center;gap:7px;min-height:56px;padding:7px 10px;display:flex;position:sticky;top:0}.storybook-toolbar button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c2d1c4;border-radius:11px;min-height:42px;padding:7px 12px;font-weight:900}.storybook-toolbar button:hover{background:#f1faf2;border-color:#8abf8f}.storybook-toolbar button:disabled{opacity:.45}.storybook-stage-wrap{flex:1;place-items:center;min-height:280px;padding:20px;display:grid}.storybook-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;width:min(100%,133.33dvh - 273.327px);max-width:960px;position:relative;overflow:hidden;box-shadow:0 12px 35px #2b433133;container-type:inline-size}.storybook-stage.format-landscape{aspect-ratio:4/3}.storybook-stage.format-square{aspect-ratio:1;width:min(100%,100dvh - 205px);max-width:760px}.storybook-stage.format-portrait{aspect-ratio:3/4;width:min(100%,75dvh - 153.75px);max-width:570px}.storybook-stage-element{transform-origin:50%;cursor:move;touch-action:none;place-items:stretch stretch;min-width:0;min-height:0;display:grid;position:absolute}.storybook-stage-element.image>img,.storybook-stage-element.image>span{object-fit:contain;place-items:center;width:100%;height:100%;display:grid}.storybook-stage-element.text>span{white-space:pre-wrap;width:100%;height:100%;cursor:inherit;font-weight:700;line-height:1.25;overflow:hidden}.storybook-stage-element.locked{cursor:not-allowed}.storybook-resize-handle{z-index:100;cursor:nwse-resize;background:#7550a0;border:3px solid #fff;border-radius:50%;width:25px;min-width:25px;height:25px;min-height:25px;padding:0;position:absolute;bottom:-12px;right:-12px;box-shadow:0 1px 5px #0000004d}.storybook-stage-help{color:#596f5e;text-align:center;margin:0 10px 10px;font-size:12px;font-weight:800}.storybook-stage-element.selected{outline-offset:1px;outline:2px solid #7550a047}.storybook-stage>.moveable-control-box{--moveable-color:#7550a0;z-index:10000!important}.storybook-stage .moveable-control{box-shadow:0 2px 7px #2b433157;border:3px solid #fff!important;width:18px!important;height:18px!important;margin-top:-9px!important;margin-left:-9px!important}.storybook-stage .moveable-guideline{opacity:.9;background:#34b13f!important}.storybook-inspector{padding:16px 14px calc(20px + env(safe-area-inset-bottom));background:#fff;border-left:1px solid #cedbd0;overflow-y:auto}.storybook-inspector h2{margin:0 0 16px;font-size:20px}.storybook-inspector label{margin:13px 0;font-size:13px}.storybook-inspector textarea{resize:vertical;min-height:118px;font-size:16px;line-height:1.5}.storybook-inspector input[type=range]{height:38px;min-height:38px;box-shadow:none;border:0;padding:0}.storybook-inspector input[type=color]{width:100%;min-height:48px;padding:5px}.storybook-inspector>p{color:var(--secondary);font-size:13px;line-height:1.55}.storybook-align-buttons,.storybook-layer-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.storybook-align-buttons button,.storybook-layer-buttons button{cursor:pointer;background:#f9fcf9;border:1px solid #c2d1c4;border-radius:10px;min-height:44px;padding:6px;font-size:12px;font-weight:900}.storybook-align-buttons button.active{background:#eee1fb;border-color:#7550a0}.storybook-layer-buttons .danger{color:#a33434;background:#fff0f0;border-color:#e6b3b3}.storybook-image-controls{border-bottom:1px solid #dae4dc;margin-bottom:14px;padding-bottom:14px}.storybook-image-controls label{grid-template-columns:1fr auto;align-items:center;display:grid}.storybook-image-controls label input{grid-column:1/-1}.storybook-image-controls>button{margin-top:8px}.storybook-image-controls>p{color:var(--secondary);margin:10px 0 0;font-size:12px;line-height:1.5}.cutout-open-button{background:linear-gradient(135deg,#7550a0,#5b9465)!important}.storybook-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#202f23a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.storybook-picker-modal{background:#fff;border-radius:24px;width:min(850px,100%);max-height:min(780px,90dvh);padding:22px;overflow:auto;box-shadow:0 25px 70px #0000004d}.storybook-picker-modal>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.storybook-picker-modal h2{margin:0 0 18px;font-size:28px}.storybook-artwork-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.storybook-artwork-picker-grid>button{border:2px solid var(--border);text-align:left;cursor:pointer;background:#fafefb;border-radius:17px;gap:6px;min-width:0;padding:10px;display:grid}.storybook-artwork-picker-grid img,.storybook-artwork-picker-grid>button>span{aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:10px;place-items:center;width:100%;font-size:35px;display:grid}.storybook-artwork-picker-grid b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.storybook-artwork-picker-grid small{color:var(--primary-dark);font-weight:900}.cutout-backdrop{z-index:130}.image-cutout-modal{color:#2b4331;background:#fff;border-radius:24px;width:min(1120px,100%);max-height:94dvh;padding:22px;overflow:auto;box-shadow:0 25px 70px #0000005c}.image-cutout-modal>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.image-cutout-modal h2{margin:0 0 14px;font-size:29px}.cutout-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.cutout-canvas-wrap{background-color:#f9fcf9;background-image:linear-gradient(45deg,#dfe7e0 25%,#0000 0),linear-gradient(-45deg,#dfe7e0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#dfe7e0 0),linear-gradient(-45deg,#0000 75%,#dfe7e0 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:2px solid #c8d6cb;border-radius:18px;place-items:center;min-height:320px;max-height:65dvh;padding:16px;display:grid;overflow:auto}.cutout-canvas-wrap canvas{cursor:crosshair;touch-action:none;border:1px solid #2b433129;width:auto;max-width:100%;height:auto;max-height:calc(65dvh - 36px);display:block}.cutout-controls{gap:10px;display:grid}.cutout-tool-buttons{grid-template-columns:1fr;gap:7px;display:grid}.cutout-tool-buttons button{cursor:pointer;background:#f9fcf9;border:1px solid #c2d1c4;border-radius:11px;min-height:46px;padding:8px;font-weight:900}.cutout-tool-buttons button[aria-pressed=true]{color:#513175;background:#eee1fb;border-color:#7550a0}.cutout-controls label{grid-template-columns:1fr auto;gap:5px;font-size:13px;font-weight:900;display:grid}.cutout-controls label input{grid-column:1/-1}.cutout-controls>p{color:#526956;background:#f1f9f2;border-radius:12px;margin:0;padding:11px;font-size:12px;font-weight:700;line-height:1.55}.image-cutout-modal>footer{justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.image-cutout-modal>footer p{color:#526956;flex:1;margin:0;font-size:13px;font-weight:800}.image-cutout-modal>footer .button{min-width:180px}.storybook-preview{z-index:120;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));color:#fff;background:#1c291f;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.storybook-preview>header{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.storybook-preview>header>b{text-overflow:ellipsis;white-space:nowrap;font-size:21px;overflow:hidden}.storybook-preview-stage-wrap{grid-template-columns:54px minmax(0,1fr) 54px;place-items:center;gap:10px;min-height:0;display:grid}.storybook-preview-stage-wrap>button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:18px;width:50px;min-height:70px;font-size:48px}.storybook-preview-stage-wrap>button:disabled{opacity:.2}.storybook-stage.preview{cursor:default;width:min(100%,133.33dvh - 199.995px);height:auto;max-height:calc(100dvh - 150px);animation:storybook-page-open .22s ease-out}.storybook-stage.preview.format-square{width:min(100%,100dvh - 150px)}.storybook-stage.preview.format-portrait{width:min(100%,75dvh - 112.5px)}.storybook-stage.preview .storybook-stage-element{cursor:default}.storybook-preview>footer{place-items:center;min-height:34px;font-weight:900;display:grid}.storybook-preview .small-button{color:#2b4331}@keyframes storybook-page-open{0%{opacity:.35;transform:perspective(900px)rotateY(-5deg)translate(10px)}to{opacity:1;transform:none}}@media (min-width:901px){.student-primary-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.storybook-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storybook-editor-header{flex-wrap:wrap;height:auto;min-height:68px}.storybook-editor-header>input{flex:100%;order:4;max-width:none}.storybook-save-state{margin-left:auto}.storybook-editor-body{grid-template-columns:90px minmax(0,1fr) 220px;height:calc(100dvh - 120px)}.storybook-page-rail>button>span{width:64px}}@media (max-width:680px){.storybook-library-hero{min-height:0;padding:24px}.storybook-library-hero>span{font-size:48px}.storybook-library-hero p:not(.eyebrow){font-size:15px}.storybook-book-grid,.storybook-format-options{grid-template-columns:1fr}.storybook-format-options button{text-align:left;grid-template-columns:80px 1fr;justify-items:start;min-height:100px}.storybook-format-options i{grid-row:1/span 2;justify-self:center}.storybook-editor-shell{overflow:auto}.storybook-editor-header{position:sticky;top:0}.storybook-editor-header .button{flex:1}.storybook-save-state{order:3}.storybook-editor-body{grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 120px);overflow:visible}.storybook-page-rail{border-bottom:1px solid #cedbd0;border-right:0;flex-direction:row;min-height:104px;padding:7px;overflow:auto hidden}.storybook-page-rail>button{min-width:78px;min-height:88px}.storybook-workspace{overflow:visible}.storybook-toolbar{justify-content:flex-start;overflow-x:auto}.storybook-stage-wrap{min-height:340px;padding:16px 8px}.storybook-stage{width:min(100%,133.33dvh - 466.655px);min-width:300px}.storybook-stage.format-portrait{width:min(92%,75dvh - 262.5px);min-width:230px}.storybook-stage.format-square{width:min(100%,100dvh - 350px);min-width:290px}.storybook-inspector{border-top:1px solid #cedbd0;border-left:0;overflow:visible}.storybook-artwork-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storybook-preview-stage-wrap{grid-template-columns:42px minmax(0,1fr) 42px;gap:4px}.storybook-preview-stage-wrap>button{width:40px;min-height:58px;font-size:37px}.storybook-modal-backdrop{padding:8px}.image-cutout-modal{border-radius:18px;max-height:98dvh;padding:14px}.cutout-layout{grid-template-columns:1fr}.cutout-canvas-wrap{min-height:240px;max-height:48dvh;padding:8px}.cutout-canvas-wrap canvas{max-height:calc(48dvh - 20px)}.cutout-tool-buttons{grid-template-columns:repeat(3,1fr)}.cutout-tool-buttons button{min-width:0;padding:6px 3px;font-size:11px}.image-cutout-modal>footer{flex-direction:column;align-items:stretch}.image-cutout-modal>footer .button{width:100%}}@media (max-height:480px) and (orientation:landscape){.storybook-editor-header{flex-wrap:nowrap;height:58px;min-height:58px}.storybook-editor-header>input{order:0;flex:1;height:40px;min-height:40px}.storybook-editor-header .button{min-height:40px;padding:6px 9px;font-size:12px}.storybook-editor-body{grid-template-columns:84px minmax(0,1fr) 205px;height:calc(100dvh - 58px)}.storybook-page-rail>button>span{width:58px}.storybook-toolbar{min-height:48px}.storybook-toolbar button{min-height:38px;font-size:11px}.storybook-stage-wrap{min-height:220px;padding:8px}.storybook-stage{width:min(100%,133.33dvh - 186.662px)}.storybook-stage.format-square{width:min(100%,100dvh - 140px)}.storybook-stage.format-portrait{width:min(100%,75dvh - 105px)}.storybook-stage-help{display:none}.storybook-inspector{padding:10px}.storybook-inspector h2{margin-bottom:8px;font-size:17px}.storybook-inspector label{margin:8px 0}.storybook-inspector textarea{min-height:72px}.storybook-preview-stage-wrap{grid-template-columns:42px minmax(0,1fr) 42px}.storybook-stage.preview{width:min(100%,133.33dvh - 146.663px)}.storybook-stage.preview.format-square{width:min(100%,100dvh - 110px)}.storybook-stage.preview.format-portrait{width:min(100%,75dvh - 82.5px)}}.storybook-stage:not(.preview){overflow:visible}.storybook-stage-content{background:inherit;position:absolute;inset:0;overflow:hidden}.storybook-stage .moveable-rotation{height:58px!important;top:-58px!important}.storybook-stage .moveable-rotation-line{height:58px!important}.storybook-home-entry{color:var(--picture-ink,#2c3d2e);background:linear-gradient(108deg,#fffdf5 0 64%,#e9f7eb 64%);border:3px solid #d4a25d;border-radius:20px;grid-template-columns:126px minmax(0,1fr) auto;align-items:center;gap:20px;margin:26px 0 8px;padding:22px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 7px #b98545}.storybook-home-entry:after{content:"";pointer-events:none;border:2px dashed #d4a25d66;border-radius:13px;position:absolute;inset:8px}.storybook-home-entry>a,.storybook-home-entry>div{z-index:1;position:relative}.storybook-home-entry h2{margin:2px 0 7px;font-size:clamp(22px,2.6vw,32px)}.storybook-home-entry p{color:var(--secondary);margin:0;font-weight:700;line-height:1.5}.storybook-home-entry .eyebrow{color:#299439}.storybook-home-entry .button{white-space:nowrap;min-height:52px}.storybook-home-books{place-items:center;min-height:90px;display:grid;position:relative}.storybook-home-books span{filter:drop-shadow(0 4px #5a3d1e26);font-size:54px;position:absolute}.storybook-home-books span:first-child{transform:translate(-25px,14px)rotate(-10deg)}.storybook-home-books span:nth-child(2){transform:translate(22px,7px)rotate(8deg)}.storybook-home-books span:nth-child(3){font-size:35px;transform:translate(34px,-28px)rotate(-18deg)}.storybook-library-hero{background:linear-gradient(112deg,#fffdf5 0 62%,#e4f5e6 62%);border-width:3px;border-color:#d4a25d;border-radius:20px;box-shadow:0 7px #b98545}.storybook-library-hero .eyebrow{color:#299439}.storybook-library-hero h1,.storybook-my-books h2,.storybook-new-book h2{color:var(--picture-ink,#2c3d2e)}.storybook-book-grid>a,.storybook-format-options button{background:#fffef9;border-color:#d9c7a7;border-radius:14px;box-shadow:0 5px #d8b986}.storybook-book-grid>a:hover,.storybook-format-options button:hover:not(:disabled){border-color:#89c691}.storybook-format-options i{background:#e9f7eb;border-color:#299439}.storybook-book-grid>a>b{color:#299439}.storybook-editor-shell{color:var(--picture-ink,#2c3d2e);background:#ebf3ec}.storybook-editor-header{background:#fffdf7;border-bottom:3px solid #d4a25d;box-shadow:0 3px #b9854533}.storybook-inspector,.storybook-page-rail,.storybook-toolbar{background:#fffdf7}.storybook-workspace>.storybook-toolbar{overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:flex-start;overflow-x:auto}.storybook-align-buttons button.active,.storybook-page-rail>button.active{background:#e9f7eb;border-color:#299439}.storybook-workspace{background:#dde8de}.storybook-stage>.moveable-control-box{--moveable-color:#299439}.storybook-stage .moveable-rotation-control{background:#ffd963!important;border-color:#299439!important}.storybook-stage-help b{color:#299439}.storybook-stage-element.image{overflow:hidden}.storybook-stage-element.image>img{display:block;max-width:none!important;position:absolute!important}.storybook-stage-element.image>span{place-items:center;display:grid;inset:0;width:100%!important;max-width:none!important;height:100%!important;position:absolute!important}.storybook-stage-element.text{cursor:default;pointer-events:none}.storybook-stage-element.text>span{text-align:center;place-items:center;display:grid}.storybook-page-background{z-index:0;pointer-events:none;inset:0;object-fit:cover!important;width:100%!important;max-width:none!important;height:100%!important;position:absolute!important}.storybook-image-zone{z-index:1;pointer-events:none;border:2px dashed #2994396b;border-radius:12px;width:92%;height:72%;position:absolute;top:24%;left:4%}.storybook-image-zone>span{color:#299439;white-space:nowrap;background:#ffffffd1;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900;position:absolute;top:8px;left:50%;transform:translate(-50%)}.storybook-format-switcher{background:#eff5f0;border:1px solid #ccdbcf;border-radius:12px;align-items:center;gap:4px;padding:3px;display:flex}.storybook-toolbar .storybook-format-switcher>button{background:0 0;border-color:#0000;min-height:34px;padding:5px 8px;font-size:11px}.storybook-toolbar .storybook-format-switcher>button.active{color:#21782e;background:#fff;border-color:#299439}.storybook-page-controls,.storybook-story-control{border-bottom:1px solid #dae4dc;margin-bottom:16px;padding-bottom:16px}.storybook-page-controls h3,.storybook-story-control h3{margin:0 0 10px;font-size:15px}.storybook-story-control h3 small{color:#299439;margin-top:3px;font-size:11px;display:block}.storybook-page-controls p,.storybook-story-control p{color:var(--secondary);margin:9px 0 0;font-size:12px;line-height:1.5}.storybook-inspector-formats{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.storybook-inspector-formats button{cursor:pointer;background:#f9fcf9;border:1px solid #c2d1c4;border-radius:10px;min-height:44px;padding:5px 2px;font-size:11px;font-weight:900}.storybook-inspector-formats button.active{color:#21782e;background:#e9f7eb;border-color:#299439}.storybook-page-controls>.button,.storybook-page-controls>.text-button{margin-top:8px}.storybook-page-rail>button>span.has-background:after{content:"🌄";z-index:5;font-size:12px;position:absolute;bottom:2px;right:3px}.storybook-format-dialog{background:#fffdf7;border:3px solid #d4a25d;border-radius:22px;width:min(720px,100%);padding:26px;box-shadow:0 24px 70px #2b43314d}.storybook-format-dialog>header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.storybook-format-dialog h2{margin:2px 0 6px;font-size:clamp(25px,4vw,36px)}.storybook-format-dialog p{color:var(--secondary);margin:0;font-weight:700}@media (max-width:720px){.storybook-home-entry{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:18px}.storybook-home-entry .button{grid-column:1/-1;width:100%}.storybook-home-books span{font-size:43px}.storybook-home-books span:nth-child(3){font-size:28px}}@media (max-height:520px) and (orientation:landscape){.storybook-home-entry{grid-template-columns:74px minmax(0,1fr) auto;padding:13px 18px}.storybook-home-books{min-height:64px}.storybook-home-books span{font-size:38px}.storybook-home-entry h2{font-size:20px}.storybook-home-entry p:not(.eyebrow){display:none}}.landing-policy-links{color:var(--secondary);justify-content:center;gap:8px;margin:10px 0 0;font-size:12.5px;display:flex}.landing-policy-links>a{color:inherit;text-underline-offset:3px;padding:13px 6px;text-decoration:underline;display:inline-block}.policy-page{background:var(--bg);min-height:100vh;padding:0 20px 48px}.policy-topbar{padding:18px 0}.policy-body,.policy-topbar{max-width:720px;margin:0 auto}.policy-body{background:var(--paper);border:1px solid var(--soft-border);color:var(--ink);overflow-wrap:break-word;border-radius:16px;padding:28px 24px 32px;line-height:1.75}.policy-body>h1{margin:0 0 4px;font-size:26px}.policy-body h2{margin:26px 0 8px;font-size:18px}.policy-body ul{margin:8px 0;padding-left:20px}.policy-body li{margin:6px 0}.policy-updated{color:var(--secondary);margin:0 0 18px;font-size:13px}.policy-contact>a{color:var(--primary-dark);font-weight:700}@media (max-width:480px){.policy-body{padding:20px 16px 26px}.policy-body>h1{font-size:22px}}.arc-cockpit{background:var(--paper);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;max-width:1080px;margin:0 auto 14px;padding:14px 16px;display:flex}.arc-cockpit-now{flex-direction:column;gap:2px;min-width:220px;display:flex}.arc-cockpit-now>small{color:var(--secondary);font-weight:700}.arc-cockpit-now>b{color:var(--ink);font-size:17px}.arc-cockpit-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.arc-cockpit-actions>label{color:var(--secondary);flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.arc-cockpit-actions select{border:1px solid var(--border);background:var(--paper);min-height:44px;color:var(--ink);border-radius:10px;padding:0 10px;font-size:15px}.arc-cockpit-actions>.button{min-height:44px}.arc-cockpit-done{color:var(--secondary);align-self:center;font-weight:700}.arc-cockpit-jump>summary{cursor:pointer;min-height:44px;color:var(--secondary);align-items:center;font-weight:700;display:flex}.arc-cockpit-jump>button{min-height:44px;margin:6px 0;display:block}@media (max-width:640px){.arc-cockpit,.arc-cockpit-actions{flex-direction:column;align-items:stretch}}.today-episode-card{background:var(--paper);border:2px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:720px;margin:0 auto 18px;padding:24px 22px;display:flex}.today-episode-card>.teacher-activity-pill{margin:0}.today-episode-card>h2{color:var(--ink);margin:0;font-size:26px}.today-episode-scene{border-radius:14px;max-width:280px}.today-episode-scene-text{color:var(--secondary);margin:0;font-size:17px;font-weight:700;line-height:1.6}.today-episode-prompts{color:var(--secondary);text-align:left;margin:0;padding-left:22px;font-size:16px;font-weight:700;line-height:1.7}.today-episode-prompts li::marker{color:var(--primary-dark)}.arc-cockpit-discussion{margin-top:6px;font-size:14px}.arc-cockpit-discussion>summary{cursor:pointer;color:var(--primary-dark);font-weight:800}.arc-cockpit-discussion ol{margin:6px 0 0;padding-left:20px;line-height:1.6}.arc-cockpit-discussion p{color:var(--secondary);margin:6px 0 0}.today-episode-card>.child-primary-action{min-width:220px;min-height:56px;font-size:19px}@media (max-width:480px){.today-episode-card>h2{font-size:22px}.today-episode-card>.child-primary-action{width:100%}}.episode-drawer{background:var(--bg);border-right:2px solid var(--border);z-index:40;flex-direction:column;gap:12px;width:min(40vw,340px);padding:14px;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}.episode-drawer-head{justify-content:space-between;align-items:center;display:flex}.episode-drawer-head>b{color:var(--ink);font-size:16px}.episode-drawer-head>.icon-button{min-width:44px;min-height:44px;font-size:20px}.episode-drawer-item{background:var(--paper);border:1px solid var(--soft-border);box-shadow:3px 3px 0 var(--border);border-radius:12px;margin:0;padding:8px}.episode-drawer-item>img{background:#fff;border-radius:8px;width:100%;display:block}.episode-drawer-empty{justify-content:center;align-items:center;height:120px;font-size:34px;display:flex}.episode-drawer-item>figcaption{color:var(--secondary);text-align:center;margin-top:6px;font-size:13px;font-weight:700}@media (max-width:640px){.episode-drawer{border-right:0;border-top:2px solid var(--border);width:100%;height:45vh;top:auto}}.teacher-auth-notice{background:var(--paper);border:2px solid var(--yellow);text-align:left;border-radius:14px;flex-direction:column;gap:8px;max-width:560px;margin:14px auto 0;padding:14px 16px;display:flex}.teacher-auth-notice>b{color:var(--ink);font-size:15px}.teacher-auth-notice>span{color:var(--secondary);font-size:13.5px;line-height:1.6}.teacher-auth-notice>.button{align-self:flex-start;min-height:44px}.teacher-storybook-shell{width:min(1380px,100% - 32px);margin:0 auto;padding:20px 0 54px}.teacher-storybook-header{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;min-height:70px;display:grid}.teacher-storybook-header>div{min-width:0}.teacher-storybook-header h1{margin:1px 0 0;font-size:clamp(25px,3vw,40px)}.teacher-storybook-header p{margin:0}.teacher-storybook-hero{background:linear-gradient(135deg,#f0fcf2,#fff8d8);border:2px solid #b5dcb9;border-radius:26px;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:24px 28px;display:flex;box-shadow:0 12px 36px #274f2f14}.teacher-storybook-hero>div{align-items:center;gap:17px;min-width:0;display:flex}.teacher-storybook-hero>div>span{font-size:54px}.teacher-storybook-hero h2{margin:0 0 5px;font-size:clamp(22px,2.5vw,34px)}.teacher-storybook-hero p{color:var(--secondary);margin:0;line-height:1.5}.teacher-storybook-hero>strong{color:#299439;flex:none;align-items:baseline;gap:6px;font-size:42px;display:flex}.teacher-storybook-hero>strong small{font-size:14px}.teacher-storybook-actions{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #cee1d1;border-radius:18px;align-items:center;gap:14px;margin:0 0 16px;padding:12px 14px;display:flex;position:sticky;top:8px;box-shadow:0 8px 24px #274f2f1a}.teacher-storybook-actions label{align-items:center;gap:8px;font-weight:900;display:flex}.teacher-book-checkbox input,.teacher-storybook-actions input{accent-color:#299439;width:24px;height:24px}.teacher-storybook-actions>span{color:var(--secondary);font-weight:800}.teacher-storybook-actions .button{min-height:48px;margin-left:auto}.teacher-storybook-notice{color:#256d37;background:#eaf8e8;border-radius:16px;margin:12px 0;padding:14px 17px;font-weight:850;line-height:1.5}.teacher-storybook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.teacher-storybook-grid>article{background:#fff;border:2px solid #dbe7dd;border-radius:24px;grid-template-columns:180px minmax(0,1fr);gap:14px;min-width:0;padding:16px;display:grid;position:relative;box-shadow:0 9px 28px #274f2f12}.teacher-storybook-grid>article.selected{border-color:#359b41;box-shadow:0 0 0 3px #359b411f,0 9px 28px #274f2f14}.teacher-book-checkbox{z-index:5;background:#fffffff0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #274f2f26}.teacher-book-cover{aspect-ratio:4/3;background:#fff;border:1px solid #cfddd1;border-radius:15px;align-self:start;width:100%;position:relative;overflow:hidden;box-shadow:0 7px 20px #274f2f17;container-type:inline-size}.teacher-book-cover.format-portrait{aspect-ratio:3/4;justify-self:center;width:75%}.teacher-book-cover.format-square{aspect-ratio:1}.teacher-book-cover img{z-index:1;object-fit:contain;width:92%;height:77%;position:absolute;inset:19% 4% 4%}.teacher-book-cover span{z-index:2;color:#2b4331;text-align:center;max-height:18%;font-size:8cqi;font-weight:900;line-height:1.25;position:absolute;top:5%;left:6%;right:6%;overflow:hidden}.teacher-book-copy{align-self:center;min-width:0}.teacher-book-copy h2{overflow-wrap:anywhere;margin:3px 0 8px;font-size:24px}.teacher-book-copy>p:not(.eyebrow){color:var(--secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.feedback-status{color:#59725e;background:#f0f4f0;border-radius:999px;width:max-content;max-width:100%;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.feedback-status.waiting_rubric{color:#725800;background:#fff4c8}.feedback-status.complete{color:#266c35;background:#e8f8e9}.feedback-status.processing,.feedback-status.queued{color:#1e6b27;background:#eaf7eb}.teacher-book-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;display:grid}.teacher-book-actions .button{width:100%;min-width:0;min-height:46px}.teacher-storybook-empty{text-align:center;background:#f9fefa;border:2px dashed #c0d9c3;border-radius:26px;align-content:center;place-items:center;min-height:280px;padding:35px;display:grid}.teacher-storybook-empty span{font-size:64px}.teacher-storybook-empty h2{margin:9px 0 3px}.teacher-storybook-empty p{color:var(--secondary)}.teacher-rubric-note{background:#f5f0ff;border-left:5px solid #8c72be;border-radius:16px;margin-top:18px;padding:18px 20px}.teacher-rubric-note p{color:var(--secondary);margin:5px 0 0;line-height:1.55}.teacher-book-preview-shell{background:#edf7ee;min-height:100dvh;padding:16px 24px 32px}.teacher-book-preview-header{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;max-width:1460px;min-height:72px;margin:0 auto 14px;display:grid}.teacher-book-preview-header>div{min-width:0}.teacher-book-preview-header p{color:var(--secondary);margin:0;font-weight:800}.teacher-book-preview-header h1{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:clamp(22px,3vw,36px);overflow:hidden}.teacher-book-reader{grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:14px;max-width:1460px;margin:auto;display:grid}.teacher-book-reader>button{color:#299439;cursor:pointer;background:#fff;border:1px solid #c4d9c6;border-radius:18px;width:58px;height:72px;font-size:42px;font-weight:700}.teacher-book-reader>button:disabled{opacity:.3;cursor:not-allowed}.teacher-book-current{justify-items:center;gap:10px;min-width:0;display:grid}.teacher-book-current>footer{width:min(100%,1060px);color:var(--secondary);justify-content:space-between;gap:12px;font-size:13px;display:flex}.teacher-story-page{aspect-ratio:4/3;background:#fff;width:min(100%,1060px,133.333dvh - 253.333px);position:relative;overflow:hidden;box-shadow:0 18px 55px #274f2f2e;container-type:inline-size}.teacher-story-page.format-square{aspect-ratio:1;width:min(100%,780px,100dvh - 190px)}.teacher-story-page.format-portrait{aspect-ratio:3/4;width:min(100%,620px,75dvh - 142.5px)}.teacher-story-background{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.teacher-story-element{transform-origin:50%;min-width:0;min-height:0;position:absolute;overflow:hidden}.teacher-story-element.image img{max-width:none;position:absolute}.teacher-story-element.text{white-space:pre-wrap;overflow-wrap:anywhere;place-items:center;padding:0 1%;font-weight:800;line-height:1.35;display:grid;overflow:hidden}.teacher-story-element.text span{max-width:100%;max-height:100%;overflow:hidden}.teacher-book-thumbnails{justify-content:center;gap:8px;max-width:1120px;margin:18px auto 0;padding:10px;display:flex;overflow:auto}.teacher-book-thumbnails button{background:#fff;border:2px solid #0000;border-radius:12px;flex:none;width:52px;min-height:48px;padding:4px}.teacher-book-thumbnails button.active{border-color:#299439}.teacher-book-thumbnails span{color:#2b4331;border-radius:7px;place-items:center;width:100%;height:38px;font-weight:900;display:grid}.teacher-print-pages{display:none}@media (max-width:900px){.teacher-storybook-grid{grid-template-columns:1fr}.teacher-storybook-grid>article{grid-template-columns:160px minmax(0,1fr)}.teacher-book-preview-shell{padding:10px 12px 24px}.teacher-book-preview-header{grid-template-columns:auto minmax(0,1fr) auto}.teacher-book-preview-header>.brand{display:none}.teacher-book-reader{grid-template-columns:44px minmax(0,1fr) 44px;gap:7px}.teacher-book-reader>button{width:44px;height:60px;font-size:34px}}@media (max-width:600px){.teacher-storybook-shell{width:min(100% - 20px,1380px);padding-top:10px}.teacher-storybook-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.teacher-storybook-header>.brand{display:none}.teacher-storybook-header>div{grid-area:2/1/auto/-1}.teacher-storybook-hero{padding:18px}.teacher-storybook-hero>div>span{display:none}.teacher-storybook-hero>strong{font-size:30px}.teacher-storybook-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.teacher-storybook-actions .button{grid-column:1/-1;width:100%;margin:0}.teacher-storybook-grid>article{grid-template-columns:112px minmax(0,1fr);padding:12px}.teacher-book-copy h2{font-size:19px}.teacher-book-cover.format-portrait{width:85%}.teacher-book-actions{grid-template-columns:1fr}.teacher-book-preview-header{grid-template-columns:auto minmax(0,1fr)}.teacher-book-preview-header>a{grid-column:1}.teacher-book-preview-header>div{grid-area:1/2}.teacher-book-preview-header>.button{grid-column:1/-1;width:100%}.teacher-book-reader{grid-template-columns:36px minmax(0,1fr) 36px}.teacher-book-reader>button{border-radius:12px;width:36px;height:52px;font-size:29px}.teacher-book-current>footer{text-align:center;justify-items:center;display:grid}}@media print{@page{margin:0}body{background:#fff!important}.teacher-book-preview-header,.teacher-book-reader,.teacher-book-thumbnails{display:none!important}.teacher-book-preview-shell{background:#fff;min-height:0;padding:0}.teacher-print-pages{display:block}.teacher-print-pages>article{break-after:page;page-break-after:always;align-content:center;place-items:center;min-height:100vh;display:grid}.teacher-print-pages>article:last-child{break-after:auto;page-break-after:auto}.teacher-print-pages .teacher-story-page{width:94vw;max-height:90vh;box-shadow:none}.teacher-print-pages .teacher-story-page.format-portrait{width:min(72vw,70vh)}.teacher-print-pages .teacher-story-page.format-square{width:min(88vw,82vh)}.teacher-print-pages footer{color:#59725e;margin-top:6px;font-size:10px}}.gallery-landing{min-height:100dvh;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--bg) url(/landing-gallery/paper-blue-1024.webp) center /cover no-repeat;overflow-x:hidden}.gallery-landing .topbar{z-index:6;min-height:64px;position:relative}.gallery-landing .topbar .brand{min-height:44px}.gallery-landing .teacher-link{min-height:44px;color:var(--picture-ink);background:#fffffff0;border-color:#b5ddba;box-shadow:0 4px #cae7cd}.gallery-hero{width:min(1180px,100% - 32px);margin:0 auto}.gallery-copy{text-align:center}.gallery-landing .landing-eyebrow{color:var(--picture-blue);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(13px,3.4vw,16px);font-weight:900}.gallery-landing .landing-headline{color:var(--picture-ink);letter-spacing:-.055em;margin:0;font-size:clamp(27px,7.4vw,40px);font-weight:950;line-height:1.18}.gallery-landing .landing-headline span{color:var(--picture-ink)}.gallery-landing .landing-headline strong{color:#299539;font:inherit}.gallery-landing .landing-subtitle{width:min(100%,460px);color:var(--picture-muted);margin:9px 0 0;margin-inline:auto;font-size:clamp(13px,3.6vw,17px);font-weight:800;line-height:1.4}.gallery-stage{flex-direction:column;align-items:center;gap:16px;margin-top:16px;display:flex;position:relative}.gallery-duck{object-fit:contain;order:1;width:min(62vw,260px);height:auto;display:block}.gallery-entry{order:2;width:min(360px,100%)}.gallery-wall{order:3;gap:38px;width:100%;padding-top:20px;display:grid}.gallery-exhibit{width:min(100%,280px);margin-inline:auto}.gallery-leaves{display:none}.gallery-frame{aspect-ratio:4/3;margin:0;position:relative}.gallery-frame__rim{pointer-events:none;width:100%;height:100%;display:block}.gallery-frame__art{object-fit:contain;background:#fff;width:71.7%;height:62%;position:absolute;top:18%;left:14.1%}.gallery-wire{pointer-events:none;width:76%;height:18%;position:absolute;top:-12%;left:12%}.gallery-wire:after,.gallery-wire:before{content:"";background:#b2d5b8;width:52%;height:1px;position:absolute;top:0}.gallery-wire:before{transform-origin:100%;left:0;transform:rotate(-17deg)}.gallery-wire:after{transform-origin:0;right:0;transform:rotate(17deg)}.gallery-pin{background:#d8eedc;border:1px solid #b1d4b7;border-radius:50%;width:12px;height:12px;position:absolute;top:-2%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 3px #496b8933}.gallery-shape-chip{color:#799f7f;background:#fffffff0;border:1px solid #dceedf;border-radius:999px;align-items:center;gap:6px;width:max-content;margin:6px auto 0;padding:5px 12px;font-size:13px;font-weight:800;line-height:1;display:flex;box-shadow:0 3px 8px #18452317}.gallery-shape-chip i{color:#a3c2a8;font-style:normal}.gallery-shape-chip img{width:20px;height:20px}.gallery-student-tag{text-align:center;background:#fff;border:1px solid #d9e7db;border-radius:14px;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 auto 10px;padding:8px 16px;display:flex;box-shadow:0 10px 24px #18452324}.gallery-student-tag img{flex:none}.gallery-student-tag b{color:#299539;letter-spacing:-.03em;font-size:19px;font-weight:950}.gallery-student-tag span{color:#507a58;font-size:12px;font-weight:800}.gallery-landing .landing-code-card{background:#fff;border:1px solid #d9e7db;border-radius:20px;width:100%;max-width:none;margin:0;padding:14px 16px 16px;position:static;box-shadow:0 12px 28px #18452326}.gallery-landing .landing-code-card-title{color:var(--picture-ink);text-align:center;margin:0 0 10px;font-size:15px;font-weight:950}.gallery-landing .landing-code-form{flex-direction:column;align-items:center;gap:12px;width:100%;margin:0;display:flex}.gallery-landing .landing-code-boxes{gap:8px;display:flex}.gallery-landing .landing-code-box{width:52px;height:56px;min-height:44px;color:var(--picture-ink);text-align:center;background:#fff;border:2px solid #c7e3cb;border-radius:12px;padding:0;font-size:22px;font-weight:900}.gallery-landing .landing-code-box:focus-visible{border-color:var(--primary)}.gallery-landing .landing-code-submit{background:#2a943c;width:100%;min-height:52px;margin:0;box-shadow:0 6px #20722e}.gallery-landing .landing-code-form:has(.landing-code-box:invalid) .landing-code-submit{opacity:.45;cursor:not-allowed}.gallery-landing .landing-code-form:has(.landing-code-box:invalid) .landing-code-submit:hover{transform:none}.gallery-trust-note{color:#507a58;text-align:center;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:12px;font-weight:800;display:flex}.gallery-trust-note>svg{flex:none;width:16px;height:16px}.gallery-reasons{background:#fffffff2;border:1px solid #d5ead8;border-radius:22px;width:min(1180px,100% - 32px);margin:22px auto 28px;padding:18px 18px 20px;box-shadow:0 8px 22px #18452317}.gallery-reasons h2{color:var(--picture-ink);letter-spacing:-.045em;margin:0 0 14px;font-size:18px;font-weight:950;line-height:1.25}.gallery-reasons ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.gallery-reasons li{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;display:grid}.gallery-reasons li>img{justify-self:center;width:26px;height:26px}.gallery-reasons li>div{gap:2px;display:grid}.gallery-reasons b{color:var(--picture-ink);letter-spacing:-.035em;font-size:15px;font-weight:950}.gallery-reasons span{color:var(--picture-muted);font-size:12px;font-weight:750;line-height:1.4}@media (max-width:340px){.gallery-landing .landing-code-box{width:46px;height:50px;font-size:20px}.gallery-landing .landing-code-card{padding:12px 10px 14px}}@media (min-width:760px){.gallery-stage{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 340px;column-gap:30px;margin-top:20px;padding-top:24px;display:grid}.gallery-wall{grid-area:1/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;width:96%;margin-inline:auto;padding-top:0}.gallery-exhibit{width:auto;margin-inline:0}.gallery-duck{z-index:2;width:min(43%,440px);margin:0;position:absolute;bottom:0;left:14%}.gallery-entry{z-index:3;grid-area:2/2;align-self:start;width:300px;margin-top:14px}.gallery-leaves{z-index:1;width:78px;height:auto;display:block;position:absolute;bottom:0;right:0}.gallery-shape-chip{font-size:12px}.gallery-exhibit:first-child .gallery-shape-chip{margin-inline:4% auto}.gallery-exhibit:nth-child(2) .gallery-shape-chip{margin-inline:auto 2%}.gallery-reasons{align-items:center;gap:22px;padding:20px 24px;display:flex}.gallery-reasons h2{flex:none;margin:0;font-size:20px}.gallery-reasons ul{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-reasons li{border-left:1px solid #e1efe3;padding-left:18px}}@media (min-width:900px){.gallery-hero{padding-top:4px}.gallery-landing .landing-headline{font-size:min(4.6vw,54px);line-height:1.1}.gallery-landing .landing-subtitle{width:auto;font-size:min(1.75vw,20px)}.gallery-landing .landing-eyebrow{font-size:min(1.5vw,17px)}.gallery-stage{margin-top:14px}.gallery-student-tag b{font-size:24px}.gallery-student-tag span{font-size:13px}.gallery-landing .landing-code-card-title{font-size:16px}.gallery-leaves{width:92px}.gallery-reasons h2{font-size:22px}.gallery-reasons b{font-size:16px}.gallery-reasons span{font-size:13px}}@media (max-height:560px) and (orientation:landscape) and (min-width:760px){.gallery-landing .topbar{min-height:52px}.gallery-hero{padding-top:0}.gallery-landing .landing-headline{font-size:min(3.4vw,34px)}.gallery-landing .landing-subtitle{font-size:13px}.gallery-landing .landing-eyebrow{margin-bottom:4px;font-size:12px}.gallery-stage{grid-template-rows:auto;column-gap:20px;margin-top:6px;padding-top:8px}.gallery-wall{grid-area:1/1;gap:4%;width:100%}.gallery-exhibit{width:auto}.gallery-entry{grid-area:1/2;margin-top:0}.gallery-duck{width:min(26%,190px);left:0}.gallery-student-tag{margin-bottom:7px;padding:6px 12px}.gallery-student-tag b{font-size:18px}.gallery-landing .landing-code-card{padding:10px 14px 12px}.gallery-landing .landing-code-card-title{margin-bottom:7px;font-size:14px}.gallery-landing .landing-code-form{gap:9px}.gallery-landing .landing-code-box{height:48px;font-size:20px}.gallery-landing .landing-code-submit{min-height:48px}.gallery-trust-note{margin-top:8px}.gallery-shape-chip{margin-left:0;margin-inline:auto}.gallery-leaves{display:none}.gallery-reasons{margin-top:14px}}.studio-save-state{align-items:center;gap:3px;display:inline-flex}.studio-save-state>svg{color:#2e9e5b;flex:none}.studio-header>.icon-button.studio-back{color:var(--ink)}.step-collapse{display:none}@media (min-width:900px) and (min-height:600px){.studio-body,.studio-body.without-step-panel{background:#f5faf6;grid-template-columns:minmax(0,1fr);position:relative}.studio-body:has(.step-panel .observation-reference){grid-template-columns:minmax(0,1fr)}.canvas-zone{grid-area:1/1;padding:0}.canvas-wrap{width:auto;box-shadow:none;border-radius:0}.canvas-zone.has-canvas-status .canvas-wrap{width:auto}.grimi-panel,.step-panel{z-index:4;background:#fffffff7;border:1px solid #e7f0e8;border-radius:20px;width:min(620px,100% - 150px);max-height:calc(100% - 28px);padding:14px 52px 14px 14px;position:absolute;top:14px;left:14px;box-shadow:0 10px 30px #274f2f24}.step-panel{grid-template-columns:96px minmax(0,1fr) auto;align-content:start;align-items:center;gap:6px 14px;display:grid;overflow:auto}.step-panel>.eyebrow{color:var(--primary-dark);grid-area:1/2;margin:0;font-size:13px}.step-panel .lesson-spoken-prompt{grid-area:2/2;align-items:center}.step-panel .lesson-spoken-prompt h2{margin:0;font-size:16px;line-height:1.4}.step-panel .reference-tile{border-radius:14px;grid-area:1/1/3;min-height:76px;margin:0}.step-panel .reference-tile small{display:none}.step-panel .step-actions{grid-area:1/3/3;grid-template-columns:repeat(2,auto);margin:0}.step-panel .step-actions button{min-width:74px}.step-panel .choice-chips,.step-panel .guide-actions,.step-panel .lesson-step-prompt,.step-panel>.text-button{grid-column:1/-1;margin:0}.step-panel>.text-button{justify-self:start}.step-collapse{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;place-items:center;display:grid;position:absolute;top:14px;right:12px}.step-collapse[aria-expanded=false]>svg{transform:rotate(180deg)}.step-panel.collapsed{width:auto;min-height:0;padding-right:66px}.step-panel.collapsed>:not(.reference-tile):not(.step-collapse){display:none}}.studio-header>.grimi-button{gap:6px}.grimi-button-label{line-height:1}.studio a>svg,.studio button>svg{pointer-events:none}.canvas-wrap{aspect-ratio:var(--paper-aspect,1)}.eraser-footprint{aspect-ratio:1}.timelapse-modal canvas{aspect-ratio:var(--paper-aspect,1)}.student-thumb img,.teacher-artwork-history-grid img{object-fit:contain}.canvas-zone{container-type:size}.canvas-wrap{width:min(100cqw,calc(100cqh * var(--paper-ratio,1)));max-width:100%;height:auto;max-height:100%}.roster-field{gap:6px;display:grid}.roster-field textarea{border:1px solid var(--border);resize:vertical;border-radius:12px;min-height:120px;padding:10px 12px;font-size:16px;line-height:1.6}.roster-hint{color:var(--secondary)}.roster-errors,.roster-hint{font-size:12px;font-weight:800}.roster-errors{color:#9f2f2f;margin:0;padding-left:18px}.roster-privacy{color:var(--secondary);margin:2px 0 0;font-size:12px;font-weight:750;line-height:1.5}.roster-add{border:1px solid var(--border);background:#fff;border-radius:18px;gap:10px;margin-top:18px;padding:16px;display:grid}.roster-add button{justify-self:start}.roster-edit{border:2px solid var(--primary);background:#f4fdf5;border-radius:18px;flex-wrap:wrap;align-items:end;gap:10px;margin-top:14px;padding:14px 16px;display:flex}.roster-edit>b{width:100%}.roster-edit label{gap:4px;margin:0;font-size:12px;font-weight:900;display:grid}.roster-edit input{border:1px solid var(--border);border-radius:10px;min-height:44px;padding:8px 10px;font-size:16px}.roster-edit input[name=seat]{width:88px}.student-roster-name{color:var(--primary-dark);font-size:12px;font-weight:900;display:block}.teacher-dashboard{--td-green:var(--primary);--td-green-dark:var(--primary-dark);--td-ink:#1f2933;--td-muted:#6b7280;--td-line:#e5e7eb;width:100%;color:var(--td-ink);background:#fff;padding:0 0 56px}.teacher-dashboard>:not(dialog){width:min(1180px,100% - 48px);margin-inline:auto}.teacher-dashboard>.teacher-header{border-bottom:1px solid var(--td-line);background:#fff;width:100%;min-height:70px;margin:0 0 8px;padding:0 max(24px,50% - 590px)}.teacher-dashboard>.teacher-header>div{align-items:center;gap:8px;margin-left:auto;display:flex}.teacher-dashboard>.teacher-header>div:first-of-type{margin-left:auto}.teacher-dashboard>.teacher-header span{color:var(--td-muted);font-size:14px}.teacher-dashboard>.teacher-header b{font-size:15px}.teacher-dashboard>.teacher-header>div:after{content:"";background:var(--td-line);width:1px;height:22px;margin-left:12px}.teacher-dashboard .small-button{border-color:var(--td-line);border-radius:8px;min-height:44px;padding:9px 18px}.teacher-dashboard .button.primary{background:var(--td-green);box-shadow:none;border-radius:8px}.teacher-dashboard .button.primary:hover:not(:disabled){background:var(--td-green-dark);transform:none}.teacher-dashboard .button.secondary{box-shadow:none;border-radius:8px}.dashboard-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:24px;display:flex}.dashboard-title h1{letter-spacing:-.04em;margin:0;font-size:36px}.dashboard-title p{color:var(--td-muted);margin:8px 0 0;font-size:15px}.create-class{border:1px solid var(--td-line);background:#f9fafb;border-radius:12px;gap:12px;margin-top:18px;padding:18px;display:grid}.create-class label{margin:0}.create-class input,.create-class textarea{border-radius:8px}.create-class-actions{flex-wrap:wrap;gap:10px;display:flex}.teacher-dashboard .section-title{border-bottom:1px solid var(--td-line);align-items:center;margin:36px 0 12px;padding-bottom:12px}.teacher-dashboard .section-title h2{letter-spacing:-.02em;font-size:20px}.teacher-dashboard .section-title h2 small{color:var(--td-muted);font-size:14px;font-weight:600}.teacher-dashboard .section-title span{color:var(--td-muted)}.class-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.class-card{border-right:1px solid var(--td-line);min-width:0;padding:8px 12px 12px}.class-card:last-child{border-right:0}.class-card-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.class-card-head h3{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:22px}.class-card p{color:var(--td-muted);margin:6px 0 20px;font-size:15px}.class-card-foot{flex-wrap:wrap;align-items:center;gap:14px;font-size:15px;display:flex}.class-card-foot>span{color:var(--td-muted);align-items:center;gap:6px;display:inline-flex}.class-card-foot>.class-open-link{margin-left:auto}.admission-badge{white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-block}.admission-badge.is-open{color:#2f7a4a;background:#e4f4ea}.admission-badge.is-closed{color:#5f6b73;background:#f1f3f4}.class-search{margin:0;font-weight:600}.class-search input{border:1px solid var(--td-line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 12px no-repeat;border-radius:8px;width:min(300px,60vw);min-height:44px;padding:8px 14px 8px 38px}.class-filter{border-bottom:1px solid var(--td-line);gap:4px;margin-bottom:14px;display:flex}.class-filter button{min-height:44px;color:var(--td-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-weight:700}.class-filter button[aria-pressed=true]{color:var(--td-green);border-bottom-color:var(--td-green)}.class-table{border-collapse:collapse;width:100%;font-size:15px}.class-table th{color:#4b5563;text-align:left;background:#f7f8f9;padding:12px 14px;font-size:13px;font-weight:700}.class-table td{border-bottom:1px solid var(--td-line);vertical-align:middle;padding:8px 14px}.class-table td b{overflow-wrap:anywhere;font-size:16px;display:block}.class-row-meta{color:var(--td-muted);flex-wrap:wrap;align-items:center;gap:0 4px;margin:-6px 0 -8px;font-size:13px;display:flex}.class-row-meta>button:not(:last-child):after,.class-row-meta>span:after{content:"|";color:#d1d5db;margin-left:8px}.class-row-meta button{min-width:44px;min-height:44px;color:var(--td-green);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:700}.class-row-actions{white-space:nowrap;text-align:right}.class-open-link{min-height:44px;color:var(--td-green);align-items:center;padding:0 12px;font-weight:800;display:inline-flex}.class-open-link.is-primary{background:var(--td-green);color:#fff;border-radius:8px;padding:0 18px}.class-open-link.is-primary:hover{background:var(--td-green-dark)}.row-menu{margin-left:8px;display:inline-block;position:relative}.row-menu summary{cursor:pointer;border-radius:8px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;list-style:none;display:inline-grid}.row-menu summary::-webkit-details-marker{display:none}.row-menu summary:hover{background:#f3f4f6}.row-menu[open] summary{background:#e5e7eb}.class-delete-button{z-index:3;border:1px solid var(--td-line);color:#9f2f2f;text-align:left;white-space:normal;overflow-wrap:break-word;cursor:pointer;background:#fff;border-radius:8px;min-width:150px;min-height:44px;padding:10px 14px;font-weight:800;line-height:1.35;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.class-delete-button:disabled{cursor:wait;opacity:.62}@media (max-width:1000px){.class-grid{grid-template-columns:1fr 1fr}.class-card:nth-child(3){display:none}}@media (max-width:720px){.teacher-dashboard>:not(dialog){width:calc(100% - 32px)}.teacher-dashboard>.teacher-header{width:100%;padding:0 16px}.dashboard-title{flex-direction:column}.dashboard-title h1{font-size:28px}.class-grid{grid-template-columns:1fr}.class-card{border-right:0;border-bottom:1px solid var(--td-line);padding:14px 0}.class-card:nth-child(3){display:block}.teacher-dashboard .section-title{flex-wrap:wrap}.class-search input{width:100%}.class-filter{overflow-x:auto}.class-filter button{white-space:nowrap}.class-table thead{display:none}.class-table,.class-table tbody,.class-table td,.class-table tr{display:block}.class-table tr{border-bottom:1px solid var(--td-line);padding:8px 0}.class-table td{border:0;padding:6px 0}.class-table td[data-label]:not(:first-child):before{content:attr(data-label);min-width:80px;color:var(--td-muted);font-size:13px;display:inline-block}.class-row-actions{justify-content:flex-end;align-items:center;display:flex}.class-row-actions .class-open-link.is-primary{flex:1;justify-content:center}}.color-picker-modal{flex-direction:column;width:min(460px,100%);display:flex}.color-picker-body{flex:1;grid-template-rows:auto auto auto minmax(44px,1fr);gap:14px;min-height:0;display:grid;overflow:hidden}.color-picker-area{aspect-ratio:16/10;border:2px solid var(--soft-border);touch-action:none;cursor:crosshair;border-radius:16px;flex:none;width:100%;max-height:28vh;position:relative}.color-picker-area:focus-visible{outline:4px solid var(--primary);outline-offset:3px}.color-picker-dot{pointer-events:none;border:3px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.color-picker-hue{gap:6px;margin:0;display:grid}.color-picker-hue input{appearance:none;border:2px solid var(--soft-border);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:12px;width:100%;height:44px;margin:0}.color-picker-hue input::-webkit-slider-thumb{appearance:none;background:0 0;border:3px solid #fff;border-radius:10px;width:32px;height:40px;box-shadow:0 0 0 1px #00000059}.color-picker-hue input::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:10px;width:32px;height:40px;box-shadow:0 0 0 1px #00000059}.color-picker-preview{align-items:center;gap:10px;font-weight:900;display:flex}.color-picker-preview i{border:2px solid #274f2f40;border-radius:50%;flex:none;width:44px;height:44px}.color-picker-swatches{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-content:start;gap:6px;min-height:0;padding:3px;display:grid;overflow:auto}.color-picker-swatches button{cursor:pointer;border:1px solid #274f2f33;border-radius:50%;justify-self:center;width:44px;height:44px;min-height:44px;padding:0}.color-picker-swatches button[aria-pressed=true]{outline-offset:2px;outline:3px solid #246f2e}@media (max-height:520px) and (orientation:landscape){.color-picker-modal{width:min(760px,100%);padding:14px 18px}.color-picker-modal h2{margin:0 0 10px;font-size:20px}.color-picker-body{grid-template-rows:auto auto minmax(44px,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px}.color-picker-area{aspect-ratio:auto;grid-row:1/span 3;height:100%;min-height:120px;max-height:none}.color-picker-hue span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.color-picker-modal .modal-actions{margin-top:10px}}@media (max-height:640px) and (orientation:portrait){.color-picker-area{max-height:20vh}.color-picker-body{gap:10px}}.archive-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.archive-actions .button,.archive-actions .small-button{min-height:44px}.archive-actions .button.primary{padding-inline:18px}@media (max-width:460px){.archive-page>.app-header{flex-wrap:wrap;gap:10px}.archive-actions{width:100%}.archive-actions .button.primary{flex:1}}.roster-print-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.roster-print-actions p{color:var(--tw-muted,#5f7d64);margin:0;font-size:14px;line-height:1.6}.roster-print{color:#14231a}.roster-print-sheet{background:#fff;border:1px solid #d8e0d6;border-radius:10px;padding:18px}.roster-print-sheet+.roster-print-sheet{margin-top:18px}.roster-print-sheet>header h3{margin:0 0 4px;font-size:18px;font-weight:800}.roster-print-sheet>header p{color:#5f7d64;margin:0;font-size:13px}.roster-print-note{color:#41603f;background:#f4f7f2;border-radius:8px;margin:12px 0;padding:8px 10px;font-size:13px}.roster-print table{border-collapse:collapse;width:100%;margin-top:8px}.roster-print td,.roster-print th{text-align:left;border:1px solid #cfdcc6;padding:7px 10px;font-size:14px}.roster-print th{background:#f4f7f2;font-weight:700}.roster-print-code{letter-spacing:.16em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:800}.roster-print-code-big{font-size:30px}.roster-print-slip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:12px;display:grid}.roster-print-slip{break-inside:avoid;border:1px dashed #7f9a80;gap:8px;padding:12px 14px;display:grid}.roster-print-slip-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.roster-print-slip-head b{font-size:14px}.roster-print-slip-head span{color:#41603f;font-size:13px;font-weight:700}.roster-print-slip-body{align-items:center;gap:12px;display:flex}.roster-print-slip-qr{justify-items:center;gap:3px;display:grid}.roster-print-slip-qr small{color:#5f7d64;font-size:10px}.roster-print-slip-qr .qr-code-frame{background:0 0;border:0;padding:0}.roster-print-slip-qr canvas{width:74px!important;height:74px!important}.roster-print-slip dl{flex:1;gap:6px;min-width:0;margin:0;display:grid}.roster-print-slip dl>div{gap:1px;display:grid}.roster-print-slip dt{color:#5f7d64;font-size:11px;font-weight:700}.roster-print-slip dd{margin:0}.roster-print-slip-foot{color:#41603f;margin:0;font-size:11px;line-height:1.45}@media print{body:has(.roster-print) :not(:has(.roster-print)):not(.roster-print):not(.roster-print *){display:none!important}body:has(.roster-print){overflow:visible!important}.tcw-dialog-backdrop:has(.roster-print){background:0 0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important}.tcw-dialog:has(.roster-print){width:auto!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:visible!important}.roster-print-sheet{border:0;border-radius:0;padding:0}.roster-print-sheet+.roster-print-sheet{break-before:page;margin-top:0}.roster-print td,.roster-print th,.roster-print-slip{border-color:#666}}.qr-scanner-backdrop{z-index:80;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#122214b8;place-items:center;display:grid;position:fixed;inset:0}.qr-scanner{background:#fffdf4;border-radius:22px;gap:12px;width:min(100%,460px);max-height:100%;padding:16px;display:grid;overflow:auto;box-shadow:0 18px 40px #00000047}.qr-scanner-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.qr-scanner-head h2{color:#123f23;margin:0;font-size:22px;font-weight:900}.qr-scanner-close{color:#123f23;cursor:pointer;background:#f1ead2;border:0;border-radius:50%;min-width:52px;min-height:52px;font-size:30px;font-weight:900;line-height:1}.qr-scanner-view{aspect-ratio:1;background:#1b2a1d;border-radius:16px;width:100%;position:relative;overflow:hidden}.qr-scanner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.qr-scanner-frame{outline-offset:0;pointer-events:none;border-radius:14px;outline:4px solid #ffcf37;position:absolute;inset:18%;box-shadow:0 0 0 999px #00000047}.qr-scanner-wait{text-align:center;color:#fff;margin:0;font-weight:800;position:absolute;inset:auto 0 12px}.qr-scanner-hint{text-align:center;color:#426d34;min-height:1.4em;margin:0;font-size:18px;font-weight:900}.qr-scanner-problem{text-align:center;background:#fff5d9;border-radius:16px;justify-items:center;gap:8px;padding:24px 14px;display:grid}.qr-scanner-problem span{font-size:44px}.qr-scanner-problem p{color:#5a3d1e;margin:0;font-size:17px;font-weight:800;line-height:1.5}.qr-scanner-cancel{min-height:52px}.landing-qr-button{justify-content:center;align-items:center;gap:8px;min-height:52px;margin-top:10px;font-weight:900;display:inline-flex}.landing-qr-error{color:#8a2c1f;background:#fdecea;border-radius:12px;margin:8px 0 0;padding:10px 12px;font-size:14px;font-weight:800}.studio-actions{flex:0 auto;align-items:center;gap:4px;min-width:0;margin-left:auto;display:flex}.studio-action{color:#1d2a22;min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:16px;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.studio-action:hover{background:#f1f4f1}.studio-action:active{transform:translateY(1px)}.studio-action:focus-visible{outline-offset:2px;outline:3px solid #184028}.studio-action:disabled{opacity:.5;cursor:default;transform:none}.studio-action>svg{flex:none}.studio-action.is-helper{color:#4a3500;background:#fdf1d2}.studio-action.is-helper:hover{background:#fbe6b0}.studio-action-mongri{object-fit:cover;border-radius:50%;flex:none;width:28px;height:28px}.studio-action-spinner{border:3px dotted #d6a21c;border-radius:50%;flex:none;width:24px;height:24px;animation:studio-action-spin 1.2s linear infinite}@keyframes studio-action-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.studio-action-spinner{animation:none}}.studio-action.hand-raise-button.is-raised{color:#184028;background:#e6f2ea;border-color:#9cc7ab}.studio-action.has-unread{background:#fdf1d2}.studio-action-badge{color:#fff;background:#e23f3f;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.studio-action.is-primary{color:#fff;background:#184028;margin-left:8px;padding:0 20px;font-size:17px;font-weight:800}.studio-action.is-primary:hover{background:#10301e}@media (max-width:1000px){.studio-action{gap:5px;padding:0 9px;font-size:14px}.studio-action.is-primary{padding:0 14px;font-size:15px}}@media (max-width:720px) and (orientation:portrait){.studio{grid-template-rows:auto minmax(0,1fr)}.studio-header{flex-wrap:wrap;row-gap:4px;overflow:visible}.studio-actions{order:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;margin:0;display:grid}.studio-actions .studio-action{white-space:normal;text-align:center;flex-direction:column;gap:2px;min-height:56px;padding:4px 2px;font-size:12px}.studio-actions .studio-action>span{word-break:keep-all}.studio-actions .studio-action-badge{top:2px;right:calc(50% - 26px)}.studio-finish{margin-left:auto}.canvas-message,.teacher-mark-card{top:calc(128px + env(safe-area-inset-top))}.teacher-viewing{top:calc(178px + env(safe-area-inset-top))}}@media (max-width:460px) and (max-height:500px),(max-width:720px) and (orientation:landscape){.studio-actions .studio-action>span:not(.studio-action-spinner){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-actions .studio-action{width:44px;min-width:44px;padding:0}}.studio{--dock-space:calc(126px + env(safe-area-inset-bottom))}.studio.dock-collapsed{--dock-space:calc(64px + env(safe-area-inset-bottom))}.canvas-zone{padding:0}.canvas-wrap{box-shadow:none;border-radius:0}.canvas-full-hint,.canvas-start-hint{bottom:calc(var(--dock-space) + 40px)}.studio.dock-collapsed .canvas-full-hint,.studio.dock-collapsed .canvas-start-hint{bottom:calc(var(--dock-space) + 8px)}.tool-dock{z-index:12;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));background:#fbf6e8;border:1px solid #ece2c4;border-radius:30px;align-items:flex-end;gap:12px;width:max-content;max-width:calc(100vw - 24px);height:106px;padding:0 16px;transition:translate .32s cubic-bezier(.2,.8,.2,1),visibility;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #46371429}.tool-dock.is-collapsed{translate:0 calc(100% + 12px + env(safe-area-inset-bottom));visibility:hidden;box-shadow:none;transition:translate .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s,box-shadow 0s .32s}.dock-toggle{color:#184028;cursor:pointer;touch-action:none;visibility:visible;background:0 0;border:0;justify-content:center;align-items:flex-end;gap:6px;min-width:76px;height:44px;min-height:44px;padding:0 18px 5px;font-size:15px;font-weight:800;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.dock-toggle:before{content:"";z-index:-1;background:#fbf6e8;border:1px solid #ece2c4;border-bottom:0;border-radius:16px 16px 0 0;height:30px;position:absolute;bottom:-1px;left:0;right:0}.dock-toggle>svg{transition:transform .32s;transform:rotate(180deg)}.dock-toggle:focus-visible{outline-offset:-3px;border-radius:16px 16px 0 0;outline:3px solid #184028}.tool-dock.is-collapsed>.dock-toggle{min-width:104px;height:54px;padding-bottom:calc(9px + env(safe-area-inset-bottom));box-shadow:none}.tool-dock.is-collapsed>.dock-toggle:before{height:44px;box-shadow:0 -6px 18px #46371424}.tool-dock.is-collapsed>.dock-toggle>svg{transform:none}@media (prefers-reduced-motion:reduce){.dock-toggle>svg,.tool-dock,.tool-dock.is-collapsed{transition:none}}.zoom-controls{z-index:6;background:#fffdf6f5;border:1px solid #e4d9ba;border-radius:16px;gap:2px;padding:3px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px #274f2f26}.zoom-controls button{color:#184028;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:24px;font-weight:800;line-height:1;display:grid}.zoom-controls .zoom-fit{font-size:12px}.zoom-controls button:disabled{opacity:.35;cursor:default}.zoom-controls .zoom-fit:disabled{opacity:.7}.zoom-controls button:not(:disabled):hover{background:#f1ead3}.zoom-controls button:focus-visible{outline-offset:-3px;outline:3px solid #184028}.dock-history{align-self:center;gap:8px;display:flex}.dock-history button,.dock-more{color:#184028;cursor:pointer;background:#fffdf6;border:1px solid #e4d9ba;border-radius:50%;place-items:center;width:48px;height:48px;min-height:48px;padding:0;display:grid;box-shadow:0 2px 4px #46371414}.dock-history button:disabled{opacity:.35;cursor:default}.dock-more{align-self:center}.dock-more[aria-expanded=true]{color:#fff;background:#184028;border-color:#184028}.dock-color:focus-visible,.dock-current-color:focus-visible,.dock-history button:focus-visible,.dock-more-colors:focus-visible,.dock-more:focus-visible,.dock-tool:focus-visible{outline-offset:3px;outline:3px solid #184028}.dock-tools{border-left:1px solid #e8ddbf;border-right:1px solid #e8ddbf;align-items:flex-end;gap:6px;height:100%;padding:14px 10px 0;display:flex;position:relative}.dock-tool{cursor:pointer;width:60px;min-width:44px;height:92px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:16px 16px 0 0;padding:0;position:relative;overflow:hidden}.dock-tool-art{width:52px;height:156px;margin-left:-26px;transition:transform .16s;position:absolute;top:16px;left:50%}.dock-tool-art img{object-fit:contain;object-position:top center;pointer-events:none;width:100%;height:100%;display:block}.dock-tool-tint{background:linear-gradient(90deg,#fff6,#fff0 42%,#0003),var(--dock-color,#1b3a57);pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dock-tool[aria-pressed=true]{background:#184028}.dock-tool[aria-pressed=true] .dock-tool-art{transform:translateY(-12px)}.dock-tool-mirror .dock-tool-art{height:44px;top:30px}.dock-tool-mirror[aria-pressed=true] .dock-tool-art{transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.dock-tool-art{transition:none}}.dock-width{z-index:2;background:#fffdf6;border:1px solid #ece2c4;border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 10px 28px #4637142e}.dock-width button{color:#184028;cursor:pointer;background:#fff;border:1px solid #e4d9ba;border-radius:50%;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:26px;font-weight:800;line-height:1;display:grid}.dock-width button:disabled{opacity:.35;cursor:default}.dock-width input[type=range]{width:clamp(120px,40vw,220px);height:44px;min-height:44px;box-shadow:none;touch-action:none;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.dock-width input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#184028 var(--dock-width-fill),#e8ddbf var(--dock-width-fill));border-radius:999px;height:10px}.dock-width input[type=range]::-moz-range-track{background:linear-gradient(90deg,#184028 var(--dock-width-fill),#e8ddbf var(--dock-width-fill));border-radius:999px;height:10px}.dock-width input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #184028;border-radius:50%;width:32px;height:32px;margin-top:-11px;box-shadow:0 2px 6px #18281c40}.dock-width input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #184028;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #18281c40}.dock-width input[type=range]:focus{box-shadow:none;outline:none}.dock-width input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #fffdf6,0 0 0 7px #184028}.dock-width input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #fffdf6,0 0 0 7px #184028}.dock-width button:focus-visible{outline-offset:2px;outline:3px solid #184028}.dock-width-value{grid-template-rows:34px 14px;place-items:center;width:48px;height:52px;display:grid}.dock-width-value i{background:var(--ink);border-radius:50%;display:block}.dock-width-value b{color:#184028;font-size:13px;line-height:1}.dock-colors{grid-template-columns:repeat(4,44px) 44px;grid-auto-rows:44px;align-self:center;gap:6px;display:grid;position:relative}.dock-color,.dock-current-color,.dock-more-colors{cursor:pointer;border:2px solid #18281c1f;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.dock-color[aria-pressed=true]{box-shadow:0 0 0 3px #fbf6e8,0 0 0 6px #184028}.dock-current-color{display:none;box-shadow:0 0 0 3px #fbf6e8,0 0 0 5px #184028}.dock-more-colors{background:conic-gradient(#e53935,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935);grid-area:1/5/span 2;align-self:center}.dock-more-colors[aria-pressed=true]{box-shadow:0 0 0 3px #fbf6e8,0 0 0 6px #184028}.dock-palette{z-index:2;background:#fffdf6;border:1px solid #ece2c4;border-radius:20px;grid-template-columns:repeat(4,48px);gap:8px;padding:12px;display:grid;position:absolute;bottom:calc(100% + 18px);right:-8px;box-shadow:0 12px 30px #46371433}.dock-palette .dock-color{width:48px;height:48px}.dock-palette-wheel{color:#184028;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e4d9ba;border-radius:14px;grid-column:1/-1;font-weight:800}.dock-sheet{z-index:3;width:320px;max-height:calc(100dvh - var(--dock-space) - 90px);background:#fff;border:1px solid #ece2c4;border-radius:22px;align-content:start;gap:10px;padding:14px;display:grid;position:absolute;bottom:calc(100% + 14px);right:0;overflow:auto;box-shadow:0 14px 34px #46371438}.dock-sheet>*{margin:0}.dock-sheet .make-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.dock-sheet .make-group button{flex-direction:column;gap:2px;min-height:64px}.dock-sheet .tool-name{font-size:12px;display:block}.dock-sheet .input-mode-control{grid-template-columns:1fr 1fr}.dock-sheet .input-mode-control small{display:none}@media (min-width:900px) and (min-height:600px){.grimi-panel,.step-panel{max-height:calc(100% - 28px - var(--dock-space))}}@media (max-width:900px){.dock-colors{gap:10px;display:flex}.dock-colors>.dock-color{display:none}.dock-current-color{display:block}.dock-palette{left:50%;right:auto;transform:translate(-50%)}}@media (max-width:720px) and (orientation:portrait){.studio{--dock-space:calc(160px + env(safe-area-inset-bottom))}.tool-dock{left:8px;right:8px;bottom:calc(6px + env(safe-area-inset-bottom));border-radius:24px;grid-template-rows:86px 48px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 8px;width:auto;max-width:none;height:auto;padding:4px 8px 8px;display:grid;transform:none}.dock-tools{border:0;grid-area:1/1/auto/-1;justify-content:space-between;height:86px;padding:10px 0 0}.dock-tool{flex:1 1 0;width:auto;height:76px}.dock-tool-art{width:38px;height:114px;margin-left:-19px;top:14px}.dock-tool-mirror .dock-tool-art{height:38px;top:20px}.dock-history{grid-area:2/1}.dock-colors{grid-area:2/2;justify-content:center}.dock-more{grid-area:2/3}.dock-sheet{width:auto;left:0;right:0}.dock-width{bottom:calc(100% + 8px)}}@media (max-height:500px) and (orientation:landscape){.studio{--dock-space:calc(80px + env(safe-area-inset-bottom))}.tool-dock{bottom:calc(4px + env(safe-area-inset-bottom));border-radius:22px;gap:8px;height:70px;padding:0 10px}.dock-tools{gap:4px;padding-top:8px}.dock-tool{width:46px;height:62px}.dock-tool-art{width:36px;height:108px;margin-left:-18px;top:12px}.dock-tool-mirror .dock-tool-art{height:36px;top:14px}.dock-history button,.dock-more{width:44px;height:44px;min-height:44px}.dock-colors{gap:8px;display:flex}.dock-colors>.dock-color{display:none}.dock-current-color{display:block}.dock-sheet{max-height:calc(100dvh - var(--dock-space) - 60px)}}.studio .canvas-zone .canvas-wrap,.studio .canvas-zone.has-canvas-status .canvas-wrap{aspect-ratio:auto;background:#fff;width:100%;max-width:none;height:100%;max-height:none;overflow:clip}.studio .canvas-stack{inset:0 auto auto 0}.storybook-stage{isolation:isolate}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}