:root{--app-bg: #e9e2d8;--panel: #fffaf2;--paper: #f6f1e8;--paper-ink: #9a6b4e;--line: #dfcfc0;--coral: #ff6848;--coral-dark: #df513e;--rose: #f64f68;--blue: #77b7d8;--green: #8db414;--brown: #7a5640;--shadow: 0 18px 60px rgba(104, 77, 52, .18);--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:#3d342d;background:linear-gradient(90deg,rgba(127,95,62,.05) 1px,transparent 1px),linear-gradient(rgba(127,95,62,.05) 1px,transparent 1px),var(--app-bg);background-size:28px 28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh}.office-bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:16px;align-items:center;min-height:78px;padding:12px 20px;border-bottom:1px solid rgba(123,86,59,.18);background:linear-gradient(180deg,#ffffffb8,#fffaf2eb),var(--panel);box-shadow:0 10px 28px #5e48321c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:grid;width:48px;height:48px;place-items:center;color:#fff;background:linear-gradient(135deg,var(--coral),#f24f6a);border:1px solid rgba(137,70,48,.18);border-radius:var(--radius);box-shadow:0 12px 24px #df513e3d}.brand-mark span{font-weight:900;letter-spacing:0}.brand-copy{min-width:0}.brand-copy h1{margin:0;overflow:hidden;color:#3d342d;font-size:1.05rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.brand-copy strong{display:block;margin-top:6px;overflow:hidden;color:var(--paper-ink);font-size:.9rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.ribbon{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;gap:7px;padding:0 12px;color:#604536;border:1px solid rgba(131,91,63,.2);border-radius:var(--radius);background:#ffffffa3;box-shadow:0 2px #835b3f17;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.icon-button:hover:not(:disabled),.icon-button:focus-visible{border-color:#ff68487a;background:#fff;box-shadow:0 8px 18px #75523924;transform:translateY(-1px)}.icon-button:disabled{opacity:.48}.icon-button-solid{color:#fff;border-color:transparent;background:#73513e}.icon-button-primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--coral),var(--coral-dark))}.workspace{display:grid;grid-template-columns:292px minmax(0,1fr);gap:18px;min-height:calc(100vh - 78px);padding:18px}.sidebar{position:sticky;top:96px;align-self:start;height:calc(100vh - 114px);padding:14px;overflow:hidden;border:1px solid rgba(126,91,65,.16);border-radius:var(--radius);background:#fffaf2e0;box-shadow:var(--shadow)}.search-box{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;color:#7e5c45;border:1px solid rgba(126,91,65,.18);border-radius:var(--radius);background:#fff}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent}.student-list{display:grid;align-content:start;gap:8px;height:calc(100% - 56px);margin-top:14px;overflow:auto;padding-right:2px}.student-row{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-height:62px;width:100%;padding:8px;text-align:left;border:1px solid rgba(126,91,65,.14);border-radius:var(--radius);background:#ffffffad;transition:transform .16s ease,border-color .16s ease,background .16s ease}.student-row:hover,.student-row.is-selected{border-color:#ff68486b;background:#fff8f2;transform:translate(2px)}.student-avatar{display:grid;width:46px;height:46px;place-items:center;overflow:hidden;color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#77b7d8,#9ac55f);font-weight:850}.student-avatar img{width:100%;height:100%;object-fit:cover}.student-row-copy{display:grid;min-width:0;gap:4px}.student-row-copy strong,.student-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-row-copy strong{color:#3d342d;font-size:.96rem}.student-row-copy small{color:#8a705f;font-size:.78rem}.list-empty,.loading-state{display:grid;min-height:160px;place-items:center;align-content:center;gap:8px;color:#8a705f}.canvas-panel{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(126,91,65,.14);border-radius:var(--radius);background:linear-gradient(90deg,rgba(219,199,180,.2) 1px,transparent 1px),linear-gradient(rgba(219,199,180,.2) 1px,transparent 1px),#fffaf2db;background-size:22px 22px;box-shadow:var(--shadow)}.tabbar{position:sticky;top:0;z-index:12;display:flex;gap:8px;padding:12px;border-bottom:1px solid rgba(126,91,65,.14);background:#fffaf2eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar button{display:inline-flex;align-items:center;min-height:36px;gap:7px;padding:0 12px;color:#6b5040;border:1px solid transparent;border-radius:var(--radius);background:transparent}.tabbar button.is-active{color:#fff;border-color:transparent;background:#73513e;box-shadow:0 8px 18px #75523929}.save-ribbon{position:absolute;top:15px;right:16px;z-index:13;display:inline-flex;min-height:30px;align-items:center;padding:0 10px;color:#7e5c45;border:1px solid rgba(126,91,65,.16);border-radius:var(--radius);background:#ffffffb8;font-size:.75rem;font-weight:800}.save-ribbon.is-dirty{color:#fff;border-color:transparent;background:var(--coral);animation:pulse 1.4s ease-in-out infinite}.editor-layout{display:grid;grid-template-columns:300px minmax(320px,1fr);gap:16px;padding:18px}.photo-editor,.form-section,.story-section{border:1px solid rgba(126,91,65,.16);border-radius:var(--radius);background:#ffffffb8}.photo-editor{align-self:start;padding:14px}.photo-drop{position:relative;display:grid;width:100%;aspect-ratio:4 / 5;place-items:center;overflow:hidden;color:#73513e;border:2px dashed rgba(126,91,65,.2);border-radius:var(--radius);background:linear-gradient(#ffffffa8,#ffffffa8),linear-gradient(135deg,#ccefff,#e8f4c6 64%,#96b60b 65%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.photo-drop:hover{border-color:#ff684894;box-shadow:0 16px 30px #75523929;transform:translateY(-2px)}.photo-drop img{width:100%;height:100%;object-fit:cover}.photo-empty{display:grid;justify-items:center;gap:10px}.photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.form-section,.story-section{padding:18px}.story-section{grid-column:1 / -1}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#674832}.section-title h2{margin:0;font-size:1rem;line-height:1.2}.field-grid,.story-grid{display:grid;gap:12px}.field-grid,.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;min-width:0;gap:6px}.field-wide:last-child{grid-column:1 / -1}.field span{color:#8a6048;font-size:.78rem;font-weight:850}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid rgba(126,91,65,.18);border-radius:var(--radius);color:#3d342d;background:#fffdf8;outline:0;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input,.field select{height:42px;padding:0 11px}.field textarea{min-height:104px;resize:vertical;padding:10px 11px;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ff6848ad;background:#fff;box-shadow:0 0 0 4px #ff68481c}.art-view{height:calc(100vh - 133px);overflow:auto;padding:20px;background:radial-gradient(900px 560px at 38% 8%,rgba(255,255,255,.78),transparent 62%),radial-gradient(760px 520px at 65% 72%,rgba(100,70,45,.14),transparent 68%),linear-gradient(135deg,rgba(124,92,65,.12),transparent 34%),linear-gradient(45deg,rgba(255,255,255,.42),transparent 42%),#efe7dce6}.art-stage{display:grid;min-width:0;place-items:start center;perspective:1600px;padding:30px 0 68px}.art-scale-box{position:relative}.art-scale-box:before,.art-scale-box:after{content:"";position:absolute;pointer-events:none}.art-scale-box:before{left:3.5%;right:-4.5%;bottom:-3.3%;height:12.5%;z-index:0;border-radius:50%;background:radial-gradient(closest-side,rgba(62,42,27,.28),rgba(62,42,27,.11) 58%,transparent 78%);filter:blur(14px);transform:rotate(-1deg)}.art-scale-box:after{top:-3.2%;left:-6%;width:56%;height:22%;z-index:2;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.32),transparent 72%);filter:blur(8px);mix-blend-mode:screen}.art-scale{position:absolute;top:0;left:0;width:820px;height:1160px;z-index:1;transform-origin:top left}.profile-sheet{position:relative;width:820px;aspect-ratio:1131 / 1600;isolation:isolate;overflow:visible;color:var(--paper-ink);border:1px solid rgba(139,107,78,.22);background:linear-gradient(90deg,rgba(255,255,255,.58),transparent 5%,transparent 94%,rgba(108,77,52,.08)),linear-gradient(180deg,rgba(255,255,255,.6),transparent 9%,transparent 89%,rgba(111,76,49,.1)),radial-gradient(circle at 22% 14%,rgba(255,255,255,.56),transparent 23%),radial-gradient(circle at 84% 75%,rgba(122,86,64,.1),transparent 28%),linear-gradient(103deg,#f6f0e7,#eae1d6,#f8f2ea);box-shadow:0 58px 96px #3c2b1c47,18px 28px 42px #563d2829,-10px 16px 34px #ffffff61,0 4px #a382656b,inset 0 1px #ffffffd1,inset 1px 0 #ffffff8c,inset -3px 0 #6c4d340f,inset 0 -3px #926e5217;animation:sheetIn .36s ease both;transform:rotateX(.7deg) rotate(-.18deg);transition:box-shadow .26s ease,transform .26s ease}.profile-sheet:before{content:"";position:absolute;inset:13px -10px -16px 16px;z-index:-2;border:1px solid rgba(126,93,66,.12);background:linear-gradient(105deg,#dfd3c4,#d7c9ba 54%,#eadfd2);box-shadow:0 22px 42px #533d2a2e,0 3px #ffffff3d inset,-5px -4px 10px #ffffff38 inset;transform:rotate(.58deg)}.profile-sheet:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.4) 0%,transparent 24%,rgba(101,70,45,.045) 72%,rgba(82,57,38,.1) 100%),linear-gradient(90deg,rgba(255,255,255,.34),transparent 8%,transparent 88%,rgba(114,79,51,.1)),linear-gradient(180deg,rgba(255,255,255,.46),transparent 9%,transparent 88%,rgba(92,65,43,.09)),radial-gradient(circle at 18% 24%,rgba(126,91,65,.055) 0 1px,transparent 1.5px),radial-gradient(circle at 64% 58%,rgba(126,91,65,.045) 0 1px,transparent 1.7px),repeating-linear-gradient(96deg,rgba(126,91,65,.023) 0 1px,transparent 1px 8px);background-size:auto,auto,auto,31px 37px,43px 47px,auto;mix-blend-mode:multiply;opacity:.7}.profile-sheet:hover{box-shadow:0 64px 108px #3c2b1c4d,20px 30px 44px #563d282e,-10px 16px 34px #ffffff61,0 4px #a382656b,inset 0 1px #ffffffd1,inset 1px 0 #ffffff8c,inset -3px 0 #6c4d340f,inset 0 -3px #926e5217;transform:rotateX(.9deg) rotate(-.12deg) translateY(-2px)}.profile-deco{position:absolute;pointer-events:none;overflow:visible}.paper-curl,.paper-edge{position:absolute;pointer-events:none}.paper-curl{z-index:2;opacity:.92}.curl-top-right{top:-1px;right:-2px;width:168px;height:128px;border-radius:0 0 0 94px;background:radial-gradient(130px 88px at 100% 0%,rgba(88,59,37,.18),transparent 56%),linear-gradient(135deg,#ffffffd6,#e6d9cb8f 54%,#8661442e);box-shadow:-10px 13px 18px #5037241f,inset 12px -10px 18px #ffffff5c;clip-path:polygon(100% 0,100% 100%,12% 0)}.curl-bottom-left{bottom:-2px;left:-2px;width:150px;height:112px;border-radius:0 86px 0 0;background:radial-gradient(110px 72px at 0 100%,rgba(88,59,37,.15),transparent 58%),linear-gradient(315deg,#ffffffb8,#e0d2c475 58%,#86614421);box-shadow:12px -12px 16px #5037241a,inset -10px 10px 16px #ffffff57;clip-path:polygon(0 0,100% 100%,0 100%)}.paper-edge{z-index:6;background:linear-gradient(90deg,#a67f5e1f,#ffffff5c)}.paper-edge-right{top:8px;right:-5px;width:6px;height:calc(100% - 12px);border-radius:0 2px 2px 0;box-shadow:5px 0 12px #5a402b1f}.paper-edge-bottom{bottom:-5px;left:12px;width:calc(100% - 16px);height:6px;border-radius:0 0 2px 2px;background:linear-gradient(180deg,#a67f5e2b,#fff6);box-shadow:0 5px 14px #5a402b24}.sheet-grid{position:absolute;z-index:1;inset:4.5% 5%;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.54),transparent 20%),radial-gradient(circle at 80% 84%,rgba(123,88,64,.04),transparent 22%),linear-gradient(90deg,rgba(222,205,188,.75) 2px,transparent 2px),linear-gradient(rgba(222,205,188,.75) 2px,transparent 2px),#fbfaf6;background-size:auto,auto,75px 75px,75px 75px,auto;transform:rotate(-1.6deg);box-shadow:0 18px 28px #5c442f0d,0 2px #ffffff8a inset,0 -2px #7e5b410a inset,0 1px #7d5c440d}.sheet-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(132deg,rgba(255,255,255,.42),transparent 22%),linear-gradient(315deg,rgba(98,68,45,.07),transparent 28%)}.sheet-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(222,205,188,.25) 1px,transparent 1px),linear-gradient(rgba(222,205,188,.25) 1px,transparent 1px);background-size:19px 19px}.top-rule{position:absolute;top:1.9%;left:8.1%;width:29%;height:3px;background:#e55360b3}.paperclip-svg{top:4.2%;left:9.8%;z-index:6;width:54px;height:96px;color:#9d7659;transform:rotate(-9deg);filter:drop-shadow(0 5px 2px rgba(103,71,44,.16)) drop-shadow(-1px -1px 0 rgba(255,255,255,.18))}.big-tape{position:absolute;z-index:3;background:linear-gradient(110deg,rgba(255,255,255,.22),transparent 28%,rgba(114,48,58,.08) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 7px),#e053629e;box-shadow:0 12px 20px #8b3c421a,inset 0 1px #ffffff47,inset 0 -1px #702f3614;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);transition:transform .22s ease}.profile-sheet:hover .big-tape{transform:rotate(-1deg) translateY(-2px)}.tape-one{top:2.1%;left:37.7%;width:11.8%;height:14.5%;transform:rotate(.8deg)}.tape-two{top:7.8%;left:34.1%;width:10.6%;height:9.8%;transform:rotate(-1.2deg)}.filmstrip{z-index:1;width:5.8%;height:37%;color:#d4bfaf;opacity:.92;filter:drop-shadow(0 7px 3px rgba(128,92,64,.1))}.filmstrip-right{top:9.6%;right:1.7%;transform:rotate(2.5deg)}.filmstrip-left{bottom:1.4%;left:3.9%;transform:rotate(2.3deg)}.class-copy{position:absolute;z-index:5;top:7.3%;left:15.2%;display:grid;gap:22px;max-width:28%;color:#e65e5b;font-family:Comic Sans MS,Marker Felt,Chalkboard SE,cursive;text-shadow:0 1px 0 rgba(255,255,255,.34)}.class-copy strong,.class-copy span{overflow:hidden;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.class-copy strong{font-size:2rem}.class-copy span{font-size:1.55rem;font-weight:800}.sheet-title{position:absolute;top:8.1%;right:9.2%;z-index:4;max-width:47%;margin:0;overflow:hidden;color:#e7664e;font-family:Comic Sans MS,Marker Felt,Chalkboard SE,cursive;font-size:3rem;line-height:.98;text-align:center;text-wrap:balance;text-shadow:0 2px 0 rgba(255,255,255,.32),0 8px 12px rgba(135,66,46,.08)}.sheet-photo-frame{position:absolute;top:17.2%;left:8.8%;z-index:3;width:28.6%;height:21.8%;overflow:hidden;border:12px solid #dfd2c4;border-radius:24px;background:#cdefff;box-shadow:0 16px 24px #65493126,0 6px #af89692e,inset 0 1px #ffffff8c}.sheet-photo-frame img{width:100%;height:100%;object-fit:cover}.photo-illustration{display:block;width:100%;height:100%}.photo-illustration text{fill:var(--paper-ink);font-family:Comic Sans MS,Marker Felt,Chalkboard SE,cursive;font-size:31px;font-weight:850;line-height:1}.brush-field{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;min-width:0;color:var(--paper-ink);font-family:Comic Sans MS,Marker Felt,Chalkboard SE,cursive;font-size:1.45rem;font-weight:850}.brush-field span{flex:0 0 auto;white-space:nowrap}.brush-field strong{display:block;min-width:118px;max-width:235px;min-height:44px;overflow:hidden;padding:7px 18px 5px;color:#73513e;background:linear-gradient(90deg,transparent 0,rgba(238,233,223,.96) 6%,rgba(238,233,223,.96) 94%,transparent 100%);box-shadow:0 7px 12px #5c442f0f,inset 0 1px #ffffff94;font-size:1.02rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.field-english{top:17.1%;left:42.1%}.field-english strong{min-width:222px}.field-age{top:23.8%;left:42.5%}.field-birthday{top:23.8%;left:60%}.field-birthday strong{min-width:143px}.field-horoscope{top:30%;left:42.6%}.field-horoscope strong{min-width:200px}.field-level{top:36.5%;left:42.8%}.field-level strong{min-width:200px}.intro-board{position:absolute;top:43.1%;left:7.4%;z-index:4;width:52%;height:51%;transform:rotate(-2deg)}.intro-side{position:absolute;top:4.5%;bottom:0;left:0;width:27%;display:grid;align-content:start;gap:8.1%;padding:12.8% 1.5% 0 3%;background:linear-gradient(90deg,rgba(120,82,55,.08),transparent 38%),#d9c0af;color:#a67150;font-family:Comic Sans MS,Marker Felt,Chalkboard SE,cursive;font-size:1.12rem;font-weight:850;line-height:1.1}.intro-paper{position:absolute;inset:0 0 1.4% 17%;padding:6.8% 7% 4%;background:linear-gradient(132deg,rgba(255,255,255,.58),transparent 24%,rgba(104,75,52,.035) 100%),repeating-linear-gradient(to bottom,transparent 0 43px,rgba(215,178,145,.36) 44px 45px),#eee9df;border:1px solid rgba(215,178,145,.36);box-shadow:16px 16px #b08c6f4d,0 26px 28px #62473024,-1px -1px #ffffffa3,inset 0 1px #ffffffad}.intro-paper h2{margin:0 0 2.8%;color:#e7664e;font-family:Comic Sans MS,Marker Felt,Chalkboard SE,cursive;font-size:1.75rem;line-height:1.05}.intro-paper p{position:absolute;left:14%;right:6%;margin:0;overflow:hidden;color:#74523d;display:-webkit-box;font-size:.87rem;line-height:1.35;-webkit-box-orient:vertical}.intro-personality{top:16.4%;-webkit-line-clamp:2}.intro-strength{top:29.1%;-webkit-line-clamp:2}.intro-dream{top:45%;-webkit-line-clamp:3}.intro-motto{top:62%;-webkit-line-clamp:2}.intro-goals{top:78.4%;-webkit-line-clamp:4}.smile-sticker{position:absolute;right:6%;bottom:3.8%;width:72px;height:72px;color:#e8664f;transform:rotate(-6deg);filter:drop-shadow(0 10px 4px rgba(128,70,47,.16))}.favorite-note{position:absolute;top:42.5%;right:11.2%;z-index:4;width:26.4%;height:17.2%;padding:4.2% 3.2% 2%;background:linear-gradient(135deg,rgba(255,255,255,.64),transparent 32%,rgba(119,78,52,.035)),radial-gradient(rgba(221,119,98,.18) 1.2px,transparent 1.2px),#fff4f0;background-size:auto,21px 21px,auto;color:#e7664e;box-shadow:0 18px 28px #6247301f,0 1px #ffffffb8 inset}.pin-svg{top:-11.5%;left:42%;z-index:2;width:58px;height:58px;color:#eb8067;filter:drop-shadow(0 10px 4px rgba(128,70,47,.18)) drop-shadow(-1px -1px 0 rgba(255,255,255,.18));animation:pinBob 2.8s ease-in-out infinite}.favorite-note h2,.hobbies-note h2{margin:0;font-family:Comic Sans MS,Marker Felt,Chalkboard SE,cursive;line-height:1.05}.favorite-note h2{font-size:1.45rem}.favorite-note ul,.hobbies-note ul{display:grid;gap:4px;margin:10px 0 0;padding:0;list-style:none}.favorite-note li{overflow:hidden;color:#8c6049;font-size:.8rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.hobbies-note{position:absolute;right:10.8%;bottom:5.7%;z-index:4;width:25%;height:30.2%;padding:7% 4.2% 3.2% 6%;background:linear-gradient(132deg,rgba(255,255,255,.58),transparent 29%,rgba(119,78,52,.035)),linear-gradient(90deg,rgba(222,177,154,.36) 1px,transparent 1px),linear-gradient(rgba(222,177,154,.36) 1px,transparent 1px),#fff6f3;background-size:auto,23px 23px,23px 23px,auto;color:#875b43;box-shadow:-18px -12px #dcc2b0c7,0 24px 32px #62473024,0 1px #ffffffbd inset;transform:rotate(-1.2deg)}.hobbies-note h2{font-size:1.45rem}.hobbies-note li{overflow:hidden;color:#6d4d3d;font-size:.83rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.binder-clip{top:-6.6%;left:12%;z-index:3;width:70px;height:58px;color:#e8664f;filter:drop-shadow(0 10px 4px rgba(128,70,47,.18)) drop-shadow(-1px -1px 0 rgba(255,255,255,.2))}.hole{position:absolute;left:4.4%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.48),transparent 34%),#d6bdab;box-shadow:inset 0 2px 4px #704c3429,0 1px #ffffff94}.hole-one{top:15.5%}.hole-two{top:52%}.hole-three{bottom:8.5%}.page-enter{animation:fadeSlide .24s ease both}.toast{position:fixed;right:22px;bottom:22px;z-index:40;min-width:150px;padding:12px 14px;color:#fff;border-radius:var(--radius);background:#73513e;box-shadow:0 18px 45px #4c342438;font-weight:800;animation:toastIn .22s ease both}.print-only{display:none}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(10px) scale(.985) rotateX(.7deg) rotate(-.18deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(.7deg) rotate(-.18deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #ff684847}50%{box-shadow:0 0 0 6px #ff684800}}@keyframes pinBob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.office-bar{grid-template-columns:auto 1fr}.ribbon{grid-column:1 / -1;justify-content:flex-start}.workspace,.editor-layout{grid-template-columns:240px minmax(0,1fr)}.field-grid,.story-grid{grid-template-columns:1fr}.field-wide:last-child{grid-column:auto}}@media(max-width:820px){.office-bar,.workspace{display:block}.office-bar{position:static}.brand-mark{float:left;margin-right:12px}.ribbon{clear:both;margin-top:12px}.workspace{min-height:auto;padding:12px}.sidebar{position:static;height:270px;margin-bottom:12px}.canvas-panel{min-height:680px}.editor-layout{grid-template-columns:1fr;padding:14px}.photo-editor{max-width:360px}.save-ribbon{position:static;margin:10px 12px 0;width:fit-content}.art-view{height:650px;padding:14px}}@media print{@page{margin:0;size:portrait}body{background:#fff}.office-bar,.workspace,.toast{display:none!important}.print-only{display:grid;min-height:100vh;place-items:center;background:#fff}.print-only .profile-sheet{width:100vw;max-width:100vw;height:auto;box-shadow:none;animation:none;overflow:hidden;transform:none}.print-only .profile-sheet:before,.print-only .profile-sheet:after,.print-only .paper-curl,.print-only .paper-edge{display:none}}