/* Approved six-theme layouts, scoped to decoration version 2. */
.stationery-surface[data-version="2"]{--td-page:#fffdf7;--td-ink:#393a32;--td-muted:#7d7c70;--td-line:#d4d3c6;--td-accent:#616854;--td-mat:#fffefb;--td-photo-height:176px;--td-body-size:16px;--td-leading:28px;position:relative;isolation:isolate;display:block;width:100%;min-width:0;color:var(--td-ink);text-align:left;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-weight:400;font-size:var(--td-body-size);line-height:var(--td-leading);box-sizing:border-box}
.dark .stationery-surface[data-version="2"]{--td-page:#30312b;--td-ink:#eee9dc;--td-muted:#b9b6a7;--td-line:#65665a;--td-accent:#bcc5a2;--td-mat:#b8b8aa;--td-photo-height:176px;--td-body-size:16px;--td-leading:28px;position:relative;isolation:isolate;display:block;width:100%;min-width:0;color:var(--td-ink);text-align:left;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-weight:400;font-size:var(--td-body-size);line-height:var(--td-leading);box-sizing:border-box}
.stationery-surface[data-version="2"] *,.stationery-surface[data-version="2"] *::before,.stationery-surface[data-version="2"] *::after{box-sizing:border-box}
.stationery-surface[data-version="2"] .td-sheet{position:relative;min-width:0;padding:24px;background:var(--td-page);border:1px solid var(--td-line);min-height:400px}
.stationery-surface[data-version="2"] .td-head{position:relative;margin:0 0 18px;z-index:1}
.stationery-surface[data-version="2"] .td-date{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;font:400 11px/1.5 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;letter-spacing:.6px;color:var(--td-muted)}
.stationery-surface[data-version="2"] .td-entry{position:relative;z-index:1;min-width:0}
.stationery-surface[data-version="2"] .td-body{padding:0;margin:0;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all;font-size:var(--td-body-size);font-weight:400;line-height:var(--td-leading);text-align:left}
.stationery-surface[data-version="2"] .td-photo{position:relative;display:block;min-width:0;margin:0 0 23px}
.stationery-surface[data-version="2"] .td-photo-img{display:block;width:100%;height:var(--td-photo-height);max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:var(--td-mat);object-fit:contain;object-position:center}
.stationery-surface[data-version="2"] .td-footer-art{position:relative;display:block;aspect-ratio:2.064516129;margin:18px -24px 0;overflow:hidden;pointer-events:none}
.stationery-surface[data-version="2"] .td-footer-art>img{position:absolute;bottom:0;left:0;width:100%;max-width:none;height:auto;display:block}
.stationery-surface[data-version="2"][data-font=serif] .td-body{font-family:'Maru Buri','AppleMyungjo',serif}
.stationery-surface[data-version="2"][data-font=soft] .td-body{font-family:'Oru Gowun Dodum','Apple SD Gothic Neo',sans-serif}
.stationery-surface[data-version="2"][data-font=handwriting] .td-body{font-family:'Oru Nanum Pen','AppleMyungjo',serif}
.stationery-surface[data-version="2"][data-font=gowun-batang] .td-body{font-family:'Oru Gowun Batang','AppleMyungjo',serif}
.stationery-surface[data-version="2"][data-font=gaegu] .td-body{font-family:'Oru Gaegu','Apple SD Gothic Neo',sans-serif}

.stationery-surface[data-version="2"][data-theme=inhwa]{--td-page:#f8f7f1;--td-mat:#fffefd}
.dark .stationery-surface[data-version="2"][data-theme=inhwa]{--td-page:#292c26;--td-mat:#d1d1c5}
.stationery-surface[data-version="2"][data-theme=inhwa] .td-sheet{--td-frame-gap:7px;padding:29px 32px 35px;border-color:#e2dfd2;box-shadow:inset 0 0 0 var(--td-frame-gap) var(--td-page),inset 0 0 0 calc(var(--td-frame-gap) + 1px) #e9e5da}
.dark .stationery-surface[data-version="2"][data-theme=inhwa] .td-sheet{--td-frame-gap:7px;padding:29px 32px 35px;border-color:#51564a;box-shadow:inset 0 0 0 var(--td-frame-gap) var(--td-page),inset 0 0 0 calc(var(--td-frame-gap) + 1px) #43483d}
.stationery-surface[data-version="2"] .td-album-head{display:flex;align-items:center;justify-content:flex-start;margin-bottom:14px}
.stationery-surface[data-version="2"] .td-polaroid{padding:7px 7px 0;background:var(--td-mat);box-shadow:0 3px 10px #31351f15;border:1px solid #e6e1d6;border-radius:1px}
.dark .stationery-surface[data-version="2"] .td-polaroid{padding:7px 7px 0;background:var(--td-mat);box-shadow:0 3px 10px #00000044;border:1px solid #b0b2a5;border-radius:1px}
.stationery-surface[data-version="2"] .td-polaroid figcaption{display:flex;min-height:39px;align-items:center;justify-content:flex-end;padding:6px 6px 9px}
.stationery-surface[data-version="2"] .td-polaroid .td-date{color:#888477;letter-spacing:1px}
.dark .stationery-surface[data-version="2"] .td-polaroid .td-date{color:#52584c;letter-spacing:1px}
.stationery-surface[data-version="2"][data-theme=inhwa] .td-body{padding:0 0 4px}

.stationery-surface[data-version="2"][data-theme=mono-note]{--td-page:#f5f6f3;--td-ink:#252a28;--td-line:#c2c8c3;--td-mat:#e8eae6}
.dark .stationery-surface[data-version="2"][data-theme=mono-note]{--td-page:#282c2b;--td-ink:#e9eee8;--td-line:#57635c;--td-mat:#48544b}
.stationery-surface[data-version="2"][data-theme=mono-note] .td-sheet{padding:25px 26px 28px 17px;border:0;border-left:6px solid var(--td-ink);background-image:radial-gradient(#737f6e38 .7px,transparent .8px);background-size:8px 8px}
.dark .stationery-surface[data-version="2"][data-theme=mono-note] .td-sheet{padding:25px 26px 28px 17px;border:0;border-left:6px solid var(--td-ink);background-image:radial-gradient(#b1c2ae38 .7px,transparent .8px);background-size:8px 8px}
.stationery-surface[data-version="2"] .td-record-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:13px;width:calc(100% - 23px);margin:0 0 22px;padding:0 0 11px;border-bottom:2px solid var(--td-ink)}
.stationery-surface[data-version="2"] .td-day{display:block;font:500 43px/.96 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;letter-spacing:-3px}
.stationery-surface[data-version="2"] .td-date-stack{display:flex;min-width:0;max-width:100%;flex-direction:column;overflow-wrap:anywhere;font:400 11px/1.45 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;letter-spacing:1px;padding-bottom:1px}
.stationery-surface[data-version="2"] .td-offset-photo{margin-left:23px;padding:0 0 7px 7px;border-left:1px solid var(--td-ink);border-bottom:1px solid var(--td-ink)}
.stationery-surface[data-version="2"][data-theme=mono-note] .td-body{padding:2px 0 7px 5px}

.stationery-surface[data-version="2"][data-theme=pastel-memo]{--td-page:#fff4f0;--td-ink:#60484e;--td-line:#dcaeb06b;--td-accent:#a96b78;--td-mat:#ffe4e1}
.dark .stationery-surface[data-version="2"][data-theme=pastel-memo]{--td-page:#3b3032;--td-ink:#f1dedf;--td-line:#b6808161;--td-accent:#d6a1b0;--td-mat:#62474e}
.stationery-surface[data-version="2"][data-theme=pastel-memo] .td-sheet{padding:61px 23px 26px;border:0;border-bottom:4px solid #ddbdba;background-image:linear-gradient(var(--td-line) .6px,transparent .6px),linear-gradient(90deg,var(--td-line) .6px,transparent .6px);background-size:12px 12px;box-shadow:0 3px 0 #f2d5d0}
.dark .stationery-surface[data-version="2"][data-theme=pastel-memo] .td-sheet{padding:61px 23px 26px;border:0;border-bottom:4px solid #695052;background-image:linear-gradient(var(--td-line) .6px,transparent .6px),linear-gradient(90deg,var(--td-line) .6px,transparent .6px);background-size:12px 12px;box-shadow:0 3px 0 #4d3d41}
.stationery-surface[data-version="2"] .td-binding{position:absolute;top:0;left:0;right:0;height:24px;background-color:#c9d6cb;background-image:repeating-linear-gradient(90deg,transparent 0 15px,#eaf0e8 15px 17px,transparent 17px 31px);border-bottom:1px solid #aabbad}
.dark .stationery-surface[data-version="2"] .td-binding{position:absolute;top:0;left:0;right:0;height:24px;background-color:#526556;background-image:repeating-linear-gradient(90deg,transparent 0 15px,#8a9e87 15px 17px,transparent 17px 31px);border-bottom:1px solid #7c907c}
.stationery-surface[data-version="2"] .td-tear{position:absolute;top:39px;left:10px;right:10px;border-top:1px dashed var(--td-accent)}
.stationery-surface[data-version="2"] .td-memo-head{text-align:right;margin-bottom:18px}
.stationery-surface[data-version="2"] .td-corner-photo{padding:7px;background:var(--td-mat)}
.stationery-surface[data-version="2"] .td-photo-corner{position:absolute;width:20px;height:20px;border-color:var(--td-accent);border-style:solid;border-width:0;z-index:2}
.stationery-surface[data-version="2"] .td-photo-corner::after{content:'';position:absolute;width:14px;height:14px;background:var(--td-page);clip-path:polygon(0 0,100% 0,0 100%)}
.stationery-surface[data-version="2"] .td-tl{top:-3px;left:-3px;border-top-width:2px;border-left-width:2px}
.stationery-surface[data-version="2"] .td-tr{top:-3px;right:-3px;border-top-width:2px;border-right-width:2px;transform:rotate(90deg)}
.stationery-surface[data-version="2"] .td-bl{bottom:-3px;left:-3px;border-bottom-width:2px;border-left-width:2px;transform:rotate(-90deg)}
.stationery-surface[data-version="2"] .td-br{bottom:-3px;right:-3px;border-bottom-width:2px;border-right-width:2px;transform:rotate(180deg)}

.stationery-surface[data-version="2"][data-theme=travel-notebook]{--td-page:#f6f0da;--td-ink:#4e513d;--td-line:#a5b5a34d;--td-accent:#274d76;--td-mat:#e9e1c7}
.dark .stationery-surface[data-version="2"][data-theme=travel-notebook]{--td-page:#343529;--td-ink:#e2e3c5;--td-line:#bdc69b32;--td-accent:#a9c6e8;--td-mat:#565949}
.stationery-surface[data-version="2"][data-theme=travel-notebook] .td-sheet{padding:22px 19px 29px 36px;border:1px solid #d6ccb1;background-image:repeating-linear-gradient(transparent 0,transparent 27px,var(--td-line) 27px,var(--td-line) 28px);background-position:0 1px;box-shadow:3px 3px 0 #d8d2c020}
.dark .stationery-surface[data-version="2"][data-theme=travel-notebook] .td-sheet{padding:22px 19px 29px 36px;border:1px solid #63674e;background-image:repeating-linear-gradient(transparent 0,transparent 27px,var(--td-line) 27px,var(--td-line) 28px);background-position:0 1px;box-shadow:3px 3px 0 #1f251d80}
.stationery-surface[data-version="2"] .td-field-head{margin:0 -5px 20px -11px;padding:5px 0 15px;text-align:center;color:var(--td-accent);background:var(--td-page)}
.stationery-surface[data-version="2"] .td-field-head .td-date{font-size:18px;line-height:1.5;letter-spacing:2px;font-weight:500;color:var(--td-accent)}
.stationery-surface[data-version="2"] .td-field-rule{display:block;width:34px;height:3px;background:var(--td-accent);margin:10px auto 0}
.stationery-surface[data-version="2"] .td-margin-rule{position:absolute;top:0;bottom:0;left:24px;width:1px;background:#c68d817a}
.dark .stationery-surface[data-version="2"] .td-margin-rule{position:absolute;top:0;bottom:0;left:24px;width:1px;background:#d7aa8e6b}
.stationery-surface[data-version="2"] .td-ticket-photo{display:grid;grid-template-columns:minmax(0,1fr) 21px;gap:0;border:1px solid var(--td-accent);padding:7px;background:var(--td-mat);border-radius:2px}
.stationery-surface[data-version="2"] .td-ticket-image{display:block;min-width:0;padding-right:8px}
.stationery-surface[data-version="2"] .td-ticket-stub{border-left:1px dashed var(--td-accent);background:repeating-linear-gradient(0deg,transparent 0 5px,var(--td-accent) 5px 6px,transparent 6px 9px);background-size:8px calc(100% - 20px);background-position:7px center;background-repeat:no-repeat;opacity:.65}
.stationery-surface[data-version="2"] .td-ticket-photo::before,.stationery-surface[data-version="2"] .td-ticket-photo::after{content:'';position:absolute;top:calc(50% - 6px);width:12px;height:12px;background:var(--td-page);border:1px solid var(--td-accent);border-radius:50%;z-index:2}
.stationery-surface[data-version="2"] .td-ticket-photo::before{left:-7px;border-left-color:transparent}
.stationery-surface[data-version="2"] .td-ticket-photo::after{right:-7px;border-right-color:transparent}

.stationery-surface[data-version="2"][data-theme=hamster]{--td-page:#fff8e8;--td-ink:#66513b;--td-muted:#8c7359;--td-line:#dbbd90;--td-accent:#798b68;--td-mat:#fffefa;padding:17px;background-color:#e4e5c8;background-image:linear-gradient(90deg,#9dad8460 50%,transparent 50%),linear-gradient(#9dad8460 50%,transparent 50%);background-size:22px 22px;border:1px solid #c1cbaa;border-radius:4px}
.dark .stationery-surface[data-version="2"][data-theme=hamster]{--td-page:#393225;--td-ink:#f1dfc6;--td-muted:#c8b38f;--td-line:#88724f;--td-accent:#bfcfa2;--td-mat:#d4c9a9;padding:17px;background-color:#49503c;background-image:linear-gradient(90deg,#26372370 50%,transparent 50%),linear-gradient(#26372370 50%,transparent 50%);background-size:22px 22px;border:1px solid #768063;border-radius:4px}
.stationery-surface[data-version="2"][data-theme=hamster] .td-sheet{padding:23px 18px 0;border:0;min-height:388px;box-shadow:0 2px 8px #00000015}
.stationery-surface[data-version="2"] .td-wave-edge{position:absolute;pointer-events:none;background:radial-gradient(circle at 6px 6px,var(--td-page) 5.8px,transparent 6.1px);background-size:12px 12px;z-index:0}
.stationery-surface[data-version="2"] .td-wave-top{top:-6px;left:0;right:0;height:12px}
.stationery-surface[data-version="2"] .td-wave-bottom{bottom:-6px;left:0;right:0;height:12px}
.stationery-surface[data-version="2"] .td-wave-left{left:-6px;top:0;bottom:0;width:12px}
.stationery-surface[data-version="2"] .td-wave-right{right:-6px;top:0;bottom:0;width:12px}
.stationery-surface[data-version="2"] .td-paperclip{position:absolute;top:-13px;left:13px;width:14px;height:38px;border:2px solid var(--td-accent);border-bottom:0;border-radius:8px 8px 0 0;transform:rotate(18deg);z-index:4}
.stationery-surface[data-version="2"] .td-paperclip::after{content:'';position:absolute;left:3px;top:5px;width:7px;height:32px;border:2px solid var(--td-accent);border-top:0;border-radius:0 0 6px 6px}
.stationery-surface[data-version="2"] .td-scrap-head{text-align:right;margin:0 0 20px;padding:2px 0 12px;border-bottom:1px dashed var(--td-line)}
.stationery-surface[data-version="2"] .td-taped-photo{padding:6px 6px 12px;background:var(--td-mat);border:1px solid #d7c9a5;box-shadow:0 2px 4px #00000014;margin-top:10px}
.dark .stationery-surface[data-version="2"] .td-taped-photo{padding:6px 6px 12px;background:var(--td-mat);border:1px solid #aa986f;box-shadow:0 2px 4px #00000014;margin-top:10px}
.stationery-surface[data-version="2"] .td-tape{position:absolute;left:calc(50% - 28px);top:-10px;width:56px;height:19px;background-color:#e8d6a6;background-image:linear-gradient(90deg,#71896744 50%,transparent 50%),linear-gradient(#71896744 50%,transparent 50%);background-size:8px 8px;transform:rotate(-5deg);opacity:.94}
.dark .stationery-surface[data-version="2"] .td-tape{position:absolute;left:calc(50% - 28px);top:-10px;width:56px;height:19px;background-color:#cfbd89;background-image:linear-gradient(90deg,#71896744 50%,transparent 50%),linear-gradient(#71896744 50%,transparent 50%);background-size:8px 8px;transform:rotate(-5deg);opacity:.94}
.stationery-surface[data-version="2"][data-theme=hamster] .td-footer-art{margin:17px -18px 0}

.stationery-surface[data-version="2"][data-theme=rabbit]{--td-page:#ffedef;--td-ink:#754450;--td-muted:#9c6e7a;--td-line:#b06b7a;--td-accent:#994a60;--td-mat:#fff8f4}
.dark .stationery-surface[data-version="2"][data-theme=rabbit]{--td-page:#432f37;--td-ink:#f6dce3;--td-muted:#d5aab8;--td-line:#d298ab;--td-accent:#e6b4c4;--td-mat:#dac7cc}
.stationery-surface[data-version="2"][data-theme=rabbit] .td-sheet{padding:19px 19px 0;border:1px solid var(--td-line);box-shadow:inset 0 0 0 5px var(--td-page),inset 0 0 0 6px #d49aaa;border-radius:0}
.dark .stationery-surface[data-version="2"][data-theme=rabbit] .td-sheet{padding:19px 19px 0;border:1px solid var(--td-line);box-shadow:inset 0 0 0 5px var(--td-page),inset 0 0 0 6px #926478;border-radius:0}
.stationery-surface[data-version="2"] .td-letter-head{border-bottom:3px double var(--td-line);padding:0 0 12px;margin:0}
.stationery-surface[data-version="2"] .td-letter-head strong{font:500 28px/1.3 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;letter-spacing:-1px;color:var(--td-accent)}
.stationery-surface[data-version="2"] .td-date-field{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);margin:0 0 18px;border-bottom:1px solid var(--td-line);font:400 11px/1.5 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}
.stationery-surface[data-version="2"] .td-date-field>span{padding:7px 4px;border-right:1px solid var(--td-line);color:var(--td-accent)}
.stationery-surface[data-version="2"] .td-date-field .td-date{padding:7px 9px;color:var(--td-ink);letter-spacing:0}
.stationery-surface[data-version="2"][data-theme=rabbit] .td-entry{padding:14px 12px 17px;border:1px solid var(--td-line)}
.stationery-surface[data-version="2"] .td-stamp-photo{padding:10px;background:radial-gradient(circle at 0 50%,var(--td-page) 3px,transparent 3.4px) left top/7px 12px repeat-y,radial-gradient(circle at 100% 50%,var(--td-page) 3px,transparent 3.4px) right top/7px 12px repeat-y,radial-gradient(circle at 50% 0,var(--td-page) 3px,transparent 3.4px) left top/12px 7px repeat-x,radial-gradient(circle at 50% 100%,var(--td-page) 3px,transparent 3.4px) left bottom/12px 7px repeat-x,var(--td-mat);margin-bottom:19px}
.stationery-surface[data-version="2"] .td-stamp-photo::before{content:'';position:absolute;inset:6px;border:1px solid var(--td-line);pointer-events:none}
.stationery-surface[data-version="2"][data-theme=rabbit] .td-footer-art{margin:0 -19px}

/* Five free themes reuse an approved structure (renderer THEME_BASES) with their
   own tokens, sheet, border and restyled frame. Each rule is scoped to its own
   theme, so the base theme keeps its look. */
/* cozy-home: inhwa's album head and polaroid. */
.stationery-surface[data-version="2"][data-theme=cozy-home]{--td-page:#fbf6ea;--td-ink:#33454a;--td-muted:#6f8286;--td-line:#b9d2cd;--td-accent:#c98f1f;--td-mat:#fffdf7}
.dark .stationery-surface[data-version="2"][data-theme=cozy-home]{--td-page:#28302f;--td-ink:#edf2ec;--td-muted:#b2c2bd;--td-line:#4d6461;--td-accent:#e7b653;--td-mat:#d6d2c2}
.stationery-surface[data-version="2"][data-theme=cozy-home] .td-sheet{padding:27px 30px 33px;border:2px solid var(--td-accent);border-radius:16px;background-image:linear-gradient(#3f8f8a1f 1px,transparent 1px),linear-gradient(90deg,#3f8f8a1f 1px,transparent 1px);background-size:24px 24px;background-position:11px 11px}
.dark .stationery-surface[data-version="2"][data-theme=cozy-home] .td-sheet{border-color:var(--td-accent);background-image:linear-gradient(#8fd0c81c 1px,transparent 1px),linear-gradient(90deg,#8fd0c81c 1px,transparent 1px)}
.stationery-surface[data-version="2"][data-theme=cozy-home] .td-album-head .td-date{display:inline-block;max-width:100%;padding:3px 11px;border:1px solid var(--td-accent);border-radius:12px;background:var(--td-page);color:var(--td-accent);letter-spacing:1px;overflow-wrap:anywhere;vertical-align:top}
.stationery-surface[data-version="2"][data-theme=cozy-home] .td-photo.td-polaroid{border:1px solid var(--td-line);border-radius:10px;box-shadow:0 3px 10px #33454a14}
.dark .stationery-surface[data-version="2"][data-theme=cozy-home] .td-polaroid{border:1px solid var(--td-line);border-radius:10px;box-shadow:0 3px 10px #00000044}
.stationery-surface[data-version="2"][data-theme=cozy-home] .td-polaroid .stationery-album-photo{border-radius:6px}
.stationery-surface[data-version="2"][data-theme=cozy-home] .td-polaroid .td-date{color:#6f8286}
.dark .stationery-surface[data-version="2"][data-theme=cozy-home] .td-polaroid .td-date{color:#4d6461}

/* gold-sea: travel-notebook's field head, margin rule and ticket. */
.stationery-surface[data-version="2"][data-theme=gold-sea]{--td-page:#f8f5ec;--td-ink:#1e2d48;--td-muted:#5e6a80;--td-line:#1e2d4829;--td-accent:#a8823a;--td-mat:#fbf8f0;--td-wave:#1e2d481a}
.dark .stationery-surface[data-version="2"][data-theme=gold-sea]{--td-page:#1b2436;--td-ink:#efe9d8;--td-muted:#b9b3a1;--td-line:#e9dfc426;--td-accent:#d8b56a;--td-mat:#2a3550;--td-wave:#e9dfc41c}
.stationery-surface[data-version="2"][data-theme=gold-sea] .td-sheet{padding:22px 19px 45px 36px;border:1px solid #1e2d48;background-image:radial-gradient(circle at 12px 0,transparent 11.5px,var(--td-wave) 12px),linear-gradient(transparent 27px,var(--td-line) 27px);background-size:24px 20px,100% 28px;background-position:left bottom,0 1px;background-repeat:repeat-x,repeat;box-shadow:inset 0 0 0 3px var(--td-page),inset 0 0 0 4px var(--td-accent)}
.dark .stationery-surface[data-version="2"][data-theme=gold-sea] .td-sheet{border-color:#e9dfc459;box-shadow:inset 0 0 0 3px var(--td-page),inset 0 0 0 4px var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=gold-sea] .td-margin-rule{background:var(--td-accent);opacity:.55}
.dark .stationery-surface[data-version="2"][data-theme=gold-sea] .td-margin-rule{background:var(--td-accent);opacity:.55}
.dark .stationery-surface[data-version="2"][data-theme=gold-sea] .td-ticket-photo{background-color:var(--td-mat)}

/* object-doodle: pastel-memo's bound memo and photo corners. */
.stationery-surface[data-version="2"][data-theme=object-doodle]{--td-page:#fffdf8;--td-ink:#2f2f2f;--td-muted:#777;--td-line:#e8e2d6;--td-accent:#2f2f2f;--td-mat:#ffffff}
.dark .stationery-surface[data-version="2"][data-theme=object-doodle]{--td-page:#2a2926;--td-ink:#f1efe9;--td-muted:#bbb6aa;--td-line:#4a463e;--td-accent:#f1efe9;--td-mat:#3a3833}
.stationery-surface[data-version="2"][data-theme=object-doodle] .td-sheet{padding:61px 23px 26px;border:0;background-image:radial-gradient(ellipse 46% 24% at 88% 12%,#ffe7a0b3,#ffe7a000 70%),radial-gradient(ellipse 52% 26% at 8% 56%,#c6ebd6a6,#c6ebd600 72%),radial-gradient(ellipse 44% 22% at 84% 92%,#e0d4f6a6,#e0d4f600 70%);background-repeat:no-repeat}
.dark .stationery-surface[data-version="2"][data-theme=object-doodle] .td-sheet{background-image:radial-gradient(ellipse 46% 24% at 88% 12%,#ffe7a024,#ffe7a000 70%),radial-gradient(ellipse 52% 26% at 8% 56%,#c6ebd61f,#c6ebd600 72%),radial-gradient(ellipse 44% 22% at 84% 92%,#e0d4f624,#e0d4f600 70%)}
.stationery-surface[data-version="2"][data-theme=object-doodle] .td-binding{top:12px;left:calc(50% - 46px);right:auto;width:92px;height:22px;border:0;background-color:#f3d9a0b3;background-image:repeating-linear-gradient(90deg,transparent 0 6px,#ffffff59 6px 9px);transform:rotate(-3deg);clip-path:polygon(0 6%,3% 0,97% 8%,100% 0,98% 50%,100% 100%,4% 92%,0 100%,2% 50%)}
.dark .stationery-surface[data-version="2"][data-theme=object-doodle] .td-binding{border:0;background-color:#b99d5e99;background-image:repeating-linear-gradient(90deg,transparent 0 6px,#ffffff26 6px 9px)}
.stationery-surface[data-version="2"][data-theme=object-doodle] .td-tear{top:44px;left:18px;right:18px;border-top:2px dotted var(--td-ink);opacity:.55}
.stationery-surface[data-version="2"][data-theme=object-doodle] .td-photo.td-corner-photo{border-radius:3px 6px 4px 5px;box-shadow:1px 2px 0 #2f2f2f1f}
.dark .stationery-surface[data-version="2"][data-theme=object-doodle] .td-corner-photo{border-radius:3px 6px 4px 5px;box-shadow:1px 2px 0 #00000059;background-color:var(--td-mat)}

/* day-stamps: mono-note's big day number and offset photo. */
.stationery-surface[data-version="2"][data-theme=day-stamps]{--td-page:#fcf8f0;--td-ink:#3b2f2a;--td-muted:#86766b;--td-line:#e3d6c4;--td-accent:#b5452f;--td-mat:#f5ecdf}
.dark .stationery-surface[data-version="2"][data-theme=day-stamps]{--td-page:#2e2825;--td-ink:#f3e9df;--td-muted:#c2b2a3;--td-line:#5a4c42;--td-accent:#e07b62;--td-mat:#3d342f}
.stationery-surface[data-version="2"][data-theme=day-stamps] .td-sheet{padding:25px 26px 28px 17px;border:0;border-left:6px double var(--td-accent);background-image:radial-gradient(circle,#c9b49d 1px,transparent 1.5px),radial-gradient(circle,#c9b49d 1px,transparent 1.5px);background-size:6.8px 34px,34px 6.8px}
.dark .stationery-surface[data-version="2"][data-theme=day-stamps] .td-sheet{border-left-color:var(--td-accent);background-image:radial-gradient(circle,#8c7766 1px,transparent 1.5px),radial-gradient(circle,#8c7766 1px,transparent 1.5px)}
.stationery-surface[data-version="2"][data-theme=day-stamps] .td-record-head{border-bottom:2px dashed var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=day-stamps] .td-day{position:relative;margin:0 .18em 0 .12em;color:var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=day-stamps] .td-day::after{content:'';position:absolute;left:50%;top:50%;width:1.4em;height:1.2em;border:2px solid var(--td-accent);border-radius:50%;box-shadow:inset 0 0 0 3px var(--td-page),inset 0 0 0 4px var(--td-accent);opacity:.55;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none}
.stationery-surface[data-version="2"][data-theme=day-stamps] .td-offset-photo{border-left:1px dashed var(--td-accent);border-bottom:1px dashed var(--td-accent);background:transparent}
.dark .stationery-surface[data-version="2"][data-theme=day-stamps] .td-offset-photo{background:transparent}
.stationery-surface[data-version="2"][data-theme=day-stamps] .td-body{padding:2px 0 7px 5px}

/* office-days: hamster's paperclip, scrap head and taped photo, without its gingham frame. */
.stationery-surface[data-version="2"][data-theme=office-days]{--td-page:#fbfdff;--td-ink:#26343d;--td-muted:#6a7b86;--td-line:#b8cad6;--td-accent:#2f7f86;--td-mat:#ffffff}
.dark .stationery-surface[data-version="2"][data-theme=office-days]{--td-page:#1f262b;--td-ink:#e6eef2;--td-muted:#a9b8c1;--td-line:#3e5260;--td-accent:#7cc4c9;--td-mat:#2b353c}
.stationery-surface[data-version="2"][data-theme=office-days] .td-sheet{padding:26px 24px 28px;border:1px solid var(--td-line);border-top:6px solid #9ccfd2;background-image:linear-gradient(#5b9bd533 1px,transparent 1px),linear-gradient(90deg,#5b9bd533 1px,transparent 1px),linear-gradient(#5b9bd51a 1px,transparent 1px),linear-gradient(90deg,#5b9bd51a 1px,transparent 1px);background-size:64px 64px,64px 64px,16px 16px,16px 16px}
.dark .stationery-surface[data-version="2"][data-theme=office-days] .td-sheet{border-color:var(--td-line);border-top-color:#3d6f73;background-image:linear-gradient(#7fb2e033 1px,transparent 1px),linear-gradient(90deg,#7fb2e033 1px,transparent 1px),linear-gradient(#7fb2e014 1px,transparent 1px),linear-gradient(90deg,#7fb2e014 1px,transparent 1px)}
.stationery-surface[data-version="2"][data-theme=office-days] .td-paperclip{top:-6px;left:18px}
.stationery-surface[data-version="2"][data-theme=office-days] .td-taped-photo{border-color:var(--td-line)}
.dark .stationery-surface[data-version="2"][data-theme=office-days] .td-taped-photo{border-color:var(--td-line)}
.stationery-surface[data-version="2"][data-theme=office-days] .td-tape{background-color:#e9c46a99;background-image:none;opacity:1}
.dark .stationery-surface[data-version="2"][data-theme=office-days] .td-tape{background-color:#c9a24f80;background-image:none;opacity:1}

/* Five paid packs reuse a structure the same way, never hamster's, and end on
   their own footer art: the sheet has no bottom padding and the art spans it. */
/* sleepy: rabbit's letter form, stamp photo and footer, under a night quilt. */
.stationery-surface[data-version="2"][data-theme=sleepy]{--td-page:#f3f0fa;--td-ink:#3b3760;--td-muted:#716b98;--td-line:#c9c2e3;--td-accent:#6f64a8;--td-mat:#fbfaff;--td-moon:#e9c46a;--td-quilt:#6f64a812}
.dark .stationery-surface[data-version="2"][data-theme=sleepy]{--td-page:#1e1c33;--td-ink:#ebe7fb;--td-muted:#b3acd6;--td-line:#4a4570;--td-accent:#c7bdf2;--td-mat:#2b2946;--td-moon:#f3d98b;--td-quilt:#c7bdf212}
.stationery-surface[data-version="2"][data-theme=sleepy] .td-sheet{padding:19px 19px 0;border:1px solid var(--td-line);border-radius:18px;box-shadow:inset 0 0 0 5px var(--td-page),inset 0 0 0 6px var(--td-line);background-image:radial-gradient(circle at 7px 9px,var(--td-moon) 1px,transparent 1.4px),radial-gradient(circle at 29px 33px,#ffffff .8px,transparent 1.2px),repeating-linear-gradient(45deg,var(--td-quilt) 0 1px,transparent 1px 18px),repeating-linear-gradient(-45deg,var(--td-quilt) 0 1px,transparent 1px 18px);background-size:46px 52px,46px 52px,auto,auto}
.stationery-surface[data-version="2"][data-theme=sleepy] .td-entry{padding:14px 12px 17px;border:1px dashed var(--td-line);border-radius:12px}
.stationery-surface[data-version="2"][data-theme=sleepy] .td-stamp-photo::before{border-color:var(--td-moon);border-radius:10px}
.stationery-surface[data-version="2"][data-theme=sleepy] .td-stamp-photo::after{content:'';position:absolute;top:13px;right:15px;width:14px;height:14px;border-radius:50%;box-shadow:5px -3px 0 0 var(--td-moon);z-index:2;pointer-events:none}
.stationery-surface[data-version="2"][data-theme=sleepy] .td-footer-art{margin:0 -19px;border-radius:0 0 17px 17px}

/* cheer: travel-notebook's field head, margin rule and ticket, under a lightstick glow. */
.stationery-surface[data-version="2"][data-theme=cheer]{--td-page:#fbf8ff;--td-ink:#2d2a4a;--td-muted:#6c6790;--td-line:#dcd3f3;--td-accent:#ff5fa2;--td-mat:#ffffff;--td-glow:#ff5fa233;--td-sky:#43b8e8}
.dark .stationery-surface[data-version="2"][data-theme=cheer]{--td-page:#1d1a2e;--td-ink:#f3effd;--td-muted:#b7b0d6;--td-line:#433b63;--td-accent:#ff8cc0;--td-mat:#2a2540;--td-glow:#ff8cc033;--td-sky:#7fd3f5}
.stationery-surface[data-version="2"][data-theme=cheer] .td-sheet{padding:22px 19px 0 36px;border:1px solid var(--td-line);border-radius:6px;background-image:radial-gradient(ellipse 60% 64px at 50% 0,var(--td-glow),transparent),radial-gradient(circle at 12px 10px,var(--td-accent) 1.4px,transparent 1.8px),radial-gradient(circle at 41px 37px,#43b8e8 1.2px,transparent 1.6px),radial-gradient(circle at 27px 55px,#f7c948 1.3px,transparent 1.7px),linear-gradient(transparent 27px,var(--td-line) 27px);background-size:100% 128px,58px 66px,58px 66px,58px 66px,100% 28px;background-repeat:no-repeat,repeat,repeat,repeat,repeat;background-position:0 0,0 0,0 0,0 0,0 1px}
.stationery-surface[data-version="2"][data-theme=cheer] .td-margin-rule{width:0;background:none;border-left:2px dotted var(--td-accent)}
.dark .stationery-surface[data-version="2"][data-theme=cheer] .td-margin-rule{width:0;background:none;border-left:2px dotted var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=cheer] .td-field-rule{background:var(--td-sky)}
.stationery-surface[data-version="2"][data-theme=cheer] .td-ticket-photo{border:2px solid var(--td-accent);border-radius:10px}
.stationery-surface[data-version="2"][data-theme=cheer] .td-ticket-stub{border-left-color:var(--td-accent);background:linear-gradient(#ff5fa2 0 33.3%,#43b8e8 33.3% 66.6%,#f7c948 66.6%) 7px center/8px calc(100% - 20px) no-repeat;opacity:.75}
.stationery-surface[data-version="2"][data-theme=cheer] .td-footer-art{margin:17px -19px 0 -36px;border-radius:0 0 5px 5px}

/* borimood: pastel-memo's bound memo with mood-colour dots and round dot corners. */
.stationery-surface[data-version="2"][data-theme=borimood]{--td-page:#fff8f0;--td-ink:#4a3b33;--td-muted:#8a766a;--td-line:#f0dccb;--td-accent:#e9826b;--td-mat:#fffdfa}
.dark .stationery-surface[data-version="2"][data-theme=borimood]{--td-page:#2f2723;--td-ink:#f6e9df;--td-muted:#c4b2a6;--td-line:#5c4a40;--td-accent:#f2a68f;--td-mat:#3a302b}
.stationery-surface[data-version="2"][data-theme=borimood] .td-sheet{padding:61px 23px 0;border:0;border-radius:4px 4px 14px 14px;background-image:linear-gradient(#f0dccb99 .6px,transparent .6px),linear-gradient(90deg,#f0dccb99 .6px,transparent .6px);background-size:18px 18px;box-shadow:0 2px 0 #f3dfcf}
.dark .stationery-surface[data-version="2"][data-theme=borimood] .td-sheet{background-image:linear-gradient(#5c4a4099 .6px,transparent .6px),linear-gradient(90deg,#5c4a4099 .6px,transparent .6px);box-shadow:0 2px 0 #463a33}
.stationery-surface[data-version="2"][data-theme=borimood] .td-binding{border:0;border-radius:4px 4px 0 0;background-color:#fbeee2;background-image:radial-gradient(circle at 16px 12px,#f7c948 5px,transparent 5.5px),radial-gradient(circle at 32px 12px,#f4a3a8 5px,transparent 5.5px),radial-gradient(circle at 48px 12px,#9fd8c3 5px,transparent 5.5px),radial-gradient(circle at 64px 12px,#9cc7ef 5px,transparent 5.5px),radial-gradient(circle at 80px 12px,#c9b5ea 5px,transparent 5.5px),radial-gradient(circle at 96px 12px,#c9c2b8 5px,transparent 5.5px);background-repeat:no-repeat}
.dark .stationery-surface[data-version="2"][data-theme=borimood] .td-binding{border:0;background-color:#3e342e}
.stationery-surface[data-version="2"][data-theme=borimood] .td-tear{border-top:2px dotted var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=borimood] .td-memo-head .td-date{color:var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=borimood] .td-photo.td-corner-photo{border:1px solid var(--td-line);border-radius:12px}
.stationery-surface[data-version="2"][data-theme=borimood] .td-photo-corner{width:16px;height:16px;border-width:0;border-radius:50%;background:var(--td-accent);transform:none}
.stationery-surface[data-version="2"][data-theme=borimood] .td-photo-corner::after{content:none}
.stationery-surface[data-version="2"][data-theme=borimood] .td-footer-art{margin:17px -23px 0;border-radius:0 0 14px 14px}

/* boriroutine: mono-note's big day number and offset photo, on a checkbox column. */
.stationery-surface[data-version="2"][data-theme=boriroutine]{--td-page:#f6fbf4;--td-ink:#28402f;--td-muted:#688071;--td-line:#cfe3cf;--td-accent:#3f9d63;--td-mat:#ffffff}
.dark .stationery-surface[data-version="2"][data-theme=boriroutine]{--td-page:#1d2a22;--td-ink:#e6f3e8;--td-muted:#a9c2b0;--td-line:#3d5646;--td-accent:#83d19f;--td-mat:#26352c}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-sheet{padding:25px 26px 0 20px;border:0;border-left:3px solid var(--td-accent);background-image:linear-gradient(transparent 27px,var(--td-line) 27px);background-size:100% 28px}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-sheet::before{content:'';position:absolute;top:9px;bottom:0;left:3px;width:10px;background:repeating-linear-gradient(#3f9d6326 0 10px,transparent 10px 28px);pointer-events:none}
.dark .stationery-surface[data-version="2"][data-theme=boriroutine] .td-sheet::before{background:repeating-linear-gradient(#83d19f26 0 10px,transparent 10px 28px)}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-record-head{border-bottom:3px solid var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-day{color:var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-offset-photo{border-left-color:var(--td-accent);border-bottom-color:var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-offset-photo::after{content:'';position:absolute;top:-9px;right:-9px;width:18px;height:18px;border-radius:50%;background:var(--td-accent);z-index:2;pointer-events:none}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-offset-photo::before{content:'';position:absolute;top:-4px;right:-5px;width:9px;height:5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg);z-index:3;pointer-events:none}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-body{padding:2px 0 7px 5px}
.stationery-surface[data-version="2"][data-theme=boriroutine] .td-footer-art{margin:17px -26px 0 -20px}

/* borifood: inhwa's album head and polaroid, on a polka-dot tablecloth. */
.stationery-surface[data-version="2"][data-theme=borifood]{--td-page:#fff9ee;--td-ink:#4b3326;--td-muted:#8f705d;--td-line:#f1d8bf;--td-accent:#e0553d;--td-mat:#fffdf8}
.dark .stationery-surface[data-version="2"][data-theme=borifood]{--td-page:#2e231c;--td-ink:#f7e8da;--td-muted:#c7ad98;--td-line:#5e4636;--td-accent:#f08a6f;--td-mat:#3a2d24}
.stationery-surface[data-version="2"][data-theme=borifood] .td-sheet{padding:27px 30px 0;border:2px solid var(--td-accent);border-radius:10px;box-shadow:inset 0 0 0 4px var(--td-page),inset 0 0 0 5px var(--td-line);background-image:radial-gradient(circle,#e0553d1f 2.2px,transparent 2.6px),radial-gradient(circle,#e0553d1f 2.2px,transparent 2.6px);background-size:22px 22px;background-position:0 0,11px 11px}
.dark .stationery-surface[data-version="2"][data-theme=borifood] .td-sheet{background-image:radial-gradient(circle,#f08a6f1f 2.2px,transparent 2.6px),radial-gradient(circle,#f08a6f1f 2.2px,transparent 2.6px)}
.stationery-surface[data-version="2"][data-theme=borifood] .td-album-head .td-date{display:inline-block;max-width:100%;padding:4px 11px;border-radius:4px 12px 12px 4px;background:var(--td-accent);color:var(--td-page);letter-spacing:1px;overflow-wrap:anywhere;vertical-align:top}
.stationery-surface[data-version="2"][data-theme=borifood] .td-photo.td-polaroid{border:1px solid var(--td-line);border-radius:6px;box-shadow:0 2px 0 var(--td-line)}
.stationery-surface[data-version="2"][data-theme=borifood] .td-polaroid figcaption{border-top:1px dotted var(--td-line)}
.stationery-surface[data-version="2"][data-theme=borifood] .td-polaroid .td-date{color:#e0553d}
.dark .stationery-surface[data-version="2"][data-theme=borifood] .td-polaroid .td-date{color:#f08a6f}
.stationery-surface[data-version="2"][data-theme=borifood] .td-footer-art{margin:17px -30px 0;border-radius:0 0 8px 8px}

.stationery-surface[data-version="2"][data-mini=true]{--td-photo-height:62px;--td-body-size:11px;--td-leading:18px}
.stationery-surface[data-version="2"][data-mini=true] .td-sheet{min-height:208px;padding:13px 12px 16px}
.stationery-surface[data-version="2"][data-mini=true] .td-head{margin-bottom:10px}
.stationery-surface[data-version="2"][data-mini=true] .td-date{font-size:11px;letter-spacing:0;line-height:1.4}
.stationery-surface[data-version="2"][data-mini=true] .td-photo{margin-bottom:12px}
.stationery-surface[data-version="2"][data-mini=true] .td-polaroid{padding:4px 4px 0}
.stationery-surface[data-version="2"][data-mini=true] .td-polaroid figcaption{min-height:25px;padding:5px 2px 6px}
.stationery-surface[data-version="2"][data-mini=true] .td-day{font-size:28px;letter-spacing:-1px}
.stationery-surface[data-version="2"][data-mini=true] .td-date-stack{font-size:11px;letter-spacing:0}
.stationery-surface[data-version="2"][data-theme=mono-note][data-mini=true] .td-sheet{padding:14px 11px 16px 10px;border-left-width:4px;background-size:6px 6px}
.stationery-surface[data-version="2"][data-mini=true] .td-record-head{width:100%;gap:7px;padding-bottom:8px}
.stationery-surface[data-version="2"][data-mini=true] .td-offset-photo{margin-left:10px;padding-left:4px;padding-bottom:4px}
.stationery-surface[data-version="2"][data-theme=pastel-memo][data-mini=true] .td-sheet{padding:40px 11px 15px;background-size:9px 9px}
.stationery-surface[data-version="2"][data-mini=true] .td-binding{height:17px;background-size:auto}
.stationery-surface[data-version="2"][data-mini=true] .td-tear{top:27px;left:6px;right:6px}
.stationery-surface[data-version="2"][data-mini=true] .td-photo-corner{width:13px;height:13px}
.stationery-surface[data-version="2"][data-mini=true] .td-photo-corner::after{width:9px;height:9px}
.stationery-surface[data-version="2"][data-theme=travel-notebook][data-mini=true] .td-sheet{padding:13px 10px 16px 20px;background-size:auto;background-image:repeating-linear-gradient(transparent 0,transparent 17px,var(--td-line) 17px,var(--td-line) 18px)}
.stationery-surface[data-version="2"][data-mini=true] .td-field-head{margin:0 -2px 11px -7px;padding-bottom:8px}
.stationery-surface[data-version="2"][data-mini=true] .td-field-head .td-date{font-size:12px;letter-spacing:0}
.stationery-surface[data-version="2"][data-mini=true] .td-field-rule{width:22px;height:2px;margin-top:5px}
.stationery-surface[data-version="2"][data-mini=true] .td-margin-rule{left:13px}
.stationery-surface[data-version="2"][data-mini=true] .td-ticket-photo{grid-template-columns:minmax(0,1fr) 12px;padding:4px}
.stationery-surface[data-version="2"][data-mini=true] .td-ticket-image{padding-right:4px}
.stationery-surface[data-version="2"][data-mini=true] .td-ticket-stub{background-size:5px calc(100% - 12px);background-position:5px center}
.stationery-surface[data-version="2"][data-theme=hamster][data-mini=true]{padding:10px;background-size:16px 16px}
.stationery-surface[data-version="2"][data-theme=hamster][data-mini=true] .td-sheet{padding:15px 10px 0}
.stationery-surface[data-version="2"][data-mini=true] .td-paperclip{left:7px;top:-11px;transform:rotate(18deg) scale(.8);transform-origin:top center}
.stationery-surface[data-version="2"][data-mini=true] .td-scrap-head{padding:0 0 8px}
.stationery-surface[data-version="2"][data-mini=true] .td-taped-photo{padding:4px 4px 8px}
.stationery-surface[data-version="2"][data-mini=true] .td-tape{width:38px;height:14px;left:calc(50% - 19px);top:-7px;background-size:6px 6px}
.stationery-surface[data-version="2"][data-theme=hamster][data-mini=true] .td-footer-art{margin:12px -10px 0}
.stationery-surface[data-version="2"][data-theme=rabbit][data-mini=true] .td-sheet{padding:12px 10px 0}
.stationery-surface[data-version="2"][data-mini=true] .td-letter-head{padding-bottom:7px;margin-bottom:0}
.stationery-surface[data-version="2"][data-mini=true] .td-letter-head strong{font-size:20px;letter-spacing:-.5px}
.stationery-surface[data-version="2"][data-mini=true] .td-date-field{grid-template-columns:30px minmax(0,1fr);margin-bottom:10px}
.stationery-surface[data-version="2"][data-mini=true] .td-date-field>span{padding:5px 2px}
.stationery-surface[data-version="2"][data-mini=true] .td-date-field .td-date{padding:5px 4px}
.stationery-surface[data-version="2"][data-theme=rabbit][data-mini=true] .td-entry{padding:8px 7px 11px}
.stationery-surface[data-version="2"][data-mini=true] .td-stamp-photo{padding:7px}
.stationery-surface[data-version="2"][data-mini=true] .td-stamp-photo::before{inset:4px}
.stationery-surface[data-version="2"][data-theme=rabbit][data-mini=true] .td-footer-art{margin:0 -10px}
.stationery-surface[data-version="2"][data-theme=cozy-home][data-mini=true] .td-sheet{border-radius:10px;background-size:16px 16px;background-position:7px 7px}
.stationery-surface[data-version="2"][data-theme=cozy-home][data-mini=true] .td-album-head .td-date{padding:1px 7px;letter-spacing:0}
.stationery-surface[data-version="2"][data-theme=cozy-home][data-mini=true] .td-polaroid{border-radius:7px}
.stationery-surface[data-version="2"][data-theme=cozy-home][data-mini=true] .td-polaroid .stationery-album-photo{border-radius:4px}
.stationery-surface[data-version="2"][data-theme=gold-sea][data-mini=true] .td-sheet{padding:13px 10px 22px 20px;background-image:radial-gradient(circle at 7px 0,transparent 6.5px,var(--td-wave) 7px),linear-gradient(transparent 17px,var(--td-line) 17px);background-size:14px 12px,100% 18px;box-shadow:inset 0 0 0 2px var(--td-page),inset 0 0 0 3px var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=object-doodle][data-mini=true] .td-sheet{padding:40px 11px 15px}
.stationery-surface[data-version="2"][data-theme=object-doodle][data-mini=true]:is([data-font=handwriting],[data-font=gaegu]) .stationery-body{font-size:14px;line-height:19px}
.stationery-surface[data-version="2"][data-theme=object-doodle][data-mini=true] .td-binding{top:7px;left:calc(50% - 28px);width:56px;height:13px}
.stationery-surface[data-version="2"][data-theme=object-doodle][data-mini=true] .td-tear{top:27px;left:10px;right:10px;border-top-width:1.5px}
.stationery-surface[data-version="2"][data-theme=day-stamps][data-mini=true] .td-sheet{padding:14px 11px 16px 10px;border-left-width:4px;background-size:4px 20px,20px 4px}
.stationery-surface[data-version="2"][data-theme=day-stamps][data-mini=true] .td-day::after{border-width:1.5px;box-shadow:inset 0 0 0 2px var(--td-page),inset 0 0 0 3px var(--td-accent)}
.stationery-surface[data-version="2"][data-theme=office-days][data-mini=true] .td-sheet{border-top-width:4px;background-size:32px 32px,32px 32px,8px 8px,8px 8px}
.stationery-surface[data-version="2"][data-theme=office-days][data-mini=true] .td-paperclip{top:-4px;left:9px}
.stationery-surface[data-version="2"][data-theme=sleepy][data-mini=true] .td-sheet{padding:12px 10px 0;border-radius:12px}
.stationery-surface[data-version="2"][data-theme=sleepy][data-mini=true] .td-entry{padding:8px 7px 11px;border-radius:8px}
.stationery-surface[data-version="2"][data-theme=sleepy][data-mini=true] .td-stamp-photo::after{top:8px;right:9px;width:9px;height:9px;box-shadow:3px -2px 0 0 var(--td-moon)}
.stationery-surface[data-version="2"][data-theme=sleepy][data-mini=true] .td-footer-art{margin:0 -10px;border-radius:0 0 11px 11px}
.stationery-surface[data-version="2"][data-theme=cheer][data-mini=true] .td-sheet{padding:13px 10px 0 20px;background-image:radial-gradient(ellipse 60% 40px at 50% 0,var(--td-glow),transparent),radial-gradient(circle at 8px 6px,var(--td-accent) 1px,transparent 1.3px),radial-gradient(circle at 25px 23px,#43b8e8 .9px,transparent 1.2px),radial-gradient(circle at 17px 34px,#f7c948 1px,transparent 1.3px),linear-gradient(transparent 17px,var(--td-line) 17px);background-size:100% 80px,36px 41px,36px 41px,36px 41px,100% 18px}
.stationery-surface[data-version="2"][data-theme=cheer][data-mini=true] .td-ticket-photo{border-radius:6px}
.stationery-surface[data-version="2"][data-theme=cheer][data-mini=true] .td-footer-art{margin:12px -10px 0 -20px}
.stationery-surface[data-version="2"][data-theme=borimood][data-mini=true] .td-sheet{padding:40px 11px 0;border-radius:3px 3px 9px 9px;background-size:12px 12px}
.stationery-surface[data-version="2"][data-theme=borimood][data-mini=true] .td-binding{background-image:radial-gradient(circle at 11px 8px,#f7c948 3.5px,transparent 4px),radial-gradient(circle at 22px 8px,#f4a3a8 3.5px,transparent 4px),radial-gradient(circle at 33px 8px,#9fd8c3 3.5px,transparent 4px),radial-gradient(circle at 44px 8px,#9cc7ef 3.5px,transparent 4px),radial-gradient(circle at 55px 8px,#c9b5ea 3.5px,transparent 4px),radial-gradient(circle at 66px 8px,#c9c2b8 3.5px,transparent 4px)}
.stationery-surface[data-version="2"][data-theme=borimood][data-mini=true] .td-photo.td-corner-photo{border-radius:8px}
.stationery-surface[data-version="2"][data-theme=borimood][data-mini=true] .td-footer-art{margin:12px -11px 0;border-radius:0 0 9px 9px}
.stationery-surface[data-version="2"][data-theme=boriroutine][data-mini=true] .td-sheet{padding:14px 11px 0 10px;border-left-width:2px;background-size:100% 18px}
.stationery-surface[data-version="2"][data-theme=boriroutine][data-mini=true] .td-sheet::before{top:5px;left:2px;width:6px;background:repeating-linear-gradient(#3f9d6326 0 6px,transparent 6px 18px)}
.dark .stationery-surface[data-version="2"][data-theme=boriroutine][data-mini=true] .td-sheet::before{background:repeating-linear-gradient(#83d19f26 0 6px,transparent 6px 18px)}
.stationery-surface[data-version="2"][data-theme=boriroutine][data-mini=true] .td-offset-photo::after{top:-6px;right:-6px;width:12px;height:12px}
.stationery-surface[data-version="2"][data-theme=boriroutine][data-mini=true] .td-offset-photo::before{top:-3px;right:-3px;width:6px;height:3px;border-left-width:1.5px;border-bottom-width:1.5px}
.stationery-surface[data-version="2"][data-theme=boriroutine][data-mini=true] .td-footer-art{margin:12px -11px 0 -10px}
.stationery-surface[data-version="2"][data-theme=borifood][data-mini=true] .td-sheet{padding:13px 12px 0;border-radius:8px;background-size:14px 14px;background-position:0 0,7px 7px}
.stationery-surface[data-version="2"][data-theme=borifood][data-mini=true] .td-album-head .td-date{padding:1px 7px;letter-spacing:0}
.stationery-surface[data-version="2"][data-theme=borifood][data-mini=true] .td-photo.td-polaroid{border-radius:4px}
.stationery-surface[data-version="2"][data-theme=borifood][data-mini=true] .td-footer-art{margin:12px -12px 0;border-radius:0 0 6px 6px}

/* Version 1 keeps its saved geometry. New selectors only replace the v2 shell. */
.stationery-surface[data-version="2"] { color-scheme: light; }
.dark .stationery-surface[data-version="2"] { color-scheme: dark; }
.stationery-surface[data-version="2"] .stationery-canvas { padding: 0; border: 0; border-radius: 0; margin: 0; background: transparent; box-shadow: none; overflow: visible; }
.stationery-surface[data-version="2"] .stationery-canvas::before,
.stationery-surface[data-version="2"] .stationery-canvas::after { display: none; }
.stationery-surface[data-version="2"] .stationery-paper { padding: 0; min-height: 0; background: transparent; background-image: none; margin: 0; }
.stationery-surface[data-version="2"] .stationery-body { color: var(--td-ink); text-shadow: none; }
.stationery-surface[data-version="2"] .stationery-photo { overflow: visible; width: auto; min-height: 0; max-height: none; aspect-ratio: auto; }
.stationery-surface[data-version="2"] .stationery-photo:first-child { border-radius: 0; }
.stationery-surface[data-version="2"] .td-photo-slot { min-width: 0; }
.stationery-surface[data-version="2"] .stationery-title { margin: 0 0 16px; color: var(--td-ink); text-shadow: none; }
.stationery-surface[data-version="2"] .stationery-album { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; position: relative; }
.stationery-surface[data-version="2"] .stationery-album-photo { position: relative; display: block; min-width: 0; min-height: 44px; padding: 0; border: 0; border-radius: 0; overflow: hidden; background: var(--td-mat); }
.stationery-surface[data-version="2"] .stationery-album .td-photo-img { display: block; width: 100%; height: 126px; object-fit: cover; margin: 0; }
.stationery-surface[data-version="2"] .stationery-album[data-count="1"] { grid-template-columns: 1fr; }
.stationery-surface[data-version="2"] .stationery-album[data-count="1"] .td-photo-img { height: auto; max-height: none; object-fit: contain; }
.stationery-surface[data-version="2"] .stationery-album[data-count="2"] .td-photo-img { height: 184px; }
.stationery-surface[data-version="2"] .stationery-album[data-count="3"] { grid-template-columns: 1.35fr 1fr; grid-template-rows: 105px 105px; }
.stationery-surface[data-version="2"] .stationery-album[data-count="3"] .stationery-album-photo:first-child { grid-row: span 2; }
.stationery-surface[data-version="2"] .stationery-album[data-count="3"] .td-photo-img { height: 100%; }
.stationery-surface[data-version="2"] .stationery-album[data-count="5"] .stationery-album-photo:first-child { grid-column: span 2; }
.stationery-surface[data-version="2"] .stationery-album[data-count="5"] .td-photo-img { height: 84px; }
.stationery-surface[data-version="2"] .stationery-album[data-count="5"] .stationery-album-photo:first-child .td-photo-img { height: 154px; }
.stationery-surface[data-version="2"][data-mini="true"] .stationery-album .td-photo-img { height: 62px; }
.stationery-surface[data-version="2"][data-mini="true"] .stationery-album[data-count="1"] .td-photo-img { height: auto; }
.stationery-surface[data-version="2"][data-mini="true"] .stationery-album[data-count="3"] { grid-template-rows: 45px 45px; gap: 4px; }
.stationery-surface[data-version="2"][data-mini="true"] .stationery-album[data-count="3"] .td-photo-img { height: 100%; }
.stationery-surface[data-version="2"][data-mini="true"] .stationery-album[data-count="5"] .td-photo-img { height: 36px; }
.stationery-surface[data-version="2"][data-mini="true"] .stationery-album[data-count="5"] .stationery-album-photo:first-child .td-photo-img { height: 62px; }
.stationery-surface[data-version="2"] .stationery-album .stationery-media-error { min-height: 80px; color: var(--td-ink); background: var(--td-mat); }
.stationery-surface[data-version="2"] .stationery-sticker-layer { z-index: 3; }
.stationery-surface[data-version="2"] .td-entry { z-index: auto; }
.stationery-surface[data-version="2"] .stationery-body { z-index: 4; }
.stationery-surface[data-version="2"] .stationery-editor-input { pointer-events: auto; background: transparent; padding: 0; border: 0; width: 100%; min-height: 212px; font-size: 16px; line-height: 28px; }
.stationery-surface[data-version="2"][data-font="handwriting"] .stationery-body,
.stationery-surface[data-version="2"][data-font="gaegu"] .stationery-body { font-size: 20px; line-height: 28px; }
.stationery-surface[data-version="2"][data-font="handwriting"],
.stationery-surface[data-version="2"][data-font="gaegu"] { --td-body-size: 20px; }
.stationery-writing-surface .stationery-surface[data-version="2"][data-font] #journal-body-text.stationery-editor-input { font-size: var(--td-body-size); line-height: var(--td-leading); }

/* The picker and placed stickers use identical measured sprite crops. */
.stationery-sprite { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; pointer-events: none; }
.stationery-sprite-crop { position: relative; display: block; max-width: 100%; max-height: 100%; overflow: hidden; }
.stationery-sprite-crop > img { position: absolute; display: block; max-width: none !important; height: auto !important; object-fit: fill; pointer-events: none; }

@font-face {
    font-family: "Oru Gowun Batang";
    src: url("../fonts/stationery/gowun-batang/GowunBatang-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Oru Gaegu";
    src: url("../fonts/stationery/gaegu/Gaegu-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
.stationery-surface[data-font="gowun-batang"] .stationery-body { font-family: "Oru Gowun Batang", AppleMyungjo, serif; }
.stationery-surface[data-font="gaegu"] .stationery-body { font-family: "Oru Gaegu", "Oru Nanum Pen", sans-serif; }
.stationery-surface[data-font="gaegu"][data-resolved-font="handwriting"] .stationery-body { font-family: "Oru Nanum Pen", AppleMyungjo, serif; }
.stationery-surface[data-version="2"][data-mini="true"] .stationery-body { font-size: 11px; line-height: 18px; }