*{box-sizing:border-box}body{margin:0;font-family:-apple-system,PingFang SC,Noto Sans SC,sans-serif;background:#f4f4f6;color:#222}.app{display:flex;min-height:100vh}.panel{width:340px;flex-shrink:0;background:#fff;padding:20px;border-right:1px solid #e5e5ea;height:100vh;overflow:auto;position:sticky;top:0;display:flex;flex-direction:column;gap:6px}.brand{margin:0 0 8px;font-size:20px}label{font-size:12px;color:#666;margin-top:6px;display:block}input:not([type]),input[type=text],textarea,select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:8px;font:inherit;font-size:14px}textarea{resize:vertical;line-height:1.6}input[type=range]{width:100%}.row{display:flex;gap:10px}.row>div{flex:1}.check{display:flex;align-items:center;gap:6px;font-size:13px;color:#333}.tpls{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.grp{font-size:11px;color:#999;margin:4px 0 2px}.mats{display:flex;flex-wrap:wrap;gap:6px}.mats button{padding:5px 9px;font-size:12px}.mats button.on{background:#222;color:#fff;border-color:#222}.tpl{height:46px;border-radius:8px;border:2px solid transparent;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:3px}.tpl span{font-size:11px;background:#ffffffd9;border-radius:4px;padding:0 4px;color:#222}.tpl.on{border-color:#222}button{cursor:pointer;border:1px solid #ddd;background:#fff;border-radius:8px;padding:7px 12px;font:inherit;font-size:13px}button:disabled{opacity:.5;cursor:wait}.primary{margin-top:14px;background:#222;color:#fff;border-color:#222;padding:11px}.stage{flex:1;padding:32px;display:flex;flex-wrap:wrap;gap:32px;align-content:flex-start;justify-content:center}.item{display:flex;flex-direction:column;align-items:center;gap:10px}.actions{display:flex;gap:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px}.card-root{background:var(--bg);padding:28px;font-family:var(--font);color:var(--fg)}.card{position:relative;overflow:hidden;background:var(--card);border-radius:16px;padding:32px 28px 22px;box-shadow:0 10px 30px #0000001f}.card>*{position:relative;z-index:1}.card>.material{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.title{font-size:24px;line-height:1.35;margin:0 0 18px;color:var(--fg);font-weight:700}.title:after{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--accent);margin-top:12px}.body p{margin:0 0 14px;font-size:16px;line-height:1.85;white-space:pre-wrap;word-break:break-word}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--fg) 20%,transparent);font-size:12px;opacity:.75}.author{color:var(--accent);font-weight:600}.layout-memo .card{border-radius:4px;box-shadow:4px 6px #0000001a;background-image:repeating-linear-gradient(transparent 0 29px,#0000000f 29px,#0000000f 30px)}.layout-memo .title:after{display:none}.layout-quote{padding:40px}.layout-quote .card{box-shadow:none;padding:20px 8px}.layout-quote .quote-mark{font-size:80px;line-height:.8;color:var(--accent);font-family:Georgia,serif}.layout-quote .body p{font-size:22px;line-height:1.7;font-weight:600}.layout-quote .title{font-size:16px;color:var(--accent)}.layout-quote .title:after{display:none}.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}.btn-file{border:1px solid #ddd;border-radius:8px;padding:7px 10px;font-size:13px;color:#222;cursor:pointer;margin:0;white-space:nowrap;display:flex;align-items:center}.row>.btn-file,.row>button{flex:0 0 auto}.hint{font-size:12px;color:#888;line-height:1.5}.layout-glass .card{border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 50px #00000059,inset 0 1px #fff6}.layout-glass .footer{border-top-color:#ffffff4d}.layout-film{padding:34px 22px;background-image:repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 22px),repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 22px);background-size:100% 14px;background-position:0 8px,0 calc(100% - 8px);background-repeat:repeat-x;background-color:#1a1a1a}.layout-film .card{border-radius:2px;box-shadow:none}.layout-film .title:after{width:100%;height:1px;opacity:.6}.layout-magazine .card{border-radius:0;box-shadow:none;padding:36px 30px 22px;border-top:8px solid var(--accent)}.layout-magazine .title{font-size:34px;line-height:1.15;letter-spacing:-.5px;font-weight:900}.layout-magazine .title:after{display:none}.layout-magazine .body p:first-child:first-letter{float:left;font-size:52px;line-height:.9;padding:4px 8px 0 0;color:var(--accent);font-weight:900}.layout-newspaper .card{border-radius:0;box-shadow:0 2px #00000026}.layout-newspaper .np-head{display:flex;justify-content:space-between;align-items:baseline;border-top:3px double var(--fg);border-bottom:3px double var(--fg);padding:6px 0;margin-bottom:18px;font-size:12px;letter-spacing:2px}.layout-newspaper .np-head b{font-size:18px;letter-spacing:3px}.layout-newspaper .title{font-size:28px;text-align:center}.layout-newspaper .title:after{margin:12px auto 0;width:60%;height:1px;background:var(--fg)}.layout-newspaper .body p{text-align:justify;text-indent:2em}.layout-letter .card{border-radius:2px;padding:36px 30px 24px 52px;background-image:linear-gradient(90deg,transparent 34px,rgba(178,58,72,.45) 34px 35px,transparent 35px),repeating-linear-gradient(transparent 0 29px,#b23a482e 29px,#b23a482e 30px);background-color:var(--card)}.layout-letter .body p{line-height:30px;font-size:17px}.layout-letter .title:after{display:none}.layout-polaroid{padding:36px}.layout-polaroid .card{border-radius:3px;padding:18px 18px 64px;box-shadow:0 14px 30px #00000040;transform:rotate(-1.2deg)}.layout-polaroid .body{background:color-mix(in srgb,var(--accent) 8%,#fafafa);padding:22px 18px;border-radius:2px}.layout-polaroid .title{text-align:center}.layout-polaroid .title:after{margin:10px auto 0}.layout-polaroid .footer{position:absolute;left:18px;right:18px;bottom:16px;border:0;font-size:15px}.layout-ink .card{border-radius:4px;box-shadow:none;padding:40px 34px 30px}.layout-ink .title{font-size:30px;letter-spacing:4px;font-weight:400}.layout-ink .title:after{width:56px;height:2px;background:var(--fg)}.layout-ink .body p{letter-spacing:1px;line-height:2}.layout-ink .footer{border:0}.layout-ink .seal{position:absolute;right:28px;bottom:58px;width:44px;height:44px;border:2px solid var(--accent);color:var(--accent);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transform:rotate(-8deg);opacity:.85;writing-mode:vertical-rl}.layout-terminal .card{border-radius:10px;padding:0 0 18px;box-shadow:0 20px 40px #00000073}.layout-terminal .term-bar{display:flex;align-items:center;gap:7px;background:#161b22;padding:10px 14px;margin-bottom:20px;font-size:12px;color:#8b949e}.layout-terminal .term-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f56}.layout-terminal .term-bar i:nth-child(2){background:#ffbd2e}.layout-terminal .term-bar i:nth-child(3){background:#27c93f}.layout-terminal .term-bar span{margin-left:8px}.layout-terminal .title,.layout-terminal .body,.layout-terminal .footer{margin-left:20px;margin-right:20px}.layout-terminal .title{font-size:20px;color:var(--accent)}.layout-terminal .title:before{content:"# "}.layout-terminal .title:after{display:none}.layout-terminal .body p{font-size:14px;line-height:1.75}.layout-terminal .body p:before{content:"> ";color:var(--accent)}.layout-terminal .footer{border-top-color:#30363d}